UI设计技巧总结

最近看到一些漂亮的设计,并归类总结些设计技巧,在以后的设计中也可以做为参考。

1.保留局部


(苹果官网)

只展示产品的局部细节,冲出了画面,使页面显得更有张力。


2.局部出血


(图形的局部出局)


(logo的局部出局)


(文字的局部出局)

主体局部出血,使页面更活波。


3.利用辅助元素和线条







(利用不连续线条)

利用辅助元素和线条,让界面不单调且有趣。


4.组织信息

组织页面信息的首要任务是判断信息优先级,分清重要信息与次要信息,删除无用信息。化繁为简,降低视觉干扰。




5.利用留白和卡片式设计——不再有分割线

通过空白空间来划分区块比用分割线划分的界面更加通透干净。


但是,卡片式设计并不能支撑所有的设计需求:设计需要“快速扫视”(着重效率)的内容的时候采用列表式UI,它适合展示是类似的、重复的内容,例如搜索结果,新闻网站。



6.元素一致性

元素间的统一更强化了品牌意识。

(黄、蓝、绿三种颜色的不同处理方式(交融、分离、叠加)构成了整体页面既统一、个性、又有巧妙联系的视觉语言。)




边总结边设计,放假啦,大家新年快乐!

评论(2)
热度(12)

© 土豆妹儿 | Powered by LOFTER