文章插图
文章插图
天空
文章插图
文章插图
在互联网发生翻天覆地变化的今天，我们在不断学习新的工具和技巧，很容易忘记一些基本的视觉原理 。然而，好的设计趋势和风格是基于基本的视觉原则，这些规则就是设计中的一切 。那么今天就来说说还有哪些可以加强视觉层次的技巧吧 。
第一，利用分组来建立层次结构
文章插图
文章插图
在设计中，相邻的元素比相距较远的元素更有吸引力 。在设计阅读顺序时，使用设计分组是一种非常有效的方法 。通过视觉距离将不同的信息分组可以提高用户对内容的理解 。
如上面slack的设计所示，插图引导图和底部按钮上的文字之间的距离使内容更有重点 。第二个界面的顶部头像也通过分组与下面的文字形成对比 。
文章插图
文章插图
在stadium-live的产品设计中，有一组登陆页面按钮，一组顶级品牌LOGO和slogan，还有一组人物 。每组信息都分组明确，每组都不会干扰对方的视野 。间距非常合理，用户可以清楚地从一组信息读到另一组 。
后面两页也是如此 。顶部的导航，下面的表单信息，头像和底部按钮分组，让内容更符合用户的视觉动态线 。
文章插图
文章插图
在球员定制的处理上，最左边的图片，通过分组卡和线，可以直观的清楚的看到排名，哪个队对哪个队 。
文章插图
文章插图
当一组信息接近时，证明必然是相关的 。如果距离远，说明这组信息和他们不一样 。简而言之，通过接近，这些关系是通过分组创建的，将信息分层 。
第二，利用空白建立层次结构
文章插图
文章插图
空白色也是视觉设计的一个元素，不是空白就是空 。如果在设计中合理利用留白，可以帮助用户理解很多信息 。所以任何设计都需要通过一个合适的负空空间来传达信息 。如上图所示，我最喜欢的应用之一classpass的设计非常简洁，页面中使用了大量的空白来突出内容 。
- ipad绘画软件 ipad绘画软件
- 字幕软件 字幕软件哪个好用
- 如何配音赚钱 自己配音赚钱的软件
- 什么属于流氓软件 流氓软件是什么意思
- 完美卸载软件 完美卸载软件无法清除
- 修改图片大小软件 怎么修改图片大小尺寸
- 拍照片好看的软件 什么拍照软件好用
- 上货软件 电商一键上货软件
- 专业p图软件 什么软件可以p图
- 下单软件 快速下单软件