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

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

对于视觉次序(视觉层次)的营造是每个设计师所必须精通的,无论是海报设计还是页面设计,从整体来看总会有强弱、主次之分,因为有了视觉上的变化,才使得整体更富有层次感;当用户在浏览信息很多的网页时,作为设计师要做到:即使用户只是简单的浏览,也要有能在用户脑海中形成记忆的视觉元素,而这些元素就是视觉中的主,而当用户仔细阅读时才能记忆到的元素才是视觉上的次;从局部来说:要能在视觉上形成先后顺序;这期的内容就是:设计中体现视觉次序手法有哪些?这些也是打破板式的常用手法!

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

首先,每个人在浏览东西时都会有自己固有的习惯,比如:从上到下、从左到右,这叫常规方式,而作为设计师,不仅仅要只局限于常规形式,完全的常规带来的是设计上的枯燥、乏味!要学会利用设计知识打造不同的视觉次序,营造出更强烈的设计感、层次感!

在众多营造视觉次序的手法中,大小对比几乎是每个人都能想到的一种形式,也是很多人认为的最简单的一种,比如:

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

通过大小对比的形式能很直观营造出视觉焦点,这种形式在设计中也是最容易接受得一种;如果左侧放置的是也是四块小的产品,给人的感觉就会显得枯燥、乏味,板式太过统一,而正是因为这种放大产品的处理手法,拉开了对比,才使得板式不显呆板!这种形式无论是在文字排版、海报、页面都是很实用的一种,合成设计中的近大远小也同样适用,只是在做对比效果时一定要大胆!

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

通过改变不同的配色方式,也能在视觉上营造出视觉层次的变化,比如我们常见的通过有彩色与无彩色进行区分手法:

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

在原本无彩色的排列方式中加入有彩色,在视觉上就形成了很强烈的差异化,而正是因为有了强烈的差异,使得存在差异的部分成为了更容易吸引用户的区域,所以就在视觉上形成了先后顺序,同时这种差异的形式也能起到一定打破板式、活跃板式的作用;而在有彩色之间,同样也能通过差异化形成视觉上的主次,比如:

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

第一行色块能最快引起注意的是第二个,通过色彩饱和度的不同,在视觉上形成了很明显的差异化,进一步改变了原本的做从左往右的习惯性视觉次序;而第二行色块中最快能引起注意的是红色,因为这里用到了改变色系的形式进行视觉上的次序划分;而之所以在有彩色中也能很好的体现视觉层次最重要的一点是,他们之间形成的差异足够明显,而不是似有非有!

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

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

99%的人还看了以下文章

  • 移动端web app和页面开发使用什么字体?微软雅黑?

    一直不清楚移动端web app和页面用的什么字体,只是觉得类似微软雅黑,直到有一次设计师问到设计移动web页面该用什么字体才严肃地想起这个问题。 三大手机系统IOS、android、winphone支持的字体 ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 androi…

    2019年4月9日
    11.6K0
  • 网页制作实战项目二:爱的天空

    请加入网页设计交流群:208047327 ,在项目制作过程中有任何问题,可以在群内讨论,或进入本站问答社区互动。 【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 《爱的天空》主页面及心情日志页面制作 【上机目的】 1 、巩固表格布局的方法和技巧 2 、掌握HTML及CSS的使用 【上机重点】 1 、表格布局 2 、HTML及CSS的使…

    2018年4月12日 网页设计
    9.2K0
  • 平面设计中最常用的一项设计技法-K先生案例精讲

    对比是在平面设计中最常用的一项设计技法,几乎每一个作品中都会出现“对比”的痕迹,今天中国网页设计给大家分享的是K先生平面设计中对比的8种运用技巧,包括大小、色彩、肌理、前后、疏密、虚实…等等,每个技巧运行都配有设计案例,一步步教你如何分析设计,讲解到位,通俗易懂,实用性强,一定会对你的设计有所帮助。

    2020年4月26日
    11.4K0
  • 做个企业网站多少钱?

    联系中国网页设计站长做网站:QQ  41588872 很多企业要做网站,老板先问的是做个网站多少钱? 这个真没有办法直接回答,因为网站的价格跟网站的定位、功能需求、栏目等是息息相关的,你必须描述清楚你的要求才可以给出大致报价。 因此,首先要明确你做网站的目的是什么? 1、展示型网站 只是把网站作为一张“网络名片”,让别人知道你有网站,印在名片上,感觉企业高大…

    2018年9月30日
    1.8K0
  • 配色如此简单-最实用的配色教程

    本文主要介绍实战中配色方法和设计大师常用的快速配色技巧,希望大家能活学活用。

    2019年10月31日 网页设计
    3.7K0
  • 这篇设计配色干货,0基础也能让你做出好作品

    配色一直是设计圈子里的热门话题,是我们作为设计师必须要掌握的一门重要技能,通过色彩可以向用户传递不同层面的视觉信息,所以不同的色彩也都被人们赋予了不同的含义。比如:红色、橙色、黄色等暖色系的颜色能表现出温暖、热闹;而蓝色、淡蓝色等冷色系颜色,会给人一种凉爽、寒冷的感觉。将色彩属性与设计作品有效地相互结合,往往能做到 1+1>2 的视觉效果。 色彩的特征…

    2020年2月18日 网页设计
    3.9K0

发表回复

登录后才能评论