翻译自 Medium,原文链接
本文首发于公众号:设计新手村
原文标题:7 steps to become a UI/UX designer
原文作者:Nicole Saidy
文章翻译:村长道哥
最近,我收到了很多的类似问题:
* 我怎样才能深入学习 UI/UX?
* 我是一个程序员/市场经理/社交媒体策略师,我想了解更多关于设计的知识,应该如何开始呢?
* 如何区分好的设计和坏的设计?
* 成为一名设计师需要什么?
我应该从哪学起?
这个问题让我回想起我刚上路的时候。7年前,我开始了人生中第一份设计工作的第一天。我坐在 iMac 前(那时我还是一个Windows用户),盯着是一个空白的 Photoshop 文件。我努力地去回想经理刚刚跟我说了什么,我不知道该怎么开始,大脑里只有空白。
在得到那份工作之前,我刚刚从大学毕业,获得了一个多媒体专业的学位。那么,为什么我对设计竟然一无所知呢?
事实是,大学并没有教给我们实用的设计技巧。大多数的大学课程只教理论,有时也会教我们如何使用 Adobe 套件这样的设计工具。但这还不够,远远不够。
不断练习和自学是能让你成为一个更好的设计师的唯一途径。
经过7年的自学,我现在是一名设计教师,还是一名国际会议发言人。
你首先要知道的是:
你并不是生来就是设计师。
我们并不是天生的带有艺术加成的设计师。设计是学出来的。
设计是为了解决问题,是一个不断发现问题并为创造解决方案的过程。
设计的领域有很多:UI、UX、产品设计师、平面设计师、交互设计师、信息架构师等等等等。你应该首先要弄清楚你的兴趣爱好是什么。
现在,让我们来看一下时下最广为人知的一种,即界面和体验的混搭:UI/UX 设计师。
1 熟悉各种 UI 原则
在开始练习设计之前,你首先要做的就是学习一些设计原则。这样你就可以进入设计圈子,能够开始去“创造性地”思考。你会学到设计中心理学方面的知识:为什么有的东西好看,为什么有的东西难看。
下面是一些你应该知道的基本原则。
1 颜色
颜色词汇、基本原理和颜色心理学。
https://www.sitepoint.com/principles-of-design-colour/
2 平衡
对称和非对称。
https://www.sitepoint.com/principles-of-good-design-balance/
3 对比
使用对比来组织信息,构建层次结构并创建焦点。
https://www.sitepoint.com/principles-of-design-contrast/
4 字体
在 Web 上选择合适的字体并打造可阅读的文本。
https://www.smashingmagazine.com/2009/03/10-principles-for-readable-web-typography/
5 一致性
最重要的原则,创建直观和可用的设计。
https://uxdesign.cc/design-principle-consistency-6b0cf7e7339f
这里有一些对于一个优秀的 UI 那些应该做的和不该做的例子:http://www.goodui.org/
2 学习创造性的 UX 流程
接下来要做的是理解创造性的流程。UI/UX 设计是每个创意人员都要经历的一系列特定阶段的流程。
我把整个流程分为四个不同的阶段:发现、定义、开发和交付。
发现
这是一个项目的开始。设计师们开始调研,获得灵感,并收集创意。
定义
在这个阶段中,设计师会把发现阶段中的创意提取出来,并定义这些创意。由此,我们会得到一个清晰的创意纲要。
开发
这个阶段的工作就是创建解决方案,制作原型、测试和迭代。这个试错的过程会帮助设计师改进并完善他们的创意。
交付
最后阶段就是交付阶段,这时候项目会最终确定、制作并发布。
除此之外,你也可以看看我写的《成功网站设计的5个步骤》,https://blog.prototypr.io/5-steps-for-a-successful-website-design-90290066f326。
3 培养你的设计眼光
知晓设计原则是重要,但有时这还不够,你还需要训练你的眼光,去看一些好的设计和坏的设计,并分析这些设计中的优缺点。
最有效的训练方法是启发。在打开一张空白的画布然后又不知所措地盯上这空白半个小时之前,你应该知道只有通过调研才能找到创意。很多时候,大脑不能自己凭空制造创意,你必须先看看其他人的设计,然后才能开始自己的创意,尤其是当你是一个新手的时候。
看看其他设计师在 Dribbble 上做的东西,当你遇到漂亮的设计或与你的项目相关的东西时,把它们都保存在你的笔记中,并记下自己喜欢的理由,你也可以截图。这样你就慢慢积累了一个可以激发灵感的作品集。
以下是我最喜欢的网站:
onepagelove.com为你的灵感而设计。
awwwards.com提升设计能力。
dribbble.com设计师分享作品的社区。
pttrns.com移动设计模式的集合。
uimovement.com每天提供最好的用户界面设计的灵感。
4 每天读设计相关的文章
为了让自己熟悉设计,最好的方法是每天阅读几篇设计方面的文章。
让阅读设计相关的新闻和博客成为你日常的习惯。网上有数百万篇文章可供我们了解设计方面的新趋势、用例和教程。我们所要做的就是找到这些文章,没有什么方法能比从别人的经验中学习更好的了。
那么就用一杯咖啡和几篇可以激发灵感的文章来开始你的一天吧,你可以在 Medium 或者 Smashing Magazine 上找到这样的文章。在早上学习新东西可以开阔你的思维,并在一整天里使你的创造力得到充分发挥。
然后,在一天中休息的空档时多读一些。休息对于创造力是非常重要的,尤其是当你陷入困境并感觉没有效率的时候。把你喜欢的网站做为浏览器的主页,或者订阅一些设计通讯。
以下是我最喜欢的设计博客和网站:
* blog.marvelapp.com
* medium.com/design
* smashingmagazine.com
* webdesignernews.com
* sitepoint.com/design-ux
5 设计虚拟项目
熟能生巧。我们都知道没有经验我们就不能得到工作(或者客户)。但是如果没有工作或项目,我们难道就不能做东西了吗?
但是我们可以通过练习来打破这个死循环,那就是做着玩的虚拟项目!Dribbble 上面全是这些东西。
花点时间挑选一个你用过的网站或应用,对它进行重新设计。只要是你觉得还有提升空间的任何东西都可以用来重新设计,你也可以设计自己的应用程序。
通过这些练习,你可以丰富自己的设计简历,并提高自己的设计能力。
6 学习最新的网页设计工具
市面上有许许多多的设计工具,但你没必要知道所有的设计工具。了解其中最优秀的几个,选择你最喜欢的,并时刻更新到最新的功能就行了。
以下是我在设计过程中使用的最新工具:
* Sketch,快速原型设计
* Balsamiq,Low-fi 线框图
* Adobe XD,原型设计
* Marvel App,交互式原型设计
* Invision App,协作和原型设计
7 被指导和指导他人
另一个学习设计的好方法是找到一个愿意帮助你的设计导师或设计师朋友,他们可以帮助你加速学习过程。
设计师会审阅你的作品,并在可能的时候给出评论。这是一条捷径。他们也会给你一些从他们的经验中学到的技巧和窍门。所以,继续给设计导师发邮件,向他提出并讨论你的问题。
还有,在我教设计和前端的几年里,我学到的比我教的还要多。当你准备开始与人正经谈论设计时,你就可以指导或教授设计了。你将学会从不同的角度看问题,你也会得到一些你可能从未想过的反馈和问题。
当你和别人谈论设计的时候,你的大脑会一直处于“头脑风暴”模式,你就会发现自己对设计越来越感兴趣。