温馨提示

1、列表网提醒您:在交易前请仔细核实商家真实资质!如发现非法商家,欢迎广大网民举报,举报电话:4000-999-800。

2、该信息由列表网网友发布,其真实性及合法性由发布人负责,列表网仅引用以供用户参考,详情请阅读列表网免责条款。

3、在签订合同或相关协议之前,任何要求预付定金、汇款等方式均存在风险,谨防上当受骗!

详情描述

设计布局对UI还有创意设计都特别重要,设计师不仅仅设计一个布局,很多时候是设计用户的动线,所以如何去布局,让用户更好的理解页面内信息,是需要一些技巧的,今天川软教育分享一些布局技巧,希望可以帮助到大家。

1、通过重要内容去布局

在做设计之前,先和产品经理对焦清楚页面内容。然后设计时候,优先考虑重要内容呈现。越是重要的内容,占比面积越大,相反越不重要内容占比越小。这个是布局很重要一个技巧。

2、通过视觉层次去布局

布局层次很重要,基础上视觉层次的结构大小是根据内容优先级呈现的。越重要的内容,在视觉表现上越突出。这样也能更好让用户理解产品。

3、使用不对称布局

对称布局有两种布局形式,一种是对称一种是不兑现,对称布局比较适合左右两侧商品比较相似的产品。优先性差不多。非对称布局会比较突兀能更突出另外一侧信息,也是在视觉布局中常用的一种手段。

4、通过间距去布局

布局里面至关重要的一点就是运用好间距,间距是你将一个布局与另外一个布局分开很重要的一个手段。间距也是布局中主要的一点。合理运用好间距,能让布局更清晰。

5、通过中断去布局

什么是中断布局,就是页面中原本的元素是这样的,突然换一个形式,让他从其他元素里面拖延而出,通过这样来吸引用户注意力。

6、通过网格去布局

通过网格布局,这个是也是常用的方法,网格有助于我们去做页面布局

7、不可忽略的对比布局

做页面布局很重要的一点,就是不要忽略对比。当你设计一个布局时候,一定要思考和周围元素之间的对比关系。如果对比没有拉开设计是无效的。

成都川软教育UI设计培训开班介绍

个人培训:UI设计培训白班,周末班,以及VIP定制班

团体培训:UI设计团训,内训,以及定制服务。

图片展示

  • 成都UI培训系列-UI设计布局技巧
成都UI培训系列-UI设计布局技巧
1/1
  • 成都UI培训系列-UI设计布局技巧