七步成为UI/UX设计师

翻译自 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 被指导和指导他人

另一个学习设计的好方法是找到一个愿意帮助你的设计导师或设计师朋友,他们可以帮助你加速学习过程。

设计师会审阅你的作品,并在可能的时候给出评论。这是一条捷径。他们也会给你一些从他们的经验中学到的技巧和窍门。所以,继续给设计导师发邮件,向他提出并讨论你的问题。


还有,在我教设计和前端的几年里,我学到的比我教的还要多。当你准备开始与人正经谈论设计时,你就可以指导或教授设计了。你将学会从不同的角度看问题,你也会得到一些你可能从未想过的反馈和问题。

当你和别人谈论设计的时候,你的大脑会一直处于“头脑风暴”模式,你就会发现自己对设计越来越感兴趣。



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,761评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,953评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,998评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,248评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,130评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,145评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,550评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,236评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,510评论 1 291
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,601评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,376评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,247评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,613评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,911评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,191评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,532评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,739评论 2 335

推荐阅读更多精彩内容