怎么学UI

最近很多人问我怎么学UI?我的大多答案都是:要在模仿中学习。今天我来给大家讲一下什么叫从“模仿中学UI“。

在我们大部分的学术生涯中,我们一直被告知抄袭是要受到处罚的,考试过程中如果被发现作弊甚至会被开除。因此,直到现在为止一提到抄袭并不是一个惊喜,更多带给我们是负面的联想。

但是在UI设计的学习中我们如何“抄袭”呢?

我打算说一下我最喜欢的动漫——火影忍者。里面最具特色的一个人物叫做卡卡西。卡卡西被大家称作作弊鬼,他的能力是通过复制别人的能力来完善自己,让自己变得更厉害。

卡卡西用他的眼睛来复制别人的能力

这一技能使卡卡西成为火影忍者反派角色中最具威胁的对手之一。

下面我们开始通过动漫人物学习“复制技能“:“模范和复制”是最有用的学习工具。特别是在UX(用户体验)的学习中,解析和模仿别人的设计思维会为让你的设计思路更加顺畅。

模仿现有的设计原因有一下几点:

1、通过解析和模仿别人的设计思维去认识设计。

当你想去模仿一个设计作品的时候,你不得不先去分解每一个单独的设计元素。这样做培养出来的设计思维然后设计出来的产品是可以带入到生活中的。这种解释和模仿别人的设计作品,可以让你在模仿别人作品时,通过每一个设计元素去把握整个设计过程。这样的模仿设计就不仅仅是模仿了,而是你真正读懂了别人的设计思维和了解了设计方法,并形成属于自己的设计理念。

2、训练自己的眼力

当你通过模仿别人的设计作品去学习的时候,你开始注意到设计规范。你会神奇的发现你开始注意到表格、标签、页脚等小细节。

你开始能够认识到每一种设计模式和设计规范,当你有了这样的眼力,你可以轻松的运用这种设计模式建构属于自己的设计作品。

在学习过程中充分运用你的手,在学习的同时——可以进行书写笔记——并提高记忆力。

很多UX专家给出的建议是训练手绘也是一种很不错的速记和表达能力。

假设我们现在有这样一种情况,当你想模仿一个app的线框图时,你可以充分运用你手的能力。因为当你去靠打字记录的时候,你往往不会思考你记下来的东西是什么。

3、一种更快速的学习方式

可以这样说,模仿别人的设计作品是一种简单快速并且前期投入精力会很小的一种学习方式。同按照自己的方式去创新相比较,这是一种更快速的学习方式。

我了解,你想根据自己的设计能力去挖掘更多的点子,这种做法我很能理解。但是对于脑子里什么都没有的人就开始创新,那这个设计还是比较不切实际。并且对于设计过程中的障碍,设计师也是需要很强的意志力去解决。

所以,如果你的首要任务是学习UI和UX设计,并且想得到一份工作,做设计模仿是最有效的方式。

下面我会告诉你如何有策略的去模仿设计

1、模仿你自己喜欢的东西

让我们做点有趣的事吧。想想我们平时喜欢的、经常用的东西,之后去试着模仿它们的设计。你会惊奇的发现和了解很多关于这些东西的小细节。

我们需要找一些灵感:

查找一下你的浏览器记录

浏览Awwwards,这是一个能提供很多获奖作品的网站

在Google中搜索关键词,如“best apps”并找到像 Best iOS Apps Honored in 2014 (Cnet) 或获得最佳移动端app奖的作品。

2、用你的手绘制出来

我们一提到界面设计最基础的是手绘的时候,不要被手绘吓到。你并不需要去为你画出来并没有多美观的手稿去难过,因为并不是要你去做艺术家。其中的重点在于你只要快速准确的画出设计灵感的框架就可以了。在你要绘制草图的时候,你要注意及标注出核心主要的构成元素的用途以及延伸出来的一些设计创意,这是为你后期的设计做铺垫。就拿web来说,假如你并不清楚哪些是主要的,你可以问一下你身边的设计师朋友。

3、5度灰

当你决定用线框图表现出现有的web时,先不用担心配色。使用调色板一个简单的“灰度”来代替。这样做可以给你带来两个好处:

你可能会被自己正在模仿的web线框图的视觉效果吓到。因此,我们要速度完成。

颜色的单调会让你把注意力放到功能和布局上。

Lyft主页的线框图

Lyft是一个我很喜欢的创业公司。和Uber相比,他们的设计更加温暖、亲和力会更强。所以今天我们把它当做例子,去告诉大家如何模仿。

这是Lyft的主页

这是线框图

如果我能穿越到过去,重新学习UX和UI。我一定会从模仿我所有最喜欢的app和网站开始学习。这会是一种更直接更快速的去了解UX和UI设计的方式。