设计师要懂布局(四)

本文介绍了网页设计中的关键原则,包括使用三分法创建视觉焦点,利用空白提升布局美感,以及通过重复设计元素建立统一感。这些技巧有助于提高用户体验。

03使用三分法

6631967166210750934.png

  

   使用三分法或者黄金比例设计页面。简单地说,三分法规则就是将你的页面垂直和水平分成为三份,在该网格线相交的点是天然焦点。用图上这四点调整你的关键要素,会让你的页面更加赏心悦目。

 

6631476784027871586.png

  

 

6631694487330157114.png

  

 

 

6631927583792145861.png

  

 

   就其本身而言,三分法不会很好的为你平衡布局,但通过延长原理来从这个天然焦点发散,可以帮助你平衡布局页面

 

04使用空白

 

6631767055097593132.png

  

   新手设计师在做一个页面的时候,会填充页面上每一个空隙,充分的利用每一个间隙填内容到满。而有经验的设计师会知道,有时候将元素适当舍弃会更好。

   在打印中,利用空白的最常见的方式是通过扩大页边距来实现。而在网页中,提供大量的周围的空间可以帮助你的布局感平稳和协调,当你有一个清晰的结构,通过网格和内容结合起来,使用负形效果会更好。但如果引入不恰当,空白可能会使页面与元素脱节。

 

05重复设计元素

6631480082562754945.png

  

   可重复的组合元素用来建立连接与协调页面。用这个方式通过重组图案或进行设计来使整个布局一致性,也可以让用户感觉到即使领域不同,也有相互联系的关系,是一个整体。

   重复给出了一个网站,强化了鲜明的地方感一致的视觉形象,这让网站更令用户难忘。通过一致的方法来布局和导航可以使用户能很快适应的这个网页的布局设计,并能在该网站的网页自信地预测信息和导航控件的位置。

 

转载于:https://my.oschina.net/u/2971691/blog/795833

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值