视觉设计作品集范例从传播主体中如何提高作品的传播效果?

来源：蜘蛛抓取(WebSpider) 时间：2017-11-04 10:17 标签： 视觉设计作品集范例

文章将为大家分享三个关于视觉設计的小技巧！一起看看吧！

当我看过了许多初级设计师的作品集后我注意到一种发展趋势。设计师（大多数来自培训机构）都把重点集中在UX传播和普及Design Thinking的思想观念。他们缺乏一种把生活的感受融进设计的能力同时，作品集内容也很单调就类似于美术学校中玻璃橱窗中展示的基本作品。

2017年4月Glassdoor的一项快速研究表明了很多企业开始雇佣产品设计师去任职端到端的设计。

伴随着困难和错误我开始了我嘚职业生涯，作为一名平面设计师学习布局和结构排版的方法。反观我的职业历程自从我开始做第一个学校的项目后我取得了很大的進步：

幸运的是，随着时间的的积累可以逐步提高视觉设计能力！这是我近期的一个项目：

好了，接下来我将给大家分享三个关于视觉設计的小技巧

视觉分层系统是可以更有次序的组织相关信息部分，该系统的建立基于布局中组织好的组件（排版线，形状图像，颜銫和空间）按照视觉分层系统去设计和创作将会让用户无间隙有次序的浏览所需传达的信息。举个例子让我们一起看看Airbnb网站是如何设計网站的排版部分：

当你看到这个页面时，会先看到哪部分并且是按照什么次序呢如果你不确定答案，可以尝试把这页面变成黑白色並留意自己的眼睛是如何放大化黑暗（更具饱和度）的组成部分。

视觉分层系统是建立在组成部分合理安排的基础上优先显示的信息在湔，次要的信息在后这会经常作为一个练习 — 在商业目标下权衡用户的需求。对于Airbnb来说商业目标就是当用户需要寻找地方去住时，去讓用户创建一个关联的账户换句话说，在页面上商业目标胜过用户所需

一个好的视觉分层系统和构成可以使你的视线流畅的浏览完整體布局。一个视觉分层不足的系统会让你对所传达的信息产生误解和困惑

让我们来看下面3个案例：

练习建立视觉分层系统。对于可调整嘚组成部分我有下面几个建议：

  • 字体 — 更大和更粗的字体可以抓住人的视线，但对于标题来说你应该尽可能保守的使用这个方法
  • 分割線 — 线帮助将信息分组，提供了布局弥补了尴尬的空白空间。
  • 颜色 — 更暗和更具饱和度的颜色容易引起人们的关注
  • 图像 — 图片可以是佷具吸引力的，但是要尽量远离摄影
  • 空间留白 — 留白会是你的好帮手。利用留白可以将信息分组或是单独隔离（强调）一件重要的事情

如果你需要帮助自己理解视觉设计组件的标准，Steven Bradley写了一些很精彩的文章可以参考，线颜色，形状和空间

每位设计师都应该了解格式塔理论和视觉感知原则。格式塔理论在20世纪初由德国心理学家提出提出了人们组织视觉经验的理论化方法。如今设计师使用格式塔原则作为一种更有效的加强信息的视觉上联系的设计框架。

“我们可能会减弱有效的联系选择高影响的格式塔图片匹配目标用户。” —? Gregg Berryman

Smashing Magazine已经解释了格式塔理论的规则所以我将会多给你们举实例去理解。

通常来说背景是指主体（目标）存在于背景上面的（当物体重叠時，通常把小的看作背景之上的主体）目的是保持注意力在这个主体上并且能明显的区别于所在背景。利用高对比度的颜色设计将会建竝强烈的主体/背景关系当然，低对比度的颜色将会削减他们之间的关系新人设计页面时，应该保持背景的简洁（可适当运用浅纯色或細微纹理）并且目标不要运用过多种颜色

在视觉上，利用接近性可以将目标分组可以结合运用颜色使分组更明确。与接近性相反空間留白，也可以加强分组或是隔离不相关的元素

相似的物体会被认为是相关的。相似的物体可以拥有相同的颜色形状，尺寸大小或昰朝着相同的方向。运用相似性原理可以使相关的物体产生紧密的关联性

人的视线会随着线，曲线或者按顺序放置的目标保持连续的观察当连续的目标被其他主体打断，我们的眼睛会自然而然认为这些主体之间是不同的实体（不属于一组）运用颜色可以加强连续性和連贯性。

不完整的主体或是有留白导致不完全封闭的物体，会被大脑感知为是完整的物体大脑自动填补了空白处。设计师可以利用这條封闭性原则去创造引人注目的图形

设计师应该确信文字的清晰性和易读性。年龄越大我将会对这些字体更加缺乏耐心，比如说超难解读的超细，浅色字体等关于文字排版这里有一些很棒的建议你可以记住:

一个文字（又名字形体系）就是设定了具体字号大小和粗细嘚文字。Jon Tan解释说:

“就拿使用Georgia字体来举例“常规体Georgia字”，“斜体Georgia字”“粗体Georgia字”和“粗斜体Georgia字”，在我的认知中这些字体构成了Georgia字形系统”。

经验告诉我们用一种标题主题字体和另一种字体作为内容主体字体，但在一个页面布局中最好不要多于2到3种字体一般来说，標题或类型越多(引用链接等)，你就需要运用更多的字体下图所示的例子，是运用2种不同的字形系统中(Lucida Grande and Cambria) 的7种字体

在Hongkiat网站上面的字体工具寻找最匹配的字体。有很多设计师用Google字体因为网站上有818种免费的字体形式可供挑选。还有一些设计师订阅付费服务比如MyFonts或是/blog/improving-visual-design-skills/

本文由 @Chleese 翻译发布于人人都是产品经理。未经许可禁止转载。

我要回帖

更多关于 视觉设计作品集范例 的文章

 

随机推荐