6个新手设计师容易上手的排版套路(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:我们的设计日记

关键词

三. 平衡原则

平衡原则是界面排版布局的首要原则,大到整个官网,小到一张图文,都需要我们对页面的视觉平衡有很好的节奏控制。

6个新手设计师容易上手的排版套路

△ Fancy为了避免左侧视觉重点过多导致画面不平衡,设计师将分享按钮放置于页面右侧达到左右平衡

△ Pinterest为了保持平衡,将用户头像放置左边作为视觉焦点,右侧放置入口按钮,起到互相平衡的作用

6个新手设计师容易上手的排版套路

△ Ebay为了避免信息过多导致没有视觉重点,设计师在设计列表时,采用加大右侧信息间距以及颜色、字重来保持平衡。

△ 严选在设计时为了保持平衡,在标题上方两侧加上线条,让页面感觉更舒适。

四. 相似原则

6个新手设计师容易上手的排版套路

△ Fancy页面中所有与点击相关的控件,比如,气泡、按钮还有链接都采用品牌蓝色作为行动点。

△ Airbnb页面中,只要是可以点击的都是绿色文字。

6个新手设计师容易上手的排版套路

△ Ebay的页面中,所有能操作的页面、按钮、图标、行动点,全部采用蓝色做为行动点。

△ Facebook的页面中,能点击的图标、文字按钮都是灰蓝色来协调统一。

 收藏