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

UI设计中提高过稿率的小技巧

新闻来源:优漫动游 日期:2022-04-25
在UI设计中,图片能够烘托界面氛围,快速传递信息主旨,图片选得好能让界面加分不少,从而提高我们的过稿率,今天优漫动游小编就和大家一起聊聊界面设计中关于配图的小技巧。图片的选取一定要符合产品整体调性。那么如何确保图片的气质与产品调性是相符的呢?
  在UI设计中,图片能够烘托界面氛围,快速传递信息主旨,图片选得好能让界面加分不少,从而提高我们的过稿率,今天优漫动游小编就和大家一起聊聊界面设计中关于配图的小技巧。图片的选取一定要符合产品整体调性。那么如何确保图片的气质与产品调性是相符的呢?我们可以从这两个维度入手:


UI设计中提高过稿率的小技巧


  1.图片内容与业务场景相匹配


  这是最重要也是最基础的一点。图片内容一定要与产品的业务场景相关联,准确的传达页面信息内容。如果图片内容与业务场景不匹配,会让用户感到疑惑。

  比如上图是一款买菜app,那么产品的配图应该是与食品相关的图片,如果配一些风景等其他内容的图片,那肯定是不合理的。

  另外比如我们的产品定位是高奢电商,那么选取的图片也应是符合高端产品的配图,看起来具有品质感,而不是看起来很廉价的图片。

  2.图片色调与主色调保持统一

  在出概念稿的时候,我们选取的图片颜色尽量与产品整体色调保持统一,从而烘托界面氛围。

  比如上图的主色为明亮的蓝色色调,选取的图片色彩调性也是与主色调(蓝色明亮色调)相匹配的。上面的图片我们一看就是概念稿,但是通过统一的图片调性很好的烘托出界面所传达的氛围,但是所有图片都选取一个色彩也是有问题的,就是用户第一眼不知道看那里,界面信息焦点不集中,页面没有重点。

  🟡注意我们所说的图片色彩与主色调统一,并不是指所有的图片色彩都要求与主色色彩一致,而是指选取的图片让整个界面主体色调保持与主色色调一致。这一点看似简单,其实是比较难的,需要考察设计师找图能力,以及搭配图片与界面和谐度的能力。

  3.图片要饱满

  如果图片比较散、琐碎,页面看起来会比价散乱,没有重点,不能让用户快速获取到该图片要传达的主旨信息。

  饱满的图片一般只传达一个重点,只有一个视觉焦点,能让用户快速聚焦,帮助用户更好的获取图片信息;视觉冲击力也会更强,更加吸引用户注意力。

  4.图片要有唿吸感

  刚刚我们说到了图片要饱满,现在又来说图片需要有唿吸感有留白,是不是这两点自相矛盾呢?不是的!

  图片饱满是让用户更好的聚焦图片传达的信息内容,图片要有唿吸感是在图片饱满的基础上我们要让图片里的主体具有足够的留白空间,看起来是舒服的。如果主体太拥挤或者被挤到边上去了,我们看起来就会觉得很憋屈,不舒服。这也是菜心大大一直强调的,我们做设计可以把元素看作一个生命体,如果它住在一个很小的空间里,或者一个杂乱的空间里,它肯定是不舒服的。

  5.图片一定要清晰

  失真或者模煳的图片看起来会让我们的界面掉价,显得山寨。保证图片不失真是作为设计师必须要保证的。

  6.舒服的图片比例

  这一点是很多新人设计师容易忽略的一点,因为他们对图片的长宽比例控制比较随意,再加上又不能准确的判断这个比例是否舒服。

  UI设计中,图片都有比较常用的尺寸比例,比如1:1、3:4、16:9、1:0.618等,我们可以记住这些常用比例的应用场景,比如视频类常用16:9,电商详情常用1:1。

  7.利用好图库网站

  有的小伙伴经常说自己不知道去哪里找图片。有的小伙伴配图去百度图片里面去找,找的图片都不好,也不高清,浪费大量时间也找不到满意的图片。除了常用的pin、unsplash等网站外,分享三个我常用的找图网站,配图、制作情绪版时都可以去上面找。

  其实找图也是一种能力,除了平时多锻炼“网感”外,我们也要多收藏一些提高效率的工具,比如图库网站、图标网站、灵感网站等,从而帮助我们提高出图效率。

  在做设计的过程中,我们很多时候都是能够做到60分的,但是很少能够做到100分,对于很多人来说不是说能力不够,而是缺乏沉下心来慢慢打磨精品的习惯。

  就拿今天的图片为例,很多小伙伴在工作中可能拿上线效果跟设计稿肯定不一样当借口,就随便拿个图片,甚至画个矩形占个坑位就行了,做图比较随意。在工作中有时为了工作效率这种做法是可以理解的,但是私下对待自己的作品沉淀一定要认真对待,我们的技法提升、自己的方法论沉淀也是在反复打磨精品的过程中一点一点积累起来的。共勉,一起加油呀~  

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