UI设计中的黄金分割率,实用案例适合临摹学习

作为一名UI设计师,除了要具备分析并梳理产品需求的能力,视觉基础力,更是会直接影响到该设计师水平的几大点之一。那么其实视觉基础能力,是可以通过刻意练习,来进行提升的。对优秀作品进行临摹,深层次多维度来进行学习。

搜UI (SOOUI) 带来黄金比率网格 难以置信的迅速和有效。使用它为所有类型的设计,从网站到其他更小的碎片像Facebook封面,个人资料照片,用它创建的比例和节奏的绝对漂亮。

UI设计中的黄金分割率,实用案例适合临摹学习

 

黄金比率网格

举例:

UI设计中的黄金分割率,实用案例适合临摹学习

格斯(Gerth)马里奥黄金比例电网

把主体放线上,当然线状的主体才能放线上。

在构图中我们经常遇到正方形/长方形等规则的形状,前期我们把规则的形状中心放在黄金分割线上,等所有内容添加完成后再分析画面的重量,微调来平衡画面。

UI设计中的黄金分割率,实用案例适合临摹学习

 

UI设计中的黄金分割率,实用案例适合临摹学习

黄金比率网格

不是所有的物体都是刚刚好放在黄金分割线上。轮廓化的形状应该根据什么来跟黄金分割线重合呢?应该是形状的重心,而不是中心。