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

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

拉开视觉次序的另一种手法:模糊,很多人对于PS里的模糊工具并不陌生,而通过将视觉元素模糊化处理,一样能起到营造视觉层次的效果,比如我们常见的电影海报中:

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

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

通过虚实对比,使得视觉层次变化更强,这也是合成设计中常用的手法之一,而在文字设计中,一样可以通过这样的手法来开视觉次序关系,比如:

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

通过模糊字体中某个笔画,在视觉上形成了一定的空间关系,也使得整体层次感更加丰富,这也是很多设计师喜欢在作品的最后环节加一些飘飞模糊的点状元素丰富整体的常用手法之一:

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

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

视觉层次的变化对于整体而言是不可缺少的一部分,有时只需要一点点的变化就可以带来意想不到的效果!

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

这期所说的很多都属于细节上的变化,但是很多人对于细节并不重视,认为不重要,但其实优秀的板式设计基本上都是用不同的细节处理方式堆砌而成的,这期所说的这些形式用于板式设计中也同样很实用,如果你的板式太过呆板,可以通过考虑这些方面在适当的位置进行打破,打破的意思是:在原本很呆板的基础上寻找视觉上的层次变化,使得整体板式活跃起来且富有细节感,比如:

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

这是从一个页面中选取的一个局部信息,上侧板式给人的感觉毫无变化,如果页面中出现大面积这种形式的板式,会使得整体单调、枯燥,很容易形成视觉疲劳,而下侧区域则是为了避免这些,在形式上改变了许多:第一颜色上有轻微的变化,这样做的目的是区分开每个栏目!第二形式上第三个模块做了很明显的层次变化,颜色上明显加深了、且投影效果加重,而且按钮区域也用色块的形式代替边框,使得整体层次感更强且有保持在一个很协调的范围内!这里用到的手法,正是这期所说的这些!

同样我们也可以在网上找一些版式感很强的页面进行分析,去理解这些手法是如何在板式中体现的,比如一些官网的设计,看似很简洁、元素很少,而往往这种页面对于板式的要求更高,因为要用极少的元素体现其板式变化、层次!

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

视觉层次感是提升整体设计感很重要的一种形式,如何在固有的视觉基础上打破束缚,在形式上形成变化,对于每个设计师而言都是至关重要的;而很多设计手法都存在着共通性,只要学会灵活运用,那么我们的设计作品就不会显得平庸无常!当然这期所说的也并非全部,这些只是很常用的一些形式!

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

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

99%的人还看了以下文章

  • 那些漂亮的网页banner,用的什么字体?

    banner的字体选用要根据banner的主题,去挑选,因为字体本身也是有性格的。 一、稳定型(协调,齐全,稳定,高质) 微软雅黑、冬青黑体、宋体、华文细黑 方正正中黑 方正兰亭系列 二、刚硬,锐利,清晰,强烈 造字工坊力黑体 造字工坊版黑体 造字工坊劲黑体 锐字逼格锐线体简 张海山锐线体 华康儷金黑 蒙纳超刚黑体 (更适用大气,热烈,权威,声明等主题) 三…

    2019年10月22日 网页设计
    5.2K0
  • 快速找到海报设计中存在的版式问题

    通过海报设计实例,分析海报设计存在的问题,引导如何重新设计修改。从实战中理解所学的设计理论,活学活用。

    2018年7月9日
    6.8K0
  • web开发技术课程项目考查

    考查目的 一、专业能力目标 ①检验学生对《web开发技术》课程的理解与掌握情况 ②锻炼学生运用所学知识解决实际问题,进行项目开发的能力。 ③掌握web项目的开发流程,网站建设的技术和方法,具备一定的网站设计能力及网页制作能力。 ④培养学生网站规划建设、发布,以及管理维护的基本技能。 ⑤培养学生掌握项目开发的的思想和方法,树立严肃认真的工作作风。 二、技能目标…

    2018年6月1日
    3.3K0
  • 第1章 网页设计与制作基础

    1.1 网站与网页1.2 网页相关的概念1.3 网站制作基本流程1.4 网页设计制作工具

    2018年3月15日
    2.4K0
  • 如何提升设计价值——方法篇

    设计≠艺术,设计从诞生之初就是为“解决问题”而存在。在体验设计场景,如果业务方是“需求提出者”,那产品经理和设计师就是从不同视角切入的“问题解决者”,而用户既是“需求源头”,又是“方案验证者”和最终“价值创造者”。下面我们详细解读设计价值与业务/用户/产品三方的关系.

    2023年1月16日 网页设计
    6380
  • 网页设计中的字体选择以及常用字号

    网页设计中的字体 中文:宋体,微软雅黑,方正系列(无状态) 英文: Helvetica:被评为设计师最爱的字体,Realist风格,简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体。 Arial: 和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。 Lucida Grande:是Mac OS U…

    2019年10月22日
    5.4K0

发表回复

登录后才能评论