努力自學(xué)和不斷地練習(xí)，是你成為一名優(yōu)秀設(shè)計(jì)師唯一的途徑。

最近，我收到了很多人的類似問題:

1. 我怎樣才能更好地了解UI/UX相關(guān)知識(shí)?
2. 我是一個(gè)程序員/市場經(jīng)理/社會(huì)媒體策略師，我想了解更多關(guān)于設(shè)計(jì)的知識(shí)，該從哪里著手呢？
3. 你是怎么辨別好的設(shè)計(jì)作品和糟糕的設(shè)計(jì)作品的?
4. 成為一名設(shè)計(jì)師需要準(zhǔn)備些什么？具備哪些技能？

“我是如何開始UI設(shè)計(jì)之路的”

這個(gè)問題不禁讓我回想自己剛剛步入設(shè)計(jì)職業(yè)生涯的歲月。

7年前，入職第一份設(shè)計(jì)工作的第一天，我坐在一個(gè)空白的Photoshop文件前面，面對著iMac(那以前我是一直是一個(gè)Windows用戶)，我努力去理解、去回想我的經(jīng)理剛剛向我簡要介紹了些什么，然而腦海中一片空白，我完全不知道該從何處下手。

在得到那份工作之前，我剛剛大學(xué)畢業(yè)，獲得了多媒體學(xué)位。然而，我卻對設(shè)計(jì)卻一無所知，為什么呢？

那是因?yàn)榇髮W(xué)并沒有教我們實(shí)用的設(shè)計(jì)知識(shí)。大多數(shù)的大學(xué)課程只教我們相關(guān)的理論，或者如何使用Adobe套件這樣的設(shè)計(jì)工具。但這些還不夠，遠(yuǎn)遠(yuǎn)不夠。

努力自學(xué)和不斷地練習(xí)，是你成為一名優(yōu)秀設(shè)計(jì)師唯一的途徑。

7年的自我提升，成就了現(xiàn)在的我——一名設(shè)計(jì)老師和國際會(huì)議發(fā)言人。

首先，你需要明白一件事情：

你無需生來就擁有設(shè)計(jì)的天賦。

我們誰不是天生的設(shè)計(jì)師，而是天生的藝術(shù)家，設(shè)計(jì)技能是需要學(xué)習(xí)的。

設(shè)計(jì)的本質(zhì)就是解決問題，它是一個(gè)不斷發(fā)現(xiàn)問題并將其解決的過程。

設(shè)計(jì)分很多的領(lǐng)域：UI、UX、產(chǎn)品設(shè)計(jì)師、平面設(shè)計(jì)師、信息構(gòu)架師等等。首先你要弄清楚，你對哪個(gè)領(lǐng)域更加感興趣。

這篇文章，我們著重講一下大家普遍關(guān)注的設(shè)計(jì)類型：融合了產(chǎn)品界面與用戶體驗(yàn)的UI/UX設(shè)計(jì)師。

下面是成為一名UI/UX設(shè)計(jì)師必須要知道/要做的一些事：

1.熟悉UI設(shè)計(jì)原則

在練習(xí)設(shè)計(jì)技能之前，你首先要做的就是學(xué)習(xí)一些設(shè)計(jì)原則。這樣，你才能正確地進(jìn)入設(shè)計(jì)真正的世界，開始“創(chuàng)造性地”思考，學(xué)到設(shè)計(jì)的心理學(xué)方面的東西，比如:為什么這種設(shè)計(jì)看起來不錯(cuò)，但是為什么它卻會(huì)是失敗的？

下面是一些你應(yīng)該知道的基本原則：

1.色彩原理

顏色的名稱、基本原理與顏色相關(guān)心理學(xué)。

Principles of design: Color

2.平衡原理

對稱原則和不對稱原則

Principles of design: Balance

3.參照對比原則

使用參照對比來組織信息，構(gòu)建層次結(jié)構(gòu)并創(chuàng)建焦點(diǎn)

Principles of design: contrast

4.排版

選擇適合的字體，合理排版，使文本更具易讀性。

10 Principles Of Readability And Web Typography

5.一致性原則

最重要的原則，創(chuàng)造直觀、實(shí)用性強(qiáng)的設(shè)計(jì)從此原則開始。

Design principle:Consistency

2.學(xué)習(xí)UX創(chuàng)意設(shè)計(jì)流程

