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

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

投影在设计环节中是很常用的一种手法,通过投影可以体现出前后层次,也能改变视觉次序,比如页面设计中的:

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

这里只是在色块上添加了简单的投影效果,原本的视觉次序就瞬间被打破,而这种投影在海报设计中最常用的是打破前后关系,使得海报更有层次感:

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

这种大投影的方式,在很多海报以及页面中常用的手法之一,因为有了投影,使得画面整体形成了明显的层次关系,而投影对于用户来说也是很容易接受的,比如:按钮的投影、主体的投影等等,看似很小的改变,往往能给页面带来很明显的效果!这种形式也可以理解为形成遮挡关系,在一些小场景的设计中,一样很实用:

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

有了遮挡关系,就会形成视觉上的层次,这种看似简单的手法,最终所呈现的效果却是立竿见影的!

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

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

99%的人还看了以下文章

  • 网页设计中的字体选择以及常用字号

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

    2019年10月22日
    5.4K0
  • 网页设计之前端开发工具和学习资源大全(精)

    前端文档 MDN 官方文档:https://developer.mozilla.org/zh-CN/docs/Web 前端社区 GitHub stackoverflow 掘金 JS 学习资源 现代 JavaScript 教程:https://zh.javascript.info/ 阮一峰 JS教程:https://wangdoc.com/javascript…

    2023年1月18日
    5990
  • 网站首页的设计

    网站首页从根本上说就是全站内容的目录,是一个索引。但只是罗列目录显然是不够的。 网站首页设计步骤 首先要确定首页的功能模块,即确定需要在首页上实现的主要内容和功能; 其次设计首页的版面; 最后处理技术上的细节。 设计网站主页必须遵循的5点基本原则 1、要简单   能吸引浏览者注意的时间是短暂的。 你的网站应该下载速度很快。如果你的网站为了给人留下深刻印象而包…

    2018年3月15日
    1.7K0
  • 网页制作实战项目四:使用DIV+CSS制作网页

    【时间要求】 2 学时( 45 分钟× 2=90 分钟) 【上机内容】 使用DIV+CSS制作网页——个人站点制作 【上机目的】 1、 掌握CSS盒模型 2、掌握网页元素的定位 3、掌握DIV+CSS布局的方法和技巧 【上机重点】 1 、网页元素的定位 2、DIV+CSS布局的方法和技巧 【上机难点】从表格布局向DIV+CSS布局的转变 【上机教学方法】 1…

    2018年5月3日
    7.9K0

发表回复

登录后才能评论