深圳网络公司创想营销专注于深圳建站服务

资讯中心

更多

您当前的位置: 首页 > 资讯中心 > 行业动态

给初学者的反面典型!七个令人伤脑的网页页面设计

有一些情况下,当我们满怀期待地址开一些网址的情况下 —— 他们的存有真是是设计的灾祸!相信自己,如果你看到他们也会伤脑的。从莫名其妙的连接遗失到槽糕的易用性,文中会共享一些会令人一瞬间爆走的不正确设计。留意!千万不要使你的用户碰到和下边一样的难题。

1. 欠缺饱和度

网页页面上的文本和图片都必须具有较高的易读性,非常简单的方式便是让他们具备高对比度。可是很多设计师却常常忽略这条标准。

图片情况与文本饱和度很差,造成文本模模糊糊没法阅读文章,用户不但错过了这句话也错过了你要传递的关键內容。

你务必确保每一个原素都和它周边的别的原素差别起来,记牢这种基本上方式——色彩、室内空间、规格.。有效地应用他们使你的每一个原素都清楚可见吧!

图中的2个比照难题——乳白色的文本与浅色系的照片色调过度相仿及其过小的字体大小都让这一段文本的易读性越来越偏差。

2. 槽糕的导航栏和操作步骤

当我们登录了网页页面的第一眼,你也就得让我明白了下面我该做哪一个实际操作。点一下按键及其信息必须放到醒目的部位——这就是为何导航栏和工具栏通常处在网页页面的顶端。

导航栏的标识内容和运作实际效果务必清楚形象化,当你试着应用水平方向的滚动条或是别的一些不太不同寻常的动画特效设计的情况下,给用户一些暗示着让她们了解你的网页页面怎样工作吧!过度繁杂的设计会让用户觉得手足无措并离开你的网站。

3. 槽糕的照片配搭解决

没什么比一个优秀的图片被别的设计遮盖更槽糕了。假如你花了時间给你的网站配搭了一张优秀的图片,为何要让它被别的的设计原素所遮盖呢?再加上简易的一行字就可以了!这也是为什么全透明按键变成了新的潮流趋势。

当设计师追求时尚潮流的情况下,常常会掉入那样的错误观念。顶栏很有意思,翻转也非常好,但是当你为他们配搭上文本,一切就非常容易越来越不那麼和谐了。网页页面上的每一个照片都必须与文字配搭,让每一个文本都可以读,照片上的每一个设计原素都清楚可见。

不能用文字或是按键遮盖照片上一切关键的一部分。当你感觉你的网页页面设计发生了那样的状况,最好是拆换一个更为简约的情况并在别的地区放喜欢你的这张图片吧。

当第一眼见到上边这幅图的情况下你能被吸引住是由于它的素描画设计风格。但细心看一下,角色脸部被文本遮住了,那一段奖赏之辞也让总体看起来乱七八糟。

4. 不应用网格图

在网页页面设计中,有一些“杂乱无章”也可以令人心旷神怡,不一样是在其中的一种,不应用网格图肯定并不是!

是不是应用网格图是区别设计优劣的技术专业指标值之一。网格图让一切越来越清楚有全局性 —— 使你的原素中间保持一致的适度的间隔,你了解理应将你的原素放到哪里、如何放。网格图协助你确定原素的规格、文字的规格和室内空间,根据占比呈现内容的着重点。

5. 不选用响应式网站设计

应用响应式网站设计架构!应用响应式网站设计架构!应用响应式网站设计架构!关键的事儿说三遍! 你的网页页面也许必须在手机上运作,它务必要和在电脑上运作一样顺畅。

我总是能碰到一些网站,在手机上载入出的是一全部网页页面。这种网站并并不是响应式网站设计,最少沒有手机安卓版的主视图,以致于用户没法应用。(尽管很不普遍,但这些只给予手机安卓版主视图的网站也非常令人无可奈何。)

也许许多 用户与我一样,假如不可以在手机上顺利应用你的网站,那因为我不容易在我的电脑上开启它了。

6. 连接遗失

奔溃的连接是网页页面上最令人生气的事之一。培养每一年都去审批你的网页页面上连接是不是通畅的习惯性吧!你能手动式查验或者应用一些专用工具,例如Website Link Checker.

假如你的logo并不可以连接到你的网站主页,因为我会觉得怪异。Logo全是要连接到网站主页的。(及其当处在主页的情况下,不必禁止使用返回按钮。)

考虑到连接的易用性。确保你的连接,尤其是这些文字中的连接充足显著而且便于点一下而不导致操作失误。不必在你的文字中加上许多 文本连接,特别是在小的移动设备显示屏上,用户难以点一下到恰当的连接。

7. 全屏播放歌曲

在网页页面上加上响声会很栩栩如生,可千万不要在沒有用户提醒的状况下音乐播放。

你理应给予给用户一个开启/关闭音乐的按键,而且默认设置关掉。歌曲也许会让用户震撼,可如果用户正处在办公环境或者情绪比较差的情况下那么做却得不偿失。用户必须能彻底操纵你的网页页面,而全屏播放的歌曲却与之本末倒置。我需要网页音乐但播放视频务必获得我的愿意,假如没法寻找按键关掉全屏播放的歌曲,那只有立即关闭网页页面。

但运用在广告宣传上这倒是个非常好的伎俩。假如你有有响声的内容务必要播放视频,考虑到放一个大的弹出式隔音按键。用户通常会接纳几秒的广告宣传時间并会去阅读文章内容。尽管这不是一个理想化的方式,则是一个比较好的解决方法。

看一下上边这张网页页面,它会全屏播放歌曲但理应是隔音的。再看一下能否一眼寻找转换按键吧——按键太小了尤其是比照别的原素它更难被找到。

更比较严重的罪行

沒有最糟仅有更糟糕,下边的一些关键点设计不正确也会要我弃之而去,别让你自己变成这种粗心大意犯的不正确的受害人了。

沒有检索作用

英语的语法或语法错误

沒有通话作用

文本中发生过多连接

连字符联接的文字

特小的按键

槽糕的排版设计和易读性