接下來要學(xué)習(xí)的是理解創(chuàng)意設(shè)計(jì)的流程。UII/UX設(shè)計(jì)實(shí)際上是每一位創(chuàng)意人員在特定階段解決特定問題從而最終完成整體設(shè)計(jì)的總流程。

主要分為以下幾個(gè)階段：

創(chuàng)意流程

發(fā)現(xiàn)

這是整個(gè)項(xiàng)目的開始階段，設(shè)計(jì)師們研究項(xiàng)目、尋找靈感，并收集相關(guān)信息與想法。

定義

這是定義階段，設(shè)計(jì)師為從發(fā)現(xiàn)階段提取的想法進(jìn)行定義，由此創(chuàng)建一個(gè)清晰的創(chuàng)意構(gòu)架/簡報(bào)。

開發(fā)

這就是通過原型、測試、迭代等手段提出產(chǎn)品設(shè)計(jì)解決方案或最終概念被確定的階段，整個(gè)嘗試和試錯(cuò)的過程幫助設(shè)計(jì)師第一步改進(jìn)和完善他們的設(shè)計(jì)想法。

交付

最后這個(gè)階段是交付階段，在此階段項(xiàng)目最終確定、生產(chǎn)、啟動(dòng)。

具體案例，看一參考我的另一篇文章：5 steps for a successful website design.

3.提升辨識(shí)設(shè)計(jì)水平的眼力

了解設(shè)計(jì)原則是非常好的，但是有時(shí)候還是不夠，這時(shí)候就需要你訓(xùn)練你的眼睛，去辨別好的設(shè)計(jì)與糟糕的設(shè)計(jì)，并能夠指出他們的優(yōu)點(diǎn)與不足。

尋找靈感是最有效地訓(xùn)練眼力的方法。

在打開一張空白的畫布，并盯著它半個(gè)小時(shí)之前，你要知道，只有通過調(diào)研、研究才能想出好的創(chuàng)意。有時(shí)候，大腦并不能自己創(chuàng)造想法，你需要先看看其他設(shè)計(jì)師優(yōu)秀的設(shè)計(jì)，才能開始創(chuàng)造屬于自己的創(chuàng)意設(shè)計(jì)，特別是當(dāng)你還是一個(gè)初學(xué)者的時(shí)候。

瀏覽設(shè)計(jì)資源網(wǎng)站

看一看其他設(shè)計(jì)師在Dribbble上分享的設(shè)計(jì)作品，遇到漂亮的設(shè)計(jì)或與你的項(xiàng)目相關(guān)的東西時(shí)，把它保存在你的筆記里，并標(biāo)注下來你欣賞、喜歡的元素，當(dāng)然你也可以截圖。這樣下來，你將會(huì)收獲一個(gè)靈感包供你開始自己的設(shè)計(jì)之旅。

這些是我最喜歡的幾個(gè)設(shè)計(jì)靈感來源網(wǎng)站：

• onepagelove.com一個(gè)可以給你帶來設(shè)計(jì)靈感的網(wǎng)站。
• awwwards.com獎(jiǎng)勵(lì)設(shè)計(jì)人才的網(wǎng)站，有很多優(yōu)秀的作品。
• dribbble.com一個(gè)設(shè)計(jì)師分享設(shè)計(jì)作品的平臺(tái)
• pttrns.com移動(dòng)端設(shè)計(jì)作品匯集
• uimovement.com最好的UI設(shè)計(jì)靈感庫，每天有很多新鮮的素材

4.每天閱讀設(shè)計(jì)類的文章

為了讓自己更熟悉了解設(shè)計(jì)，那么最好每天閱讀幾篇關(guān)于設(shè)計(jì)的文章。

讓閱讀設(shè)計(jì)類新聞和設(shè)計(jì)博客成為日常的習(xí)慣。網(wǎng)上有數(shù)百萬篇文章供我們了解設(shè)計(jì)新趨勢、實(shí)際使用案例和各類教程，我們所要做的就是找到它們。沒有什么方法能比學(xué)習(xí)他人經(jīng)驗(yàn)更加有效、快速地提升自己了。

所以，用一杯咖啡和一些鼓舞人心的文章來開始你的一天吧。早晨學(xué)習(xí)新東西會(huì)開闊你的思維，并在為你這一整天的創(chuàng)造力騰出空間。

