020-29815005
预约专线时间:09:00-23:59

【广州UI设计培训】:UI设计中如何做出设计感?

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


【广州UI设计培训】:UI设计中如何做出设计感?


  什么是设计感?


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

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

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

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

 强化对比

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

  1.大小对比

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

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

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

  2.粗细对比

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

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

 3.颜色对比

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

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

  路径文字

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

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

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

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

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

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

  打散文字

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

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

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

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

  以上就是优漫教育小编为大家介绍的“广州UI设计培训】:UI设计中如何做出设计感?”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !