只用这3招,也能轻松搞定设计感!

功夫UX

2021-09-27 12:09:10

已关注

设计感三个字,对于设计师来说是个噩梦又是惊喜。感觉还不太对,还缺一点细节,这些经常在我们耳边来回的话,听了都头疼。那么如何做出设计感?是今天要解决的问题。通过今天分享的实用小技巧,我想大家可以在短期内快速提高,所以一定不要错过哦。


什么是设计感?


在工作中,设计感三个字用来评价设计,是用得最频繁的了。想要做出有冲击力的视觉页面,其实是有一些方法和技巧的,那究竟是什么影响了一个页面的设计感?先来看个页面。


图片


上面这个几乎未经设计过的稿子,我们主观第一反应是很单调、枯燥、毫无细节可言。


图片

来源:澳门设计周

添加了文字元素,整个视角来看,多了很多细节,然后瞬间页面就活了。更直观的说,通过文字来制造视觉冲突。文字有大小、粗细、字体等来营造对比,同时文字又与前景图形元素叠加排版,形成二次冲突,因此视觉就有更多细节思考在里面。


对于设计感,大家有了基本了解,那么如何做出有设计感的页面,是我们接下来要讨论的问题。


强化对比


对比两字看似简单,但要做好也是有一定难度。越是简单的技巧,很多细节手法越容易被忽略。常用的对比有三种:大小对比、粗细对比、颜色对比,下面我们来看下每一种的使用细节。


#1.大小对比


图片


大的元素需要更大,小的元素需要更小,才能形成对比效果。


图片

看上图UI元素,标红色地方,大的标题更大,二级文字更小,形成鲜明对比。这样设计细节和层次就出来了,我们所说的是设计感也正是这些细节里面体现。


图片

这种平面设计中对比,在UI中也可以应用同样思路,上图是日本一个海报设计,之所用它来举例,是因为日文和中文差不多方块文字,很接近。


图片
图片
图片
#2.粗细对比
图片

粗细对比一般用在文字版式上居多,通过粗细对比来营造视觉层次,大部分场景都是粗细和大小对比一起使用的


图片

使用粗细对比时,一定要注意:粗的字体更粗,细的字体更细,才有更强的对比,设计感自然就来了。


图片

#3.颜色对比


图片

白色与黄绿色形成对比,在版面中突出了重点信息。


图片

标题之间通过应用文字颜色对比,营造设计氛围的同时,又和其他形成对比。


图片


文字


文字在设计中,可以增强形式感,打破传统的横平竖直版式。一般在杂志化设计页面或者包装类型的设计出现多一些。文字特点:视觉指引、造型感、可自由变化轨迹等三大特征。


图片
图片

文字的实现方式,一般用AI中的路工具完成会比较方便一些,然后在输出到Ps或者Sketch里面排版


#1.在画板中随意画一个路比如线条、方形或者其他多边形路,这里我用圆形举例,首先画板简单画一个圆形。


图片

#2.圆形画好后,选中形状,然后找到路文字工具,在形状上面打上想要的文案信息,或者将之前已经准备好的文字复制粘贴进去。


图片


#3.经过调整文字大小、间距等最终等到一个圆形路径文字,是不是很简单。


图片

下面我们看看路径文字的应用案例,看看大佬们怎么玩的,借鉴其思路,应用在我们日常设计中


图片


图片
图片

Morestudio工作室
图片
图片


打散文字


将文字拆散开,有序的排版在画面中,形成点的元素,既能起到装饰作用,同时也能增强设计形式感。


图片

如上图,将文化两个字拆开,信息也能保持完整,增加了设计趣味性。当然还可以将两个或者三个文字为一组进行分解排版。


图片

文字拉大间距,中间还可以填充小文字或者图形符号装饰。


图片


Outostudio工作室


图片
图片
图片


总结


今天讲了三个技巧:强化对比、路文字、打散文字等。虽然有时候在工作中,我们无法做到夸张的概念,但是可在前期方案探索阶段大胆尝试。又或者重新设计你的作品集时。所以我们不要总是局限思维,说什么目前环境不允许要知道,大胆的创新设计,要比平庸的遵循规则设计更有魅力。


文章来源:logo设计视觉

版权声明:【除原创作品外,本平台所使用的文章、图片、视频及音乐属于原权利人所有,因客观原因,或会存在不当使用的情况,如,部分文章或文章部分引用内容未能及时与原作者取得联系,或作者名称及原始出处标注错误等情况,非恶意侵犯原权利人相关权益,敬请相关权利人谅解并与我们联系及时处理,共同维护良好的网络创作环境】

0条评论