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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(0)
江山如画的头像江山如画管理团队
1秒找到删除或者拉黑你的好友
上一篇 2018年7月9日 上午10:39
快速找到海报设计中存在的版式问题
下一篇 2018年7月9日 上午11:36

99%的人还看了以下文章

  • 左侧固定,右侧自适应布局的两种实现方法

    左侧固定,右侧自适应布局效果图 很多页面,特别是网站后台管理页面,不少采用左右布局。本文讲解左侧固定,右侧自适应布局的两种实现方法。 左侧固定200px宽,右侧自适应,中间间隔10px。 HTML: <div class=”parent”> <div class=”side”></div> <div class=”m…

    2019年3月10日
    12.4K0
  • 网页设计第一步:绘制网站草图

    网页设计第一步:绘制网站草图网页设计第一步:绘制网站草图网页设计第一步:绘制网站草图网页设计第一步:绘制网站草图

    网站设计草图是对页面元素布局、页面造型设计、交互表现形式等所做的手绘草图说明,是对用户需求沟通的图形表现,以便更准确无误地与用户确认需求,也对网站风格设计过程起指导作用。

    2020年2月26日 网页设计
    31.4K0
  • 界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

    界面设计的字体规范:常用字体,字号,字体颜色及间距对齐界面设计的字体规范:常用字体,字号,字体颜色及间距对齐界面设计的字体规范:常用字体,字号,字体颜色及间距对齐界面设计的字体规范:常用字体,字号,字体颜色及间距对齐

    今天125网页设计给大家分享界面设计中常用的字体,字号,字体颜色及间距对齐的一些小经验,通过设计经验可以帮助你做出更好的版式,相信大家会有收获。 一、常见界面设计中字体使用问题 1.字体样式太多,导致页面杂乱 2.使用的字体不易识别 3.字体样式和内容的气氛或规范不匹配 二.界面设计中文字的使用规则 移动端常规字体 IOS:常选择华文黑体或者冬青黑体,尤其是…

    2018年12月29日 网页设计
    10.0K0
  • 福利!13款免费商用黑体字体推荐

    福利!13款免费商用黑体字体推荐福利!13款免费商用黑体字体推荐福利!13款免费商用黑体字体推荐福利!13款免费商用黑体字体推荐

    “黑体”结构清晰、简洁有力的字形风格能使版面显得庄重醒目并富有现代感。无论是识别性、适用面、视觉效果都非常好。本期推荐 13 款免费商用黑体,前 6 款为各大品牌开发的黑体字型,后 7 款是在传统黑体上进行设计改造,形成各有特点的黑体变体。 Adobe 和 Google 共同开发的免费黑体。字体设计优雅,显示效果优秀,可以满足不同场景下的文字显示需求。由于字…

    2023年1月20日 网页设计
    11.2K0
  • 网页设计字体篇:字体的性格

    网页设计字体篇:字体的性格网页设计字体篇:字体的性格网页设计字体篇:字体的性格网页设计字体篇:字体的性格

    优秀的字体远在读者理解句意之前就通过字形与笔画风格将情感传达给读者,传情达意正是字体设计的意义所在

    2019年10月23日 网页设计
    10.5K0

发表回复

登录后才能评论