全国热线

025-86901720

全国监督投诉热线:9:00-23:00

网页设计需切忌7点

今天南京UI培训学校学码思科技的老师为大家分享了网页中容易让人暴走的设计,也提醒设计师们在设计的时候需要切忌这7点,不要让用户遇到这些尴尬的情况。

在浏览网站的过程中,你是不是也有过这样感觉崩溃的瞬间?糟糕的体验,某名丢失的连接,让人一刻都不想忍耐的直接关掉网页。今天南京UI培训学校学码思科技的老师为大家分享了网页中容易让人暴走的设计,也提醒设计师们在设计的时候需要切忌这7点,不要让用户遇到这些尴尬的情况。


1、缺乏对比度

网页上的文字和图片都需要具备较高的可读性,最简单的方法就是让它们具有高对比度。但是许多设计师却经常忽视这条规则。

图片背景与文字对比度太差,导致文字模糊不清无法阅读,用户不仅错过这段话也错过了你要传达的重要内容。

你必须保证每一个元素都与它周围的其他元素区别开来,记住这些基本方法——色彩、空间、尺寸。合理地运用它们让你的每个元素都清晰可见吧!


2、糟糕的导航和操作流程

当用户登陆了网页的第一眼,你就得让用户明白接下来该做哪个操作。点击按钮以及信息需要放在显眼的位置——这就是为什么导航和菜单栏往往处于页面的顶部。

导航的标签内容和运行效果必须清晰直观,当你尝试使用水平方向的滚动条或者其他一些不太寻常的动效设计的时候,给用户一些暗示让他们知道你的网页如何工作吧!过于复杂的设计会让用户感到无所适从并放弃你的网站。


3、糟糕的图片搭配处理

没有什么比一个优秀的图片被其他设计掩盖更糟糕了。如果你花了时间为你的网站搭配了一张优秀的图片,为什么要让它被其他的设计元素所覆盖呢?加上简单的一行字就可以了!这也是为什么透明按钮成为了新的流行趋势。透明按钮:在设计网页中的按钮之时,不再设计复杂色彩、样式和纹理,而是外仅以线框示意轮廓,内只用文字示意功能,背景透出,与整个页面/背景合而为一的设计方式 。

当设计师追逐潮流的时候,经常会落入这样的误区。顶栏很有趣,滚动也很棒,可是当你为它们搭配上文字,一切就容易变得不那么和谐了。页面上的每个图片都需要与文本搭配,让每个文字都可读,图片上的每个设计元素都清晰可见。

不要用文本或者按钮覆盖图片上任何重要的部分。当你觉得你的页面设计出现了这样的情况,最好更换一个更加简洁的背景并在其他地方放上你的图片吧。


4.不使用网格

在网页设计中,有些“杂乱”也能让人赏心悦目,不对称是其中的一种,不使用网格绝对不是!

是否使用网格是区分设计好坏的专业指标之一。网格让一切变得清晰有组织性——让你的元素之间保持一致的适当的间距,你知道应当把你的元素放在哪儿、怎么放。网格帮助你确定元素的尺寸、文本的尺寸和空间,通过比例展现内容的侧重点。


5.不采用响应式设计

使用响应式设计框架!使用响应式设计框架!使用响应式设计框架!重要的事情说三遍! 你的网页或许需要在手机上运行,它必须要和在电脑上运行一样流畅。

总有一些网站,在手机上加载出的是一整个页面。这些网站并不是响应式设计,至少没有手机版的视图,以至于用户无法使用。(虽然很不常见,但那些只提供手机版视图的网站也相当让人无奈。)

或许很多用户如果不能在手机上顺利使用你的网站,那也不会在电脑上打开它了。


6、链接丢失

崩溃的链接是网页上最让人恼火的事之一。养成每年都去审核你的网页上链接是否畅通的习惯吧!你可以手动检查或是使用某些工具,比如Website Link Checker.

如果你的logo并不能链接到你的网站首页,也会让人感到奇怪。Logo都是要链接到网站首页的。(以及当处于首页的时候,不要禁用返回按钮。)

考虑链接的可用性。保证你的链接,特别是那些文本中的链接足够明显并且易于点击而不造成误操作。不要在你的文本中添加很多文字链接,特别是在小的移动设备屏幕上,用户很难点击到正确的链接。


7、自动播放音乐

在网页上添加声音会很生动,可千万别在没有用户提示的情况下播放音乐。

你应当提供给用户一个打开/关闭音乐的按钮,并且默认关闭。音乐或许会让用户惊艳,可要是用户正处于工作环境或是心情很差的时候这么做却适得其反。用户需要能完全操控你的网页,而自动播放的音乐却与之背道而驰。网页音乐播放必须得到用户同意,如果用户没办法找到按钮关闭自动播放的音乐,那只能直接关掉网页。

但应用在广告上这倒是个不错的招数。如果你有有声音的内容必须要播放,考虑放一个大的弹出式静音按钮。用户往往会接受几秒钟的广告时间并会去阅读内容。虽然这不是一个理想的方法,却是一个比较好的解决方案。


上述几点其实都是小细节,但却是设计师们很容易造成的失误,即使是优秀的网页设计师也不例外,如果能够重视小细节,也就可以避开这些失误了。南京学码思UI培训学校会不定期在网站上为大家推送一些UI设计教程和技能干货。如果你想提升自己的技能,可以随时关注我们网站,有疑问也可以随之咨询网站在线老师。


上一篇:从零起步学UI设计提升技能的几种方法
下一篇:关于UE设计和UI设计的区别

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00