+++ 图片来自artsthread.com

+02. 如何建立强有力的VI?

在实际的品牌设计的过程前期,设计师都会想要先弄清楚甲方在做的到底是怎样的一个品牌?品牌的任务是什么?品牌的价值观是什么?品牌有怎样的个性?品牌的独特性在什么方面?品牌声音是什么(以怎样的语气传递信息)?

+++以无印良品的视觉设计举例,这个可爱的红色小人形象在展示了品牌主题色的同时,也很好的体现了无印良品的品牌定位:亲民大众的生活用品店

其实运用在个人作品集上,这些问题同样适用。在选择具体的元素之前,不妨坐下来,回顾你已完成的作品,仔细思考这些问题:你是谁?你的作品都有哪些主题?它们有哪些共性?这些共性是否能反映你的价值观或个性?你的的特性是什么?你希望别人觉得你是怎样的人?

你可以把它们一一列出来,试图找到它们的共性,或是相互联系的地方,并试试从中提取出一两个元素。

比如说,上图的例子中,我们可以看到,每一页中的作品风格多少都带点戏谑又不羁的气质,而作者在排版的字体选择上,也同样选择了手写感强烈的涂鸦字体,再增添了整体的趣味性的同时,也和作品气质相吻合。在颜色选择上,也同样大胆的选择了高饱和的亮色,具有强烈的波普艺术风格。值得注意的是,如果想让整本作品集看起来像是一个整体,在排版的风格和元素选择上需要做到相对统一哦,不然可能会显得风格混乱,没有逻辑。

那如何选择合适的视觉元素呢?我们接下来就来聊聊具体步骤。

+ 首先是选择合适的字体

想要让作品集的VI设计更具风格化,字体的选择十分重要。不同种类的字体对应着不同的风格和不同的视觉感受,以下是常见的四大类:

+++ 99designs.ca

从左到右依次是:衬线体(Serif font)、无衬线体(Sans Serif font)、手写体(),以及展示字体(Display font)。

衬线体中的常见字体有 Times New Roman、Garamond、Bodoni等,特点是在笔画开始和结尾处都有尖尖的衬脚,且字体的横笔与竖笔之间粗细变化十分明显。中文中的宋体字也对应着这类字体,并且也适合与衬线体英文做搭配。这类字体给人的感觉是比较传统且正式的,所以如果你想在作品集中传递出传统、复古、优雅的感觉,可以试试衬线体。

+++ 衬线体应用案例,PORTRAIT By Yoshihiko Ueda

+++ 23Fall学生qianxuan表达女性题材的包装设计作品,排版使用衬线体表现优雅生活的感觉

而无衬线体,顾名思义,就是没有衬脚的字体,并且横竖笔之间粗细变化很弱,从视觉感受上来看几乎没有。常见的英文字体有Helvetica,Franklin Gothic、Futura等,中文则可以对应到各种黑体。这类字体给人的感觉就是现代且简洁,其中有些字体还可以带来几何感以及未来感。另外,无衬线体也很适合做字体变形。

+++ 无衬线字体应用案例, Frank Lloyd Wright Quarterly Magazine designed by Neeta Patel

+++ 无衬线字体变形应用案例,设计师:Jack Forrest

各种手写体大家一定也不陌生,它们的风格也是变化多样的,从优雅的意大利花体到稚气的小学生手写体,每一种字体都具有它们自己的风格。但总体来说,手写体更多的是能够表现手绘感,亲切感,以及俏皮感。

+++手写体应用案例,By Peach Crème

+++手写体应用案例,By Kim Dong Sub

最后一种是展示字体,一般指的是设计比较复杂和夸张的艺术字,他们的形状都比较特别,有的还会有强烈的阴影和质感,每种字体也是有他们自己强烈的风格,不好统一定义,同学们可以自行判断。但是这类字体由于比较夸张和复杂,比较适合单纯的作为大标题使用,若用在正文中,则很可能会减弱文本的可读性。

+++标题为展示性字体,By Isadora Ayesha Lima

+然后是色彩搭配的选择

每种色彩都有自己适合的特定领域,并且传达出某些特定情绪与信息,因此,色彩的选择在创造合适的VI上也十分重要。以下是一些色彩可能会给人带来的心理感受例子。

红色:红色在中国文化中通常被认为是热情洋溢、振奋人心,并代表中国的颜色。但是在西方文化中,红色常常与血腥、救赎、革命有关,也通常会用来表达女性主义有关的题材。

+++ 23Fall学生qianxuan的作品,用红色来表达因为"性别认同"问题遭受校园霸凌的人物事件

+++Tomato Kosir | Age of Rage

黄色:黄色通常被认为是阳光的颜色,因此它能够给人带来快乐、幸福的感受。如果你想传递出一种令人愉悦的、有趣的、平易近人的感觉,不妨试试黄色。

+++图片来自pinterest

绿色:绿色通常与生命力、自然、可持续等主题挂钩,如果你的作品集主要围绕这些主题,绿色可能会是一个不错的选择。

蓝色:蓝色不仅仅是忧伤的颜色!它还可以传递出平静、稳定、可信赖的感觉,有时也会跟科技、通讯有关联。

+++ 设计者:Magdalena Figura

紫色:紫色体现的除了在大众认知上的神秘感之外,它低饱和度的色域也会给人带来安宁、归属的感觉,通常也会比较多地运用在UI设计排版中。

+++ 23Fall学生Christina的交互设计作品《云·系列》App设计

黑白灰:如果你希望自己看起来是现代、极简又高级的,黑、白、灰的搭配一定是经典又不易出错的。

+图形元素与其形状选择

在我们进行版面设计的时候,除了本身的作品之外,还可以在版面中加入一些图形元素,可用于增强作品与其他空间的连接、分割版面、或是突出某些文字或图像部分。至于形状的选择,不同的形状也具有不同的视觉效果,对观者的心理也有不同的影响。

圆润的形状(比如圆形与椭圆形),会给人带来温暖柔和、没有侵略性的视觉感受,同时也具备包容性与统一性。

而边缘平直的形状(比如正方形、长方形、三角形、多边形等)则会给人带来力量感、锋利感、甚至是稳定感。

直线整体来讲能够带来简洁、现代的感觉,其中的垂直线容易给人带来刚毅感与力量感,而水平线又会带来平静、柔和的感觉。

而不规则的曲线则给人以自由随性的感觉。

+++ 方形元素的应用案例,图片来源于qdesignbd in Fiverr

+++不规则的曲线在VI中的应用案例,图片来自Designspiration

+排版时需要注意系统性

最后的最后,同学们一定要注意的是,无论你最终选了哪些视觉元素,在作品集的最终排版上,一定要注意的是版面设计的连续性和系统性,让整本作品集看起来是一个整体。

比如说,每一个作品的标题,最好是用同一种字体、粗细来展现,所有的正文也是如此。避免出现字体、字号、粗细不统一的混乱情况。图形元素和形状也是如此,一般来说选一两个贯穿整本就够了(当然,如果你觉得没必要也完全可以不放!),一定要记住“少即是多”这个概念,让人们把重心聚焦于作品本身!

+++ Yuki Horikoshi Architectural Design

除此之外,排版的时候要善用网格系统,设置好统一的页边距,分行列,规划好作品与文字部分的位置,在保证整本作品集的系统性的前提下,以最佳的效果呈现作品。

+++ 网格系统,图片来自Pinterest

+++排版案例,图片来自arkxsite.com

希望大家都能做出符合个人风格又独特的作品集呀!返回搜狐,查看更多