如何做好视觉设计中的层次?(精)

如何做好视觉设计中的层次?(精)

营造不同的视觉次序最重要的就是在正常人习惯的固有次序上寻找变化,那么我们同样可以以形态上的变化作为差异化的形式,比如:

如何做好视觉设计中的层次?(精)在固有的形态中寻找其中可以引起差异化的元素,从视觉感受而言可以分为两种:第一,改变了原本的习惯性的阅读方式,也使得整体主次发生了变化;第二,原本枯燥、呆板的重复式的结构上因为元素形态的改变,也起到了打破整体板式的作用,使得整体板式变化更多,层次感更强且板式因此也变得更加活跃;形态上的变化还可以这么体现:

如何做好视觉设计中的层次?(精)

虽然都是矩形框,但是线框与色块形成了很明显的差异,同样也可以体现视觉层次,而这种形式在很多页面中也很常见:

如何做好视觉设计中的层次?(精)

如何做好视觉设计中的层次?(精)

这也是板式设计中很重要的一部分,也就是寻找可以打破板式且营造视觉层次的元素,正是因为这些手法,才使得板式更丰富、更富有多变性!

如何做好视觉设计中的层次?(精)

当要求不能改变很多时,在原有的基础上只需要改变空间位置或者留白方式,也可以营造不同的视觉次序,比如:

如何做好视觉设计中的层次?(精)

在不改变其大小、颜色、形态的前提下,只是改变了空间留白,也能起到改变视觉次序的作用;而在编排或者标题设计中,通过空间留白的方式拉开层次、次序也很常见:

如何做好视觉设计中的层次?(精)

同样是重复的形式,左侧完全没有给人一种有层次、有次序的感觉,在用户眼中,这只不过是一团信息;而右侧通过改变留白的方式充分的体现出视觉上的层级关系,每一个独立存在的标题或者栏目之间都应该用留白的方式体现,这种留白要遵循的原则是:标题与文案的留白要小于栏目与栏目之间且大于说明性文字信息之间;只要这样才能真正意义上的将层次拉开!

本文转载自美工美邦,原文链接: ,本文观点不代表125jz立场。

(0)
江山如画的头像江山如画管理团队
上一篇 2018年7月9日 上午10:39
下一篇 2018年7月9日 上午11:36

99%的人还看了以下文章

  • 浏览器播放mp4格式视频时只有声音看不到画面的原因及解决方法(精)

    做HTML5网页,要播放视频,视频格式为mp4,结果浏览器只能听到声音,看不到画面。 反复测试,多个浏览器均出现此问题。刚开始以为视频的格式不对,我是从MOV转的MP4格式,反复确认嵌入的视频确实是mp4格式的,可是试了好多次结果都一样,只有声音不显示图像,搞了一天,直接搞懵了。 在网上到处搜索,最终解决。 问题描述: 在html5页面中嵌入视频,用浏览器打…

    2018年5月9日
    15.5K0
  • 网页设计常用色彩搭配表《配色表》

    该配色表将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。 按色相的搭配分类 红色、橙色、 黄色、 黄绿色、 绿色、 青绿色、 蓝色、 蓝紫色、 紫色、 紫红色 按印象的搭配分类 柔和、明亮、温柔柔和、洁净、爽朗可爱、快乐、有趣活泼、快乐、有趣运动型、轻快轻快、华丽…

    2018年2月5日
    11.2K0
  • 网页制作实战项目九:飘城旅行社(分步教程)精

    四、完成头部 header 头部 header 包含LOGO+导航nav,最终代码 <header id=”nav”>     <div class=”center”>         <h1 class=”logo”>瓢城旅行社</h1>         <nav class=”link”>   …

    2019年1月13日
    13.4K0
  • 配色就是这么简单!7个在线配色网站推荐

    配色对一个网站的来说非常重要,优秀的网页配色不是单纯好看就行了,颜色是有功能和目的的,需要了解颜色背后所能传达的信息、氛围、价值观……当你在面不同的客户时,你要清清楚楚的知道,你应该从什么倾向的颜色入手。网页面向的人群的年龄段、性别比例、消费层次、风格偏好等等,都应该作为选色的考量因素。 但网页配色更多的需要大量的实践去体会。简单来说…

    2018年1月31日
    25.1K1
  • web前端开发学习路线

    web前端开发学习路线 第一阶段——HTML的学习 超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架,无论是静态网页还是动态网页,最终返回到浏览器端的都是HTML代码,浏览器将HTML代码解释渲染后呈现给用户。因 此,我们必须掌握HTML的基本结构和常用标记及属性。 HTML 的学习是一个记忆和理解的过程,…

    2018年1月18日
    4.5K0

发表回复

登录后才能评论