所以，時(shí)不時(shí)地，休息幾次，利用碎片時(shí)間多讀一些文章。休息對于創(chuàng)造力是非常重要的，尤其是當(dāng)你陷入困境并感覺沒有效率的時(shí)候。為了方便，你可以把你喜歡的網(wǎng)站收藏在你的瀏覽器主頁或者訂閱一些設(shè)計(jì)簡報(bào)。

這里是我整理出來的非常喜歡的設(shè)計(jì)類博客和一些設(shè)計(jì)新聞網(wǎng)站：

• blog.marvelapp.com
• medium.com/design
• smashingmagazine.com
• webdesignernews.com
• sitepoint.com/design-ux

5.設(shè)計(jì)虛構(gòu)的項(xiàng)目

日常練習(xí)能使你更加杰出。我們都知道，如果我們不實(shí)踐，沒有自己的作品，那么我們是無法找到工作或者獲得客戶的；但是如果沒有工作或一個(gè)項(xiàng)目，那么我們也不會(huì)有作品，是不是？

其實(shí)，我們可以通過自我練習(xí)來打破這個(gè)看似封閉的怪圈——我們可以設(shè)定一個(gè)虛構(gòu)/假的項(xiàng)目，去為其做創(chuàng)造設(shè)計(jì)，有趣也得到了練習(xí)！

你們看，Dribbble上滿滿都是這樣的作品！

花點(diǎn)時(shí)間去挑選一個(gè)你已經(jīng)用過的網(wǎng)站或app，重新設(shè)計(jì)它。它可以變成任何你想讓它變成的模樣，讓它變得更棒！當(dāng)然，你也可以設(shè)計(jì)一款全新的應(yīng)用程序。

通過這個(gè)途徑，我們可以創(chuàng)建自己的作品集，也可以積累實(shí)踐經(jīng)驗(yàn)。

6.學(xué)習(xí)最新的設(shè)計(jì)工具

市面上有非常多的設(shè)計(jì)類工具，你沒必要每一種都去學(xué)習(xí)，只需要挑選其中最優(yōu)秀的、你最喜歡的工具即可，并保持自我更新，及時(shí)了解新的設(shè)計(jì)趨勢。

這些是我在設(shè)計(jì)流程里使用最順手的幾款工具：

• Sketch?界面設(shè)計(jì)工具
• Balsamiq? 線框原型工具
• Adobe XD?界面設(shè)計(jì)和原型制作工具

7.導(dǎo)師和尋求指導(dǎo)

另一個(gè)非常棒的學(xué)習(xí)設(shè)計(jì)方法是，尋找一個(gè)樂于幫助你的導(dǎo)師或者設(shè)計(jì)師朋友，他們會(huì)在你設(shè)計(jì)的過程中幫助你快速成長。

導(dǎo)師或設(shè)計(jì)師朋友會(huì)幫助你審查你的作品，并隨時(shí)給出他們中肯的建議，這是一個(gè)捷徑。他們也會(huì)給你一些從他們的經(jīng)驗(yàn)中總結(jié)出來的技巧和竅門。所以，請持續(xù)保持給他們發(fā)郵件，問問題，和他們討論你遇到的困惑。

而且，在我教設(shè)計(jì)和前端的幾年里，我學(xué)到的知識(shí)比我教的還要多。當(dāng)你準(zhǔn)備開始與人談?wù)撛O(shè)計(jì)時(shí)，你也可以指導(dǎo)或教授別人設(shè)計(jì)。你將學(xué)會(huì)從不同的角度看問題，并將獲得到一些出乎你意料的反饋或問題。

當(dāng)你和別人談?wù)撛O(shè)計(jì)的時(shí)候，你的大腦會(huì)一直處于“頭腦風(fēng)暴”模式，你會(huì)發(fā)現(xiàn)自己對設(shè)計(jì)越來越感興趣。

譯者：藍(lán)湖，微信公眾號：藍(lán)湖產(chǎn)品設(shè)計(jì)協(xié)作

原文作者：Nicole Saidy（資深UI/UX設(shè)計(jì)師&設(shè)計(jì)導(dǎo)師，國際設(shè)計(jì)會(huì)議演講/分享者）

原文鏈接：?https://blog.prototypr.io/@nicolesaidy?source=post_header_lockup

本文由 @藍(lán)湖 翻譯f發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖由作者提供