- 设计理论 -

设计师,为什么你画的界面总是很丑?

作者:潘团子 原文出处:海盐社
2019-04-28

640.jpeg

如何提高设计的审美,这是一个一直围绕在我们身边的问题,我刚刚进入设计行业的时候,做的界面非常糟糕,如果你看到了也只会说辣眼睛。


好在比起之前进步了不少,虽然我有大把的机灵可以抖,但是在跟设计有关的进步,左右也只是努力而已,同时方法也很重要噢!!!我之前有参加过每天画一个界面的活动,坚持了两个多月,但是!一!点!进!步!也!没!有!!!


并不是说这种活动参加了没有意义,只是说我们的方法没有用对,所以我想分享一些经验给你们,无论你是不是设计师,这些经验都能够帮助你对产品的感知和设计的审美。



屏幕快照 2019-04-28 下午4.39.59.png


我们做界面的时候都知道要找APP参考,也知道找竞品分析,但就是产出的界面会很奇怪,为什么呢?因为我们只是直接搬过来用的,可能一整块,也可能是小模块,但是没有和谐的统一起来,或者还有就是放了不合适的模块。这个时候,我们需要注意一下这些:


1、层级结构

试试手机上除了社交软件打开次数最多的APP,问问自己这个APP是如何通过设计来吸引你的注意力的?


哪些内容是突出显示的?


哪些特定的元素是如何通过颜色和文本样式达到恰如其分的效果?


2、内容

哪些内容是十分有趣并且抓人眼球的?


文字的间距,行间距,段间距这些格式都是怎么样的?我们在设计的时候需要注意哪些?



3、解决问题

页面这样的设计结构主要是为了解决什么问题?


这样的结构能放到别的页面上去吗?能否解决别的问题?


640-1.jpeg


屏幕快照 2019-04-28 下午4.40.10.png


当我们养成习惯,打开APP就开始研究其中的组件,发现同类型不同产品,在相同的模块设计时有哪些不同,细节是如何处理的,这样我们就能够观测到很多之前没有察觉到的细节。


1、多看细节

在观察一组又一组依次出现的组件,保持我们的好奇心,去观察、思考这里面的每一个元素,我师傅说,高手,从来都是细节决定胜负,为什么我们的作品集一看就能看出来是不是中高级,因为就是我们忽略的细节。


同样都是UGC内容为核心的产品,最右,即刻和same界面就很不一样,same的界面就很有识别度,因为每一个不同的主题都有符合same产品调性的小表情插画,这种在设计趣味性图标的时候可以参考。如下图所示:


640-2.jpeg

即刻根据不同的主题,点赞按钮会有所不同,提高用户的点赞积极性,同时能够鼓励UGC更多产出,点赞的按钮我们也可以延伸别的产品里。如下图所示:


640-3.jpeg

最右的模块相对来说就比较中规中矩,不易出错但是评论区的神评小标签也是能够提高评论的质量。如下图所示:


640-4.jpeg

假设这三个分别称为三个不同的人的简历,你会选择哪一个呢?


2、多思考

我们仅仅只是针对的同个产品的不同小组件的分析,平时我们在玩APP的时候,不仅仅只是扫一眼觉得视觉挺好看的,或者插画还不错,而是详细的看一下,视觉好看在哪里,色彩是怎么搭配的,每个模块是什么样的构造,看的多了,就能够知道这些构造是常见,还是少见,普通还是特别,当我们对这些都有了一些意识以后,我们的审美和细节关注就开始提高了。如下图所示:


640-5.jpeg


比如上图中,虾米音乐的首页中的一个小模块,展现形式就比较特别,在别的页面这种形式比较少见,同时又能展现电子舞曲的视觉风格;优酷的VIP排行表现形式也比较特殊,大多数同种组建的展现形式都是以封面的图片加上高斯模糊为背景,但优酷就比较特别,很干净的展现形式同时又很有呼吸感。


3、多练习

当我们习惯性的分解APP,也想了很多,一定要记下来,也可以把页面保存起来,不然就会忘记了(我每次找了趣设计,截图忘记发了,下周就找不到也记不得了,得重新找),等我们设计需要的时候,这些记录和页面就能够发挥很大的价值,减少了很多时间。


同时最重要的就是多练习,东西谁都会看,但是做的出来才是真的,必须坚持跟懒癌做斗阵,我每次都是开始的很痛苦,但是做到一半就会很嗨,停不下来,当然如果效果不理想就会情绪减半。


屏幕快照 2019-04-28 下午4.40.23.png


除了在工作的内容中,不断地学习来提高我们的审美,在旅游或者生活当中也一样可以提高一些审美。


1、学习新技能

很羡慕小红书,抖音里拍出来的很好看的照片和视频,但是每次出去旅游拍出来的都像老年人(说的就是我),我们就可以给自己制定计划,出去想把照片拍美,或者拍好,出去之前给自己制定学习课程,回来把拍的照片和之前的做对比,看看自己有没有哪里进步,也是一种提高审美的方法。如下图所示:


640-6.jpeg


在这里需要跟小伙伴们说一下,提高审美和做出来是两回事,需要很努力的,不是看看就行,看了都会,一做就废。。。。


2、多元化的预览作品

想成为一名专业的设计师,我们需要预览不同行业的设计作品,查看其他媒体,如海报、杂志、书籍等,通常排版和网格的最佳例子是在杂志、报纸的设计中找到的;多看跨界的设计,如:平面设计,室内设计颜色运用,摄影作品构图,这些都有助于帮助我们提升审美的多元化,帮助我们设计出更多的优秀作品。


640-7.jpeg


屏幕快照 2019-04-28 下午4.40.37.png


其实我之所以会写这篇关于审美提升的文章,是因为我平时注意到了几个现象和问题:


比如,很多人明明很努力,但做出来的图还是不够理想,因为你的审美可能需要提高了;


比如,很多人为了提高审美,每天会逼迫自己看很多图,但如果那些图本身就不够高质量,你看的越多,其实反而是起反作用的,这时候你就可以参照上面第一步提问和第二部思考的步骤来学习;


再比如,很多人可能审美没什么问题,也不缺想法,但是太好高骛远,手上功夫不行,这就导致他做出来的图离自己设想的距离其实很远,这时候也许我们该提升的是执行力了,而不单是审美而已;


最后希望大家将所有的想法都提升到行动当中去,努力永远比天分更重要,比如我年少时的偶像蔡依林(不小心暴露了年龄的我。。。)


海盐社.png


喜欢就分享
精选评论