网页用户界面设计的7个技巧,降低细节上的差距

2020-11-05 11:45:46  20 浏览  0 评论   赞

凸显文字的重要性可以有很多种方法;不要使用纯黑色,可以采用浅一点的黑色;使用加减法选择颜色;使用间距风格不同的组;使用品牌色进行强调;等

用户界面就好比美女的样貌,美观的用户界面设计才能吸引用户的注意力,而实用性则是留住用户的秘密武器。但很多时候,我们明明都按照一些用户界面设计技巧来设计,但是感觉始终差少少,到底是什么原因造成的呢?

凸显文字重要性

凸显文字重要性_网页用户界面设计的7个技巧,降低细节上的差距

图1366-1:凸显文字重要性

很多设计师为了提高文字的重要性,通常都会采取“大”字诀。构成字体层次结构并不是单靠字体大小就可以,而是关乎字体正确大小、粗细和颜色的混合,创造对比,对比度越大越好。

如何创建更好的对比度?

  • 不要单用不同字体大小来创建对比度和层次结构;
  • 主要内容使用粗体和深色样式,次要内容使用较小和较浅样式;
  • 创建三种不同颜色的文本;
  • 不要害怕在项目上应用大的字体间隙,通常间隙越大,对比度越好;
  • 对比度=字体大小 字体粗细 颜色。

不要使用纯黑色

不要使用纯黑色_网页用户界面设计的7个技巧,降低细节上的差距

图1366-2:黑色

纯黑色文字颜色会给读者带来视觉疲劳,因此我们的解决方法就是,使用不同不透明度的黑色作为解决方案,而不是选择3个或更多十六进制颜色值:

用加减法选颜色

用加减法选颜色_网页用户界面设计的7个技巧,降低细节上的差距

图1366-3:选颜色

大多数新手设计师并不擅长选择正确的颜色组合。想你的色彩搭配更加好,利用Hue,饱和度,亮度(HSB)上进行简单的加法和减法,就能发挥作用:

APP设计技巧:盘点那些容易被忽视的小设计

使用间距分隔组

除了在两组间添加分隔线外,想分开页面的两组元素,使用间距分隔是一个更好更容易的解决方案。

使用颜色分隔行

使用有差异且不那么明显的不同色块作为背景,既能保证整体整洁的,又能起到了区分的作用。因此想区分内容区块和层级,利用背景色区分绝对是一种优雅且毫不费力的设计技巧。

使用品牌颜色强调

利用品牌颜色作为强调,起到画龙点睛的作用,用于一些需要重点突出的场景,强调交互的状态等,能加深页面的品牌调性。但使用品牌颜色作为强调时,尽量保持界面的整洁。

注意对齐

注意对齐_网页用户界面设计的7个技巧,降低细节上的差距

图1366-4:对齐

设计列表时,将项目符号、标志符号或数字放在空白处,并对齐文字,这会让界面的可读性流不间断,更清晰。

用户界面不仅仅关乎实用性,美观同样很重要,因此想吸引用户的注意力,设计师应该实用性和美观性两手抓,才能将网站发挥到极致。

 

转载请注明:网创网 www.netcyw.cn/b1366.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com