免费注册送58元体验金提高视觉设计能力的 3 个小技巧

当罗了数百客初级设计师的简历之后,我发现一个通用的问题。设计师,尤其是下等设计师,都挺关心
UX
以及吃众多讯问企业传来的设计思想。他们还老差将生蒙之事物引入计划中的力量,简历中之著述总篇一律地显示了他们在艺术学府里学到的视觉设计功底。

完2017年4月,Glassdoor
的调查结果显示,很多供销社支持于招聘有端到端设计能力的产品设计师。

自家是为平面设计师的身价上设计行业之,经过三番五次的试错,我打听及布局和构图之主意。从自己之筹划作品里吧会体现我顿时几年之规划过程,这是本身在母校里之第一只创作:

幸亏,视觉设计力量会趁阅历的增而提升。这是自己最近的创作:

我都死珍视布局及构图

今日,我即将分享提升视觉设计力量的老三只稍技巧。

1 建立视觉层次结构

视觉层次结构是依据消息的相对要程度组织信息,并透过以布局上排顺序组成部分(排版、线条、形状、颜色、图片以及留白)。通过强的视觉层次与视觉构图做规划,可以引导用户之视线。例如,我们得以看
Airbnb 是在他们的网站是怎么对各个部分进行下的:

一经齐图,你的双眼会先行来看啊有,再望啊一部分也?如果你切莫确定,那我们可预先将图纸转成黑白色再试一次。相信你早已注意到公的眸子是处女看到饱和度更明白的一些。

视觉层次结构是通过组件的位置来确定优先级的,从而使得用户可事先看到高优先级的零件,最后看到低优先级的组件。要水到渠成这或多或少,需要平衡用户需与经贸目标。对于
Airbnb
来说,商业目标是增加注册用户数,而用户需要是用户想如果找到住宿的地方。换句话说,从这页面的设计来拘禁,业务需大了用户需。

强劲的视觉层次和构图会经过布局引导用户的视线。而视觉层次不佳会导致沟通不痛快。

生图是视觉层次不优秀的例证:

经使用不同风格的筹划组件的道来实现视觉层次意义,并在感到没有头绪的上尝试黑白色的计划性组件。这是有零部件的略微技巧:

  • 字:大号加粗的书会掀起用户的注意力,但是要当心用标题。
  • 线:线条有助于信息之分组展示,同时其呢可以补尴尬的留白空间。
  • 水彩:深色以及饱和度强的水彩有助于引发用户之注意力。
  • 象:简单的象(如:圆形、三角形、正方形)看上去更是漂亮。
  • 图片:图片可以好诱人,但决不用有版权的图形。
  • 预留白:设计被不时以留白来分隔信息还是隆起展示主要之音讯。

倘若你未曾视觉设计组件的基础知识,Steven Bradley 曾经写过就面的稿子 :

  • lines-线条
  • color-颜色
  • shapes-形状
  • space-
    留白

2 利用 Gestalt 法则

具有的设计师都应该了解 Gestalt Theory 以及人们视觉感知的规律。Gestalt
Theory 是德国之心理学家在 20
世纪初发展起的,他们吗人人进行视觉体验提供了理论依据。现在之设计师都拿
Gestalt 法则算作视觉沟通的卓有成效框架。

由此以对象受众与高影响力的 Gestalt
图片相兼容,我们可以缩短有效联系的相距。——Gregg Berryman

Smashing
Magazine曾经说了Gestalt
Theory 的原理,所以,我们拿重大放在案例上。

内容/背景

诚如的话,背景就是依赖内容之背景。设计的靶子就保用户关心内容,并且可以显著区分内容以及背景。使用高对比度的水彩可明确的别内容跟背景,但是采取低对比度的颜料则无从达到这种力量。设计新手应该尽可能确保背景的简(使用浅色背景或者微妙的纹路背景),并且尽量减少内容的水彩数量。

内容的类程度 Proximity

众人见面自地拿接近的体自动归为同组。如果凑的情比较相近,说明了和一个题目,那咱们得行使不同的颜料要她们变成平等组,这样用户也非会见发出多的联想。当然,不同距离或者留白也能够反映这种涉及。

相似性

人们会自地认为看起相似之体是连锁的。相似之体一般有相似之水彩、形状、大小或者倾向。使用相似之外观可以叫实际相关的物体看上去相关。

连续性

丁眼会根据各个观察线条、曲线还是其他物体。当连续性的物体和另物体相关时,我们见面理所当然地以为当下是鲜单例外之体。在统筹时可以动用颜色更增长人眼的这种感觉。

咱见面自然地用其余物体由连续性的物体中分出去。

封闭性

当我们看来莫完的体或无完全封闭的空中时,我们的大脑会自动填补缺失的有的,从而让我们觉得它们是完好的。设计师可以以封闭性原则于视觉及创造更加强烈的图。

3 检查你的字!

设计师应保证文字清晰易读。随着我的春秋越来越不行,我更对字体小、颜色浅的仿去耐心。在文这点,出版社有那么些很好的更:

起当下点儿种字体开始

字是装有一定大小及重的书样式。Jon Tan 是这般说之:

经验法则是使用一个题字体和一个正文字体,并且每个布局中的书体不跳 3
只。如果您有无数的标题或样式(引号,链接等),那么您便需重新多的书体。Medium
使用了一定量种植字体样式(Lucida Grande和Cambria)和 7种字体。

经过 Hongkiat 字体工具找到适合的字体样式。很多设计师采用 Google
字体样式,因为其发 818
种植字体样式而供应选择,最紧要的是她免费。当然,也闹部分设计师付费使用
MyFonts 或者 Fonts.com 的字样式。

情的最小书为 14px

我已经非常喜欢太细之字。当我发现许多用户很拼命地怀念要扣押清自己 12px
大小的书时,我就是不再产生这种情绪,同时自己意识 14px
为极其小书有助于提高内容的可读性。而且现在之 WEB
设计方向是书越来越不行,比如就首文章的顶小书是
21px。当然为生异,当您想只要读类免责声明的内容常常,你会意识字体是比
21px 还要小的。当然你吗得以看一下 Christian Miller 的稿子Why your body
text is too
small

行高 = 字体的 1.5 ~ 2 倍

行高是段子中句子中的空中尺寸。如果尽大顶小,会如文字内容看上去非常拥挤;行愈顶老,会给契内容看上去不相干。

森装有认知障碍的人头死为难阅读单倍行距的字内容。如果推行愈为 1.5 倍或者
2 倍,则会使他们再度易阅读。——w3c.org

当然,除了行高,短落与段中也发出距离。根据 W3C的网页内容可访问性准则(
W3c’s web content accessibility
guidelines
),我们理应拿段高度设置也实施胜之 1.5 倍增以上。

至上行字符数:66 只字符

每行的字符数是确保可读性的关键因素。如果相同履行字符数太多,用户非常不便集中注意力看了;如果同样实施字符数太缺,则会卡住用户的阅读节奏。因此,许多设计师认为The
Elements of Typographic
Style是最佳字符数的行业标准:

45 到 75 单字符的行长度对用户来说是最好适用的阅读长度。66
独字符(包括数字与空格)的长短普遍认为是极致优异的。—— Robert Bringhurst

W3c的网页内容可访问性准则为加重了当下无异于标准,它说的凡实践长度应该无跳80只字符或字”。

— 全文完 —

谢阅读!

原文:3 ways to improve your visual design
skills
来源:medium
作者:Jules Cheung
颁发时:2017 年 4 月 10 日
阅读量:4.3 K(截止2017-12-06)

相关文章