学好UI第一步!其实方法思路很重要

记得刚开始学美术的时候,都是从临摹开始的,等到一定的阶段才会开始写生,照着实物画。这个过程根据个人能力有长有短,但是每个人都必须经历无法避免。

现在回想起来,印象最深的是画室老师让我们上午临摹一张图,下午就立马默写这一张图,刚开始的时候,连画面基本布局都记不清,苹果有几个、分别在哪里都会混乱,但没办法老师要求不能去看原图,只好硬着头皮画。慢慢的到后面,临摹的时候就会下意识的去记一些布局、画面笔触,最后也能还原到百分之八九十了,而且等下次其他同学默写同一张图的时候,还能说出画面某个地方的笔触应该是怎么怎么样的...记得特别牢靠。

在做 UI 的时候,前期都是需要去大量临摹好的页面,然后记忆,形成条件反射,最后再为己用。但很不幸很多新手在入行之初,完全忽略了这点,包括刚入行时的我,拿到原型之后,一味的想自我创新,页面布局、字体大小、间距等都没有深入的去研究,完全凭着感觉来。这做不好也实属正常。

那怎么改善这一情况呢?最好的方法就是从临摹开始...

怎么找临摹素材

临摹最重要的就是找素材,素材的好坏直接影响到后期的效果。建议临摹线上 APP,线上 APP 的页面在落地前经过很多人的打磨,特别是那些大厂的 APP,直接去临摹就好,并从中找到规律所在。

临摹四部曲

图标

初期只需要单一的只临摹图标,不过需要注意的是不要只临摹一个两个,而要整套临摹,一个两个图标看不出来整体性,而 UI 界面上的图标也是整套出现,不会单独存在。

过程中也需要有意识的找一些当前不会画的、和之前风格不一样的图标,扩展宽度以及转换思维。不把自己限制在一个局限的空间里。

页面

当这一步攻克的时候,就可以到下一步了,临摹整套页面。去找几个线上的图标多的页面了,最常见的就是个人中心页面以及视频类 APP 的频道页。去临摹整个页面。这个时候就要多去注意图标和页面风格是否一致、和字体是否匹配等等

分析总结

临摹完了之后,要学会总结,比如个人中心图标一般多大、配多大的文字以及颜色等等,不然久了之后就都忘了,白临摹了。

在这里只是给大家提供一个思路,在临摹的时候遇到任何问题,觉得不对劲的地方,可以再多去找几个 APP 进行对比,从中找到规律所在,当这些规律是你自己总结出来的,而不是别人直接告诉你的时候,印象也会更加深刻。

举一反三

颜色

当总结完图标的大小以及和间距、字体等之后,其实还有一个很关键的元素需要注意,那就是图标的颜色,颜色非常能体现一个 APP 的气质,一套经典的配色只看颜色就能让人一眼认出来,而颜色最重要的一点就是需要和产品的调性相符合,如下图,作为金融类产品,跟钱相关的京东金融配色就很稳重,而陌陌的配色就更年轻、活泼。

概念稿

总是做一些线上的落地稿的时候,难免会限制自己的思维,所以我们需要做一些概念稿,放飞一下自我。比如在临摹完一张界面的时候,可以基于这个页面的功能自己重构一个,这样的好处是页面功能可以落地,也能锻炼自己的产品思维。

如何整理素材库

当临摹四步曲做完之后,我们需要将产出物整理好。如果你在素材库里一分钟内找不到想要找的那个,那么你的素材库多半是没用的。素材不在于多,而在于质量,我们自己曾经画过的图标、页面,都需要加以整理,以备不时之需。现在大部分设计师都是用 sketch 做图,所以我们可以改变一下管理素材的方式,不用 PS 时代的那种一个需求一个源文件的方式。

这种方式在我看来极大的浪费了 sketch 对于做 UI 来说先天的优势。其实我们完全可以把所有图都放置到一个文件中,在这个文件里建 page 来区分,我自己是习惯用年份来区分,一年做的东西都放到一个 page 里,然后会在每个不同的项目前加上说明,后期找的时候容易定位。

按照这样的方法整理的话,源文件的个数就会少很多,只需要按类别把每个种类建一个 sketch 文件就好。

总结

工作的越久,越会发现 UI 是有规律可循的,只要平时你多注意、多积累,一步一个脚印不要急。技法只要肯花时间都能学会。越到后面看的其实是思维方式,善于思考的人,总能从过往的经历里总结出一套方法论。

相关推荐

发表回复

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

学好UI第一步!其实方法思路很重要
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close