为什么你的界面配图总是没有逼格?

潘团子 海盐社 2019-06-10
 


作为UI设计,在一款产品没有落地之前,效果最主要的作用就是让别人对我们的界面产生好感,同时在发表作品或者找工作的时候,我们的设计稿也是有很大的门面作用的。

 

图片在整个界面中占比是非常大的,所以界面中的每一个图片都不能马虎对待,那么在界面设计的时候,需要注意图片的选择方法,以及图片和界面 的统一性的问题。



1、挑选配图的常见过错


在为产品找配图的时候,是一个很艰难的过程,好的图片能够让界面达到更好的视觉效果,但是我们常常找图找到后面的时候会陷入死胡同,比如我某次漫画首页的练习,找图找到奔溃的那种,因为是漫画,所以觉得需要画风一致的首页,因此我钻的第一个死胡同是强烈追求画风一致,导致忽略了图片还需要视觉简单同时重心一致的地方,如下图第一个失败的案例:


那时候是为了与banner的画风保持一致,但是这个画风其实比较特殊并且少见,我又不愿意放弃我好不容易过了的banner图(重新找很难得),然后我选择了更难的一条路,就是上面看到的那样,下面所有的封面都是配合banner图的。

封面效果不好自然是要修改的,下面就陷入第二个死胡同,重心不在一个点上,同时没有封面该有的故事性,但是还是比上面的好一点的,如我第二个失败的封面为例:


找图片真的是一件很难的事情 ,小声说:如果有小伙伴们有好的网站推荐(不是很贵的也可以),记得留言区给出链接,团子给你比小心心。我觉得要找重心差不多,画风一致的,并且要让用户有点击欲的真的怪难找的。

这里要插播一个要封面有故事性的小话题,举个目前我见到的最好的例子,《七月与安生》的电影海报,可以看好久的那种,一张图片就大致能够看出这个电影的故事性,如果两者位置翻转,可能又是另一番景象了,当然我的漫画封面没有这么高的要求,但是还是要有所表现的,如下图所示:


所以找封面就开始侧重于有故事类或者本身就是动漫的封面或者情节图,同时把握封面的一致性以及人物的重点,想清楚了要表达的效果以及侧重点是什么,这样找起来还是比较难,但是比之前没有想清楚要什么会简单很多。请看我的第三稿:


从上面三个不同封面的界面来看,我们可以很明显的看出来封面对于界面的差别还是比较大的,当然不是说我最后一稿就是最好的,只是希望大家能够看到我的进步以及思考的过程。

封面难找的地方在于我们一开始没有想清楚我们的产品定位以及需要表现出来的效果,比如说漫画界面,需要的图片就是有故事张力以及整体视觉一致,但是类似漫画、视频还有小说类的封面都是属于比较难找的类型,大家可以通过作者或者是风格来搜索,会比较好找一点(但前提在于这个作者比较多产。。。)


保持统一


可能是因为配图比较难,所以我另外一个很常见的问题就是,不同的界面图片风格就不太一样了,主要是因为在做当前页面的时候,配图就会忘记考虑别的页面了,导致不同的页面配图风格都是各不相同(百变小樱就是我。。。)如下图所示:


这是我做的首页、运营业和详情页,配图就是三种不同的风格了,其实这样看起来详情页的配图展现出来的效果是最好的,因为虽然我的产品是K12,但是其实真正的用户是家长,因此配图上以插画为主,但是不能过于太幼龄,所以配图的风格以简约、大气同时形式上也可以特别一点比较好。再看我改好了的一版:


还有一种情况就是自尊心太强羞于请教别人,或害怕别人不搭理,若想成为一名优秀的设计师,脸皮薄可不好,玻璃心可不好,因为设计其实是一种沟通的过程,你不与同行切磋便不知自己跟别人的差距。



总结


关于配图大家都看过了很多文章了,可能也会有人跟我一样文章看过千千万,依然配不好图的那种,其实还是建议大家不要盲目的直接就是打开各路图片网站一顿乱找,还是要想清楚你的界面需要什么样类型的图,或者想要怎样的配图才能让你的界面效果更好。


    已同步到看一看

    发送中

    本站仅按申请收录文章,版权归原作者所有
    如若侵权,请联系本站删除
    觉得不错,分享给更多人看到
    海盐社 热门文章:

    酷炫的 FUI 图形设计    阅读/点赞 : 0/0

    夜间模式应该如何设计?    阅读/点赞 : 0/0

    标签栏icon的形式对APP的影响    阅读/点赞 : 0/0

    分享图片    阅读/点赞 : 0/0

    趣设计No.64:提醒功能    阅读/点赞 : 0/0

    趣设计No93:评论区卡通贴纸    阅读/点赞 : 0/0

    优化工作技能,提高工作效率    阅读/点赞 : 0/0

    关于“鲁班”系统的一些思考    阅读/点赞 : 0/0