艺术留学 目前位置:首页 > 艺术资讯 > 行业动态

作品集排版提升视觉层次的的五大要素

作者:图优作品集2020-01-14 11:32:08点击:

建立投资组合时必不可少的

建立良好的视觉层次

作品集本身的目的是为了获得更好的阅读体验

清楚地展示您的设计作品

今天,我们将介绍提高视觉水平的五个主要要素,以帮助学生在短时间内吸引面试老师的注意力。
 

艺术生留学
作品集培训

01

阅读模式

顾名思义,阅读方式是我们的阅读习惯。 通常,眼睛用于从视觉上看书或杂志,通常是从上到下,从左到右。 例如,您正在阅读的公共帐户是从上至下阅读的。

但是对于档案袋,教师通常不会从上到下仔细看,通常会浏览整个页面以找到感兴趣的部分。 因此,视觉扫描法倾向于使用“ F”和“ Z”,并且学生也可以在作品的布局中使用它。

F模式

F模式适用于传统的文本密集型页面,例如文章或博客文章。

因此,学生可以在左侧对齐重要信息,并使用简短的粗体标题,项目符号要点和其他此类有吸引力的标题来拆分需要文字说明的段落。

Z模式

Z模式适用于非文本密集型页面,例如广告或网站。

Web设计人员通常以Z模式构造页面,将最重要的信息放在角落,并在顶部和底部的条以及连接对角线的地方包含其他重要信息。

此模式适用于组合中的图形和文本,中间的大型渲染以及下面的区域设计说明。

02

大小事项

顾名思义,大小是大而醒目的信息,小是次要的。 这有助于我们区分主要和次要,从而使整个页面上显示的信息具有顺序感,并且是设计人员最常用的原理。

掌握这一原理,您可以指导老师阅读您的设计思路,突出他们有价值的部分。 例如,在下面的杂志中,人们通常不阅读键入的标题。

03

空间和纹理

在吸引注意力的同时增加视觉感的另一种方法是适当的空白

例如无印良品的设计

此原则在许多外国网站设计中得到了充分体现,例如以下图片(DrawtoClick网站的一部分):

该网站需要强调的概念是“ Notre agence vous accompagne ...”,它的字体很小,但是周围有多余的空格,表明了它的重要性。

此外,以下三个短语“ Le Compendre”,“ LeRéaliser”和“ Le Partager”特别重要,因为它们与周围空间隔离。

-质地是什么意思?

它指页面上空间,文本和其他详细信息的整体布局。

04

字体粗细和配对

-字体选择对于建立视觉层次结构至关重要。

字体最重要的属性是构成其字母的笔触的宽度和样式。例如:衬线和无衬线、斜体字等,起到修饰作用。

在作品集中,我们的标题,文本等信息的排版中,有时候会存在很多同等重要的信息,将它们都设置为相同的大小和重量会显得非常单调。这时,区分字体是避免这种尴尬情况出现的有效方法。

一般杂志的封面都非常注重这个原则,如下图,页面外围的五个部分的文本在层次结构上都相等,但是通过在配对良好的字体之间进行更改,实现了多样性。
 

作品集培训
艺术生留学
 

05

颜色和色调

我们都知道颜色和色调会给人心理带来远近的感觉,明亮的颜色在柔和的颜色或灰度色调中极易脱颖而出,并且较浅的色相看上去显得更“远”,因此在层次结构上比较丰富,较暗的色相低。

同时,在APP的界面设计中,颜色在移动应用程序设计中特别重要,小屏幕尺寸往往会限制设计师们使用,如尺寸差异和宽间距等策略。

像下图的手机应用APP,“进行结帐”按钮变为红色,使其在出现的所有页面中突显。

相反,“缩小搜索结果”栏为灰色,使其在层次结构上与其他元素大致等效。

这些惯用的设计方法在大家平时使用的APP中,只要留心观察都会发现。

帮同学们总结一下,作品集排版提升视觉层次的的五大要素包括:

第一,阅读模式;第二,大小很重要;第三,空间和纹理;第四,字体粗细和配对;第五,颜色和色调。希望大家在自己的作品集排版中灵活运用,提升视觉层次。

文章标签:tags

最新资讯

艺术留学
(function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();