设计师教你如何在界面设计中“色”诱你的用户 - 文章 - 伯乐在线
& 设计师教你如何在界面设计中“色”诱你的用户
在设计过程中,如何最佳地搭配颜色,诱导用户视线。
是不是在为图标选择什么颜色而烦恼,反反复复地尝试,总不能达到想要的效果。是不是总在羡慕“别人家的设计”,而苦于无从下手?
在色彩的应用中,大家对颜色都会有不同程度的理解,从而影响到设计页面的表现。
熟练地将色彩搭配运用到设计中去,会让设计更为稳重和得体。优秀的设计它的色彩搭配非常的舒服,令人赏心悦目。那我们怎么才能搭配出最贴合设计的色彩更好呢?
其实所有的颜色都有些小规律,今天MICU就和大家聊一聊“色”。
为何“色”?因为“生理”上有需求!
既然是平面设计,视觉刺激是最直观的。比如当下流行的涂色书,为啥普普通通的图案能展现出那样美丽的效果,就是因为色,因为合理的颜色搭配。
再比如好的天气是蓝色,而灰色的天气就雾霾的天了。
那么马路边那些亮着红灯的区域,那你想到啥?我就不说了。
所以在研究感官是为了从生理上得到“我们看到什么样的色彩时”会做出什么样的反映。
用户虽然没有上过色彩的相关课程,但是他们仍然能很直观地看出什么是符合他们审美的。
同样颜色的选择不仅诠释了设计的表现方式也营造了用户对产品的购买需求。需要从中满足用户最直观的生理需求点。
我们就来看看下面的几种方法吧,怎么将用户的欲望勾引起来。
从感受抓到色的重点(焦点)
并非这样,我在设计过程中总结的经验,画面中色彩不要超过三种。表达出主题即可。
并非这样,我在设计过程中总结的经验,画面中主要色彩不要超过三种,表达出主题即可。
太多的颜色会使页面杂乱无章,干扰主要信息。
这是12306的网站,颜色用的数量我是没有数过来,重点在哪里?想要凸显的信息太多,还总是闪闪闪。如果处处是焦点,那就真的没焦点了。用户最主要的是买票,扫来扫去地满页面地找,这不是好的用户体验,有些反智!!
再看看其他互联网公司做的三方刷票网站。为毛一下就这么简单~
设计有主色彩配色,色相构成是统一的配色,由绿色为色相支配、统一了画面的配色。
疑问二:叠加效果,能尝试出好的颜色吗?
很多同学在设计初期不知道选用色彩定位,常常用叠加来尝试效果,结果发现越来越没有头绪。
色彩叠加本身确实很好,一般用海报等背景上比较多,不宜在交互的页面。盲目使用色彩叠加,会使画面变得复杂沉闷。表达上含义模糊,用户会觉得杂乱,无法找到需要找到的信息和功能。可见,叠加的效果不但没有加分,反而减分。
疑问三:信息量or简洁,如何取舍?
简洁、准确是色彩核心标准,简单明了的色彩能快速被用户解读。
不要奢望用户能够在一个页面上停留太多时间,一页显示N多信息时代早就过去了。
疑问四:如果通过色彩气氛,诱导用户?
好的色彩搭配和选择能激发用户购买而定场景感和购买欲望。
比如暖色能激发用户的食欲,在消费内的软件中经常用到(淘宝)。蓝色能给人带来平静,大部分的阅读软件则用到了蓝色(知乎)
在界面色彩要学会做加减法
原则一:色的大小位置
大块的色彩烘托气氛和主题比较稳定,小块的色彩用于点缀,丰富画面。
统一颜色让用户认准店面
首先需要在不同的界面框架中统一招牌色,保证产品给用户能一目了然的找到这个店。
那么我和大家介绍一下一款不为人知的软件“BIG”。首先名称非常的霸气,易于用户记忆和传播。整体采用了朱红色贯彻了整个产品的设计。不管是LOGO还是菜单栏非常的统一。让用户在使用完后对这个产品有了非常统一的印象。
其实它是淘宝APP发现页面中内置的一款软件,所以说招牌色多么的重要,在这么丰富的软件中怎么让用户一目了然,用一次就记忆深刻!
原则二:严谨而有节奏
在界面中的可以运用相似性与来进行色彩呼应,这样的画面更有节奏感和舒适性。
运用颜色渐变穿插,让界面平衡在一个频率上。
在页面色彩关系的处理中,我们需要注意重色的运用,它对画面的平衡有非常大的作用。下面是浅色菜单栏和深色菜单栏的区别。我们可以发现,有重色后的页面,显得更为稳定舒服。
原则三:在相似中,找呼应
我们来看一组练习,找找色彩的呼应性。
1.定义了色彩的基调,找到了形象店面色。
在设计中我们只采用了单一的颜色进行了设计,使用大小关系区分了功能的主次关系。视觉上比较平衡但是页面显得单调。
2.为了让用户聚焦在主要的功能上,在主要功能上使用了补色对比。这种方式比造型上的区分更为强烈。
3.但在采用过多的色彩会使界面没有秩序性。这种色彩的搭配会给用户一种混乱感。
4.用色上不仅需要聚焦,还有讲究颜色的呼应性。同类色彩会彼此呼应,聚焦点只要在主要的点上。
所以说注意彩色的关系与功能的区别及其重要。这样才能把握好色彩的节奏感。
如何用“色”?
用“色”,达到平衡。
人们渴望生活的稳定和安定,平衡感能满足用户的视觉需求。如果在界面设计中运用一对或多对的平衡色彩能让用户从心里需求上得到满足,这样的设计能更容易让用户具有亲近感,给用户留下愉悦而舒服的美感。
在平衡色彩中的定义并不是面积相等就叫平衡。要讲究主题性中找到色彩的平衡关系,以及版式等元素中的协调性。
一般在色彩运用中的“平衡色”有五种类型:
一:互补色之间的平衡
二:冷色和暖色的平衡
三:深色和浅色的平衡
四:有色彩和无色彩的平衡
五:花色与纯色的平衡
互补色平衡法
在界面设计中,使用互补色彩的对比是最为强烈的,最易传播的。
这种色彩能使用户的视觉产生强烈的刺激,情感浓烈,给人留下鲜明的印象。这种方式是。适合在夸张的、张扬的场景下使用。
但这种颜色用的太过于平凡容易造成用户的视觉疲劳。给人一种不安定的感觉。那么在使用这样的搭配方式时需要控制使用的位置和信息的面积了,核心的地方可以这样去使用。
主要的三对互补色:红绿、蓝橙、黄紫。
我们可以看到很多APP的icon为了吸引用户的注意就用到了强烈对比的互补色。
番茄快点、QQ空间、相机360
运用这种大胆的平衡色能使整个风格主题格外的鲜明。
这种平衡色彩最为强烈的情况就是使两个色相的饱和度都调整到最高,面积比例也在1:1。此时的气氛最为浓烈,冲击感最强!
我们可以看到代购现场这款APP的LOGO设计采用了1:1的色彩关系比以上的APP icon更为突出。所以在应用市场中更为容易让用户找到,达到了品牌的传播性。
冷暖色平衡法
冷暖色是人类在大自然生活总结出来的颜色规律。我们看到红色、***让人联想起燃烧的火焰,太阳等,是一种温暖的感觉。这样的颜色就定义为“暖色”而蓝色就然我想起了水、冰雪,是冷的感觉。所以就是“冷色”。
冷暖对别色是自然平衡的规律,可以在设计中大量使用,这样的配色会使作品非常的出彩,不显单调。
在设计中,冷色与暖色的平衡是界面设计中最为广泛的使用方法,效果也非常的出众。
色彩好比就是阴阳太极,冷与暖的两级平衡还原了生活中的和谐。冷暖色彩搭配的方法基本没有啥缺点,使用在设计中,技巧性比较多,对设计的细腻感受要求比较高。
深色和浅色的平衡
在色彩中颜色采用浅色,柔和而轻盈,也会显得不够稳定。采用深色,会显得厚重高级,但容易沉闷。在界面设计时,在主色彩是浅色的情况下,适当补充些深色,能更好的平衡画面。
在锤子手机界面中为了让页面平衡,首图展示了黑白两个机型,让页面更为稳定平衡。
花色(图案)与纯色的对比
在运用色彩时候怎么能让设计更为绚丽出彩呢?但有不要过花乱呢?
这时候就要注意了,花色与纯色需要有对比,色彩比较鲜明而花的一般运用在核心展示上,而背景需要整体。
QQ开屏就很好的突出了产品的品牌特色,让用户过目不忘。这种设计方式也适合运用在banner等设计中。
好的设计不应爱永远是“人家的设计”,看得不够多,琢磨不够透,练手太少。多临摹10遍,狠狠心吧。
可能感兴趣的话题
关于伯乐在线博客
在这个信息爆炸的时代,人们已然被大量、快速并且简短的信息所包围。然而,我们相信:过多“快餐”式的阅读只会令人“虚胖”,缺乏实质的内涵。伯乐在线内容团队正试图以我们微薄的力量,把优秀的原创文章和译文分享给读者,为“快餐”添加一些“营养”元素。
新浪微博:
推荐微信号
(加好友请注明来意)
– 好的话题、有启发的回复、值得信赖的圈子
– 分享和发现有价值的内容与观点
– 为IT单身男女服务的征婚传播平台
– 优秀的工具资源导航
– 翻译传播优秀的外文文章
– 国内外的精选文章
– UI,网页,交互和用户体验
– 专注iOS技术分享
– 专注Android技术分享
– JavaScript, HTML5, CSS
– 专注Java技术分享
– 专注Python技术分享
& 2017 伯乐在线如何让设计更有层次感【杰视帮】
转自:站酷 作者:蒸个馒头
原文地址:.cn/article/ZNDk1ODUy.html
在我们做设计的时候,很多同学可能都会遇到一种情况,客户或需求方看完设计稿后一边摸着下巴一边说:“我总感觉少了点什么... 你再改改。” 或者说:“太平了”、“有点单调” 其实这些都是缺乏层次的表现。
而什么是层次感?
把画面中的各个元素合理的、清晰的、有节奏的组合在一起,使整个画面看起来更加的舒适、愉悦和协调。是不是感觉很深奥?好吧,换句简单的话来说就是----不多、不少,看起来舒服正好!
我的这篇文章分为3个章节,而每个章节都有若干细分的知识点,各位看官请仔细看哦!
一、画面的层次
1.使用点、线、面来分割画面
点、线、面是设计中最基本的设计元素,学过平面构成的同学应该都有些了解,连点成线、连线成面、而面缩小到一定程度就是点。而面的边界就是线,线的宽度增加和点扩散到一定的面积也就成为面。
上面的这几句话看起来比较复杂,其实仔细想想这就是世界里一切元素的原理甚至是宇宙星空。我们下面来举个例子。
上图就基本可以把点、线、面的所有变化全部概括。下面我们来分析一下。
红圈里的十字元素可以看作为“点”做为整体画面中的装饰元素出现。要注意的是所谓的“点”并不只是圆形的哦。任何在画面中尺寸和面积相对最小的元素都可以看做成“点”。而画面中的小圆点既可以看做“点”,也可以看作“面”。所以连点成面也是没错的。
***圈里的线大家认为是什么?我认为它并不是线而是点。为什么呢?因为无论从它在画面中的占比还是所起到的作用来看,它都属于点的属性。而线在那?在绿色块和红色块的交界处。还有色块的边界处。而这正说明了“线”的一个重要的用途----分割。画面中的“线”把整个画面分割成了4个大小不一的区域,这种分割让画面更加有趣味性也更加有层次感。
而线分割出来的4个区域也就是元素“面”。
这个图例不仅说明了点线面的几个重要的特征,也证明了点线面并不会因为它的形状而固定的,而是会不断变化的。
最后总结一下点线面的一些特点:
点:是最有装饰性的元素,因此大多情况下在画面中起到装饰作用。
线:除了装饰作用外还起到对画面的分割、元素的穿插和对视觉引导的作用。
面:往往起到稳定画面和承载重要信息的作用。
另外要注意的是:点线面是组合使用的,想想看没有面的衬托又怎么能显示出点和线的特征呢?
通过这些设计案例我们可以分析并总结出,有效的利用点线面的组合可设计出层次丰富的作品。而我们要如何做呢?----置换临摹。借鉴好的设计作品的点线面的构成元素再加以利用和创新。
上面两个设计第一个是不错研究室的课程分享海报,这个海报就很好的借鉴和置换了下面这幅韩国海报的形式,并加以创新和变化。当我们有时没有灵感或者在空余的时候做设计练习可以用这种置换的方式,可能在初期你还只能去完全照搬他的版式,但是随着设计练习的增加你会逐渐的得心应手。
留白是我们设计中很常用的手法,留白除了让画面整洁、干净和透气外,更是对“面”的更深刻的理解和使用。而现在用的非常广泛的极简设计就是在留白的处理上用的比较好的一种设计类型,这在我上一篇文章《电商设计中的极简设计》也详细的介绍过。
我们这里再说一下留白对层次的影响,先看几个设计案例。
上面的几个设计作品的共同特点就是有大量的设计留白,并且在留白的同时对画面的层次进行了处理,例如留白与主图之间的大小对比,标题与补充性文字直接的对比。
我把上面的图做了个处理,分成背景层,留白层,主体模特层,标题文案层和功能文案层。从这里我们就能看出这幅设计的层次是如何设计的了。大家也不妨把自己喜欢的设计这样分层解构,来研究一下设计的层次。
3.在摄影中找层次
现在的设计中,摄影图片的使用也是越来越多了,尤其是质量高的摄影作品往往能最大限度的提高设计的品质。但是这是为什么大家想过吗?其中一个原因是摄影中也存在着层次。
这个装B耳机大家熟悉吧,这就是用摄影的方式来做的,并且其中近景,中景,远景三个层次全都有。不仅看起来画面非常细腻丰富,而且也品质感十足。
但是如果图片层次少怎么办?很简单,我们可以使用文字来做为图案元素来增加画面层次。
二、色彩的层次
1.颜色的对比
使用对比色和反差大的颜色来设计也是增加层次感的一个常用方法,因为有非常强烈的颜色对比,画面的冲击力会非常强烈,给人们的视觉观感也会更加刺激。
黑黄对比是非常经典配色方案,虽然只有两个颜色,但是通过画面中的文案和图片的组合也会显得非常丰富,在这种极简的配色中更加需要对点线面的合理运用否则会显得有些单调。
从上面的设计来看,设计师在用黑黄配色的时候又用了***的对比色----蓝色,这样既可以让画面的颜色更加丰富不会单调,又会让画面中的一些重要元素凸显出来,起到强调作用。
黄蓝配色和红绿配色也是经常用到的经典配色,上面两个案例可以看到,黄蓝配色多用饱和度比较高,这样显得年轻时尚有科技感,而另一个设计是红绿蓝的配色,饱和度较低,显得更加复古和深沉。
2.渐变色的流行
渐变色已经流行了几年,今年淘宝的手机app也是以渐变色来设计的,可见渐变色的使用范围也是越来越大了。而渐变色本身就具有层次丰富的特点,因此,使用渐变色加上合理的点线面元素的搭配会在具有冲击力的同时最大限度的丰富画面的层次。
在我们日常的设计中渐变色的使用还是需要更加精心的选择颜色的色值,一般来说会选择同色渐变、邻近色渐变和对比色渐变。而渐变的颜色数量也不宜超过2种。2种以上的渐变色就需要非常强的控色能力来驾驭了。(我这里说的是在同一渐变色里的2种以上的颜色哦)
渐变色的使用大多都出现在UI设计中,而随着UI设计的发展,web端的设计,无论是网页还是电商也有很多借鉴UI设计的设计方法和配色方法。
渐变色的配色是可以搭配使用的,例如上图,都属于同色渐变,但是这样使用有一个规则,就是互相搭配的几个渐变色的饱和度要基本一致,否则会出现颜色“花”的问题。
3.多种颜色搭配的控制
对于多颜色的设计我们要做的就是控制饱和度和明度,尽量使各个颜色的饱和度和明度保持协调的一致。无论是清淡的中国风,还是浓烈的欧美风,都会让画面丰富有层次的同时不会“乱掉”、“花掉”。
我们可以看到,上面的几个图例里的颜色非常多,但是为什么我们会感觉非常丰富而又有层次呢?没错,就是饱和度和明度的控制到位。
三、文字的层次
1.字体的对比
字体是我们设计中必须使用并且比较难的一个环节,但是正式这个让大家比较闹心的环节会使画面的层次变得异常丰富,即使在只有文字没有图案的时候,只要排版合理也可以得到惊人的效果。
不同的字体表达不同的意境和涵义,尤其是中文字体传承几千年每一个字都有特定的涵义。而西文主要是以衬线体和非衬线体的字形装饰的变化。时而粗犷,时而纤细。
2.文字的对比
这里的对比包括文字的字体、大小、粗细、颜色等等。为什么单单要挑对比来说呢?因为对比是最能拉开并体现层次的方法,我们逐个来说。
我来那这个作品来分析解构一下,30%是文字里面积最大的,也同样是画面元素里占比最大的,通过DISCOUNT VOUCHER的解释说明这是折扣信息,而这个解释也是画面里第二大占比的文字。然后就是下面的时间、地址、***等信息,使用最小号的文字。通过这三种文字大小来把层次拉开,并且一下就得到3个层次,在加上最后面的花纹背景、白色背景和金色蝴蝶结总共是6个层次。另外为了统一画面,文字的字体都采用了衬线体。
上面的这两个海报也是同样的道理,大家可以解读一下。
字体的颜色,上面两个aranya的海报是个系列,分别把主题文字aranya的颜色换成绿色和蓝色,一方面可以增加文案的层次感,另一方面可以与视觉主体的颜色统一。下面是一些设计的案例大家可以试着分析一下。
最后说一说对齐,对齐是使画面更加有秩序,看起来更合理且舒服。我们用上面这个海报来分析一下。
看这些蓝色的线,就是这幅海报的对齐方式。
其实层次是在综合的运用了点线面的分割,色彩的搭配和文字的排版而形成的,并且在大小比例,颜色选择,对齐等这些细节上精益求精,层次自然立现。
责任编辑:
声明:本文由入驻搜狐号的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场。
今日搜狐热点如何巧用SLOGAN,让画面变得更有设计感!
Slogan在Banner中占据着举足轻重的地位,Slogan设计得好,可以成为广告图的点睛之笔,画面品质感明显提升。设计得不好,也能毁掉整个Banner。本文主要分析如何巧用Slogan(品牌口号,广告语),实现网页Banner的创意表现。
那么来了解下Slogan对Banner有多大的影响?
如果说Banner 比作一个人的脸,那么标语就相当于脸上的五官,以及脸的架构。一个人是否帅气主要还是看她的脸的骨架和五官是否精致,同理你应该知道标语对Banner视觉的影响有多大啦。
来看看有哪些因标语而废掉设计作品
下面整体的背景和产品质感都可以,但用户看着显得很low,是因为被标语设计排版给破坏了。( 这里随便选择了一些作品,只代表个人观点哦~ )
1. 标语排版位置以及大小对比度过小,所以压不住画面,导致画面视觉冲击力不够。
2. 英文和VI元素不搭配,文字无紧凑感,对比不够。
3. 框太细,文字对比不够,没有品牌感。
4. 文字和画面不够呼应,太小压不住画面,文字太呆板点缀突出设计有点让人琢磨不透 层次感不够
5. 样式过多
通过以上举例的部分案例,我们发现一个Banner设计的好坏,光靠质量高的图是达不到的,还要有一个好的Slogan设计。
那么我们如何使用Slogan 让 Banner变得更有设计感呢,这次从入门到基础到初级进行分析。
入门 - 在画面中比例位置
基础 - 结合图案/图形
初级 - 改变形状/字体样式
标语在画面中的构图常见为:左右对称、上下对称、对角对称、满屏、字形对称、黄金分割比位置等。
主要根据画面中为图片主视觉元素 来定制标语位置在那里。最好不能破坏画面的平衡感、统一性、可读性等原则。
一. 通过结合/图形元素让Slogan变得具有设计感
在使用的时候需要注意品牌的定位,运用环境,以及在画面中的比列位置等,尽量不要影响画面构图。
常见的一些设计方式分为:
具有突出/分割作用
使标语更紧凑,增加层次感
让文案单独区分并且突出出来
增加层次感
原本人物和图片是紧贴在一起的,设计师使用了线框的元素,巧妙的使得整个标语和画面变得具有层次感。
这里设计师也是使用相同的处理方式,注意在使用线条的时候一定要让线条穿插不一样的平面,才能给用户传达出前后层次的关系。
其实和方形一样,三角给用户的感受更加凌厉,主要在运动或者器械类行业偏多,主要给用户的目的也是起到突出吸引,区分平衡画面等作用。
运动类行业增加速度感/丰富画面
同理圆形也是一样起到的作用,具有突出、分隔 等作用,主要给用户传达出平滑柔性的感受,常用于化妆品,偏向女性化小孩等用户群体居多。
突出分隔作用
利用圆形让中间的标语在画面中突出出来,起到吸引用户的视觉,还能通过圆点让标语和背景和之间具有一定交互效果。
增加层次感/丰富画面
5. 不规则几何图形
不规则图形也具有突出,分隔等作用, 常运用在个性化行业中,比如潮牌,个人设计师网站等。
突出分隔作用
准确的说右边图形是两个多边形组成的,恰好从画面中起到了突出作用。
当作标签使用
整个标语排版比较活跃,设计师巧妙的将图形运用在标签上面,使得整个标语变得更有设计感。
6. VI 标志
Slogan中往往提取一部分来自VI标志中的图形元素,会让整个设计起到画龙点睛的作用,这类设计常用在品牌网站中,用于传达企业的品牌知名度。
直接运用全部品牌图形
运用品牌轮廓比例
Slogan中的图形化形状来源于品牌VI的外形让画面变得具有透气感,同时也传达出来了品牌感。注意尽量挑选VI轮廓有规律的图形来尝试。太复杂的话会让用户不太理解,以及画面的不美观。
运用品牌中间的色彩形状
7. 绘画元素
使用绘画的方式会让整个Slogan在风格和材质统一性更强/更有趣味性。多数适合于各种行业。
制造特殊图形
增加立体感
二. 通过结合图片元素让Slogan变得具有设计感
在使用的时候需要注意品牌的定位,运用环境,以及在画面中的比例位置等,尽量不要影响画面构图。
常见的一些设计方式分为:
1. 品牌图片
相对于图形化,图片的结合更加具有感染力,更快把带你带入情境中,主要作用还是宣传品牌为主。多数会从品牌宣传的元素中提取元素进行结合,比如代言人、产品、视频、插画等。
使用模特特质作为修饰
2. 产品图片
在产品上增加文字能巧妙的向用户传达出产品的信息,同时节省大量信息展示空间,又能在视觉上增加层次感,主要运用于产品类网站。
展示产品型号为主
3. 场景图片或视频
顾名思义,使用和品牌相关的图片和文字之间进行组合起来,让字体不再单调。这里多数情况以H5方式来展示。
使用文字遮罩的效果
模拟真实场景的使用
4. 图形图片
图形和图案之间结合起来会擦出怎样的火花?会让你的标注变得更有art的感觉。
虚实结合,传达出不一样的感受
三. 通过变化Slogan整体的形状让它们变得具有设计感
常见设计方式为:
常见标语架构偏向有正三角,倒三角,右边三角形这几种形态。这里就介绍常见到的正三角形的设计形态。
常见表现方式有长方形 正方形 这两种形态,让标语排版有严谨的感觉。
常见方式有椭圆、圆形这两种形态的排版方式,下面的设计作品就是使用了圆框元素和Slogan结合使用,注意做此类设计方式的时候,得注意文字的数量,因为纯商业的比较少,毕竟比较难保证它的可读性。
五边形六边形比较多运用在于字体排版,往往会使Slogan变得具有层次感。设计的时候切勿不能乱用,一定要符合设计的本质才能使用。
使用倾斜的设计方式(弧形,左右倾斜等改变Slogan整体形状的角度)告别死板的Slogan设计方式。
2. 上下弧形
3. 左右倾斜/旋转
这里Slogan也是采用了相似设计手法,不过是左倾斜
Slogan 使用竖列的排版也能让主视觉更加具有别具一格的感受。
此类设计更多运用在偏向情怀文化类的产业中运用。
下面也是采用了相同的设计方式。文字数量上控制的不多。
5. 横竖结合
横竖排版常见于运用在中国风或单独的设计中。丰富标语层次感。下面Slogan设计使用了横竖结合的设计方式。设计的时候需要注意:前后关系层次,主次关系等比例。
五. 通过变化Slogan中间文字的字体样式,能够产生强烈的对比增强设计感
常见设计方式为:
1. 单独字体尺寸
通过改变Slogan字体的大小,来制造出标语中段落的空间感。右边设计中就是放大数字
01,让它和其他的文字产生对比。
2. 丰富背景
下面的设计也是一样,将Slogan中的文案单独突出出来,作为背景使用。
他这边更多表现的是一种修饰为主,但是同样也让文案保持来一定的对比。
3. 通过改变特殊样式
使得标题和副标题产生对比,制造出来空间感。
4. 通过改变色彩/位置
5. 改变字体
当我们碰到画面Slogan文字信息少的时候,我同样可以采取一些特殊的字体搭配。
在使用标语进行变形的时候,总结出来了多边形、圆方、三角、横竖、排列、倾斜等。我们介绍的方法不能死用,要根据品牌调性以及画面中的比例去用。
原文来源:「WEB」
关键词回复:
印刷、名片、海报、logo设计、茶包装、色谱、折页
BANNER、吐槽视频、外卖餐饮、***、报价、日式海报
版式、民国、软件、奥运、福利、简历、月饼、天猫
双十一、菜谱、红包
(可见相对应知识文章)
创意| 素材| 产品| 服务
一个设计资源共享的微店
发现|分享|成长
设计师的家园,交流设计中的难题
分享行业最新资讯
订阅号:SJ-QUAN
分享/投稿/产品入驻
责任编辑:
声明:本文由入驻搜狐号的作者撰写,除搜狐官方账号外,观点仅代表作者本人,不代表搜狐立场。
今日搜狐热点