你的网站设计总差少少 用户界面设计的7个小技巧

Post 25 of 886

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

用户界面设计的7个小技巧

技巧一:凸显文字重要性并不是靠“大”

很多设计师为了提高文字的重要性,通常都会采取“大”字诀:

 

你的网站设计总差少少 用户界面设计的7个小技巧

构成字体层次结构并不是单靠字体大小就可以,而是关乎字体正确大小、粗细和颜色的混合,创造对比,对比度越大越好。正确示范:

 

你的网站设计总差少少 用户界面设计的7个小技巧

如何创建更好的对比度?

1. 不要单用不同字体大小来创建对比度和层次结构;

2. 主要内容使用粗体和深色样式,次要内容使用较小和较浅样式;

3. 创建三种不同颜色的文本;

4. 不要害怕在项目上应用大的字体间隙,通常间隙越大,对比度越好;

5. 对比度=字体大小+字体粗细+颜色。

技巧二:不要使用纯黑色

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

 

你的网站设计总差少少 用户界面设计的7个小技巧

技巧三:用加减法学颜色

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

 

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

技巧四:使用间距分隔组

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

 

你的网站设计总差少少 用户界面设计的7个小技巧

技巧五:使用颜色分隔行

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

 

你的网站设计总差少少 用户界面设计的7个小技巧

技巧六:使用品牌颜色作为强调

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

 

你的网站设计总差少少 用户界面设计的7个小技巧

技巧七:注意对齐

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

 

你的网站设计总差少少 用户界面设计的7个小技巧

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

This article was written by admin

MENU
網頁設計公司