设计师要懂布局(四)

03使用三分法

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

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

04使用空白

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

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

05重复设计元素

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,784评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,811评论 25 708
  • 简介 CSS Grid布局 (又名"网格"),是一个基于二维网格布局的系统,旨在改变我们基于网格设计的用户界面方式...
    咕咚咚bells阅读 2,542评论 0 4
  • 32位下的简单栈溢出,IDA反编译之后发现在memtest函数之中传入参数cat flag,在函数winfunc之...
    yahoo0o0阅读 1,131评论 0 0
  • 十岁:“百毒不侵” 前不久,看到一条说说,名为“被同学排斥时”,下面的一条“百毒不侵”的评论则让我感慨很长时间。 ...
    诺沉阅读 633评论 1 8