資深大神分享：從小白到資深UI/UX設計師的7個步驟

02-03

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

我怎樣才能更好地了解UI/UX相關知識?
我是一個程序員/市場經理/社會媒體策略師，我想了解更多關於設計的知識，該從哪裡著手呢？
你是怎麼辨別好的設計作品和糟糕的設計作品的?
成為一名設計師需要準備些什麼？具備哪些技能？

「我是如何開始UI設計之路的？」

這個問題不禁讓我回想自己剛剛步入設計職業生涯的歲月。

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

在得到那份工作之前，我剛剛大學畢業，獲得了多媒體學位。然而，我卻對設計卻一無所知，為什麼呢？

那是因為大學並沒有教我們實用的設計知識。大多數的大學課程只教我們相關的理論，或者如何使用Adobe套件這樣的設計工具。但這些還不夠，遠遠不夠。

努力自學和不斷地練習，是你成為一名優秀設計師唯一的途徑。

7年的自我提升，成就了現在的我——一名設計老師和國際會議發言人。

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

你無需生來就擁有設計的天賦。

我們誰不是天生的設計師，而是天生的藝術家，設計技能是需要學習的。

設計的本質就是解決問題，它是一個不斷發現問題並將其解決的過程。

設計分很多的領域：UI、UX、產品設計師、平面設計師、信息構架師等等。首先你要弄清楚，你對哪個領域更加感興趣。

這篇文章，我們著重講一下大家普遍關注的設計類型：融合了產品界面與用戶體驗的UI/UX設計師。

下面是成為一名UI/UX設計師必須要知道/要做的一些事：

1.熟悉UI設計原則。

下面是一些你應該知道的基本原則：

① 色彩原理

顏色的名稱、基本原理與顏色相關心理學。

Principles of design: Color

②平衡原理

對稱原則和不對稱原則

Principles of design: Balance

③參照對比原則

使用參照對比來組織信息，構建層次結構並創建焦點

Principles of design: contrast

④排版

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

10 Principles Of Readability And Web Typography

⑤一致性原則

最重要的原則，創造直觀、實用性強的設計從此原則開始。

Design principle:Consistency

2.學習UX創意設計流程

接下來要學習的是理解創意設計的流程。UII/UX設計實際上是每一位創意人員在特定階段解決特定問題從而最終完成整體設計的總流程。

主要分為以下幾個階段：

發現

這是整個項目的開始階段，設計師們研究項目、尋找靈感，並收集相關信息與想法。

定義

這是定義階段，設計師為從發現階段提取的想法進行定義，由此創建一個清晰的創意構架/簡報。

開發

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

交付

最後這個階段是交付階段，在此階段項目最終確定、生產、啟動。

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

3.提升辨識設計水平的眼力

了解設計原則是非常好的，但是有時候還是不夠，這時候就需要你訓練你的眼睛，去辨別好的設計與糟糕的設計，並能夠指出他們的優點與不足。

尋找靈感是最有效地訓練眼力的方法。

在打開一張空白的畫布，並盯著它半個小時之前，你要知道，只有通過調研、研究才能想出好的創意。有時候，大腦並不能自己創造想法，你需要先看看其他設計師優秀的設計，才能開始創造屬於自己的創意設計，特別是當你還是一個初學者的時候。

看一看其他設計師在Dribbble上分享的設計作品，遇到漂亮的設計或與你的項目相關的東西時，把它保存在你的筆記里，並標註下來你欣賞、喜歡的元素，當然你也可以截圖。這樣下來，你將會收穫一個靈感包供你開始自己的設計之旅。

這些是我最喜歡的幾個設計靈感來源網站：

· onepagelove.com 一個可以給你帶來設計靈感的網站。

· awwwards.com 獎勵設計人才的網站，有很多優秀的作品。

· dribbble.com 一個設計師分享設計作品的平台

· pttrns.com 移動端設計作品彙集

· uimovement.com 最好的UI設計靈感庫，每天有很多新鮮的素材

4.每天閱讀設計類的文章

為了讓自己更熟悉了解設計，那麼最好每天閱讀幾篇關於設計的文章。

讓閱讀設計類新聞和設計博客成為日常的習慣。網上有數百萬篇文章供我們了解設計新趨勢、實際使用案例和各類教程，我們所要做的就是找到它們。沒有什麼方法能比學習他人經驗更加有效、快速地提升自己了。

所以，用一杯咖啡和一些鼓舞人心的文章來開始你的一天吧。早晨學習新東西會開闊你的思維，並在為你這一整天的創造力騰出空間。

所以，時不時地，休息幾次，利用碎片時間多讀一些文章。休息對於創造力是非常重要的，尤其是當你陷入困境並感覺沒有效率的時候。為了方便，你可以把你喜歡的網站收藏在你的瀏覽器主頁或者訂閱一些設計簡報。

這裡是我整理出來的非常喜歡的設計類博客和一些設計新聞網站：

· blog.marvelapp.com

· medium.com/design

· smashingmagazine.com

· webdesignernews.com

· sitepoint.com/design-ux

5.設計虛構的項目

日常練習能使你更加傑出。我們都知道，如果我們不實踐，沒有自己的作品，那麼我們是無法找到工作或者獲得客戶的；但是如果沒有工作或一個項目，那麼我們也不會有作品，是不是？

其實，我們可以通過自我練習來打破這個看似封閉的怪圈——我們可以設定一個虛構/假的項目，去為其做創造設計，有趣也得到了練習！

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

花點時間去挑選一個你已經用過的網站或app，重新設計它。它可以變成任何你想讓它變成的模樣，讓它變得更棒！當然，你也可以設計一款全新的應用程序。

通過這個途徑，我們可以創建自己的作品集，也可以積累實踐經驗。

6.學習最新的設計工具

市面上有非常多的設計類工具，你沒必要每一種都去學習，只需要挑選其中最優秀的、你最喜歡的工具即可，並保持自我更新，及時了解新的設計趨勢。

這些是我在設計流程里使用最順手的幾款工具：

· Sketch 界面設計工具

· Balsamiq 線框原型工具

· Adobe XD 界面設計和原型製作工具

7.導師和尋求指導

另一個非常棒的學習設計方法是，尋找一個樂於幫助你的導師或者設計師朋友，他們會在你設計的過程中幫助你快速成長。

導師或設計師朋友會幫助你審查你的作品，並隨時給出他們中肯的建議，這是一個捷徑。他們也會給你一些從他們的經驗中總結出來的技巧和竅門。所以，請持續保持給他們發郵件，問問題，和他們討論你遇到的困惑。

而且，在我教設計和前端的幾年裡，我學到的知識比我教的還要多。當你準備開始與人談論設計時，你也可以指導或教授別人設計。你將學會從不同的角度看問題，並將獲得到一些出乎你意料的反饋或問題。

當你和別人談論設計的時候，你的大腦會一直處於「頭腦風暴」模式，你會發現自己對設計越來越感興趣。

作者：Nicole Saidy （資深UI/UX設計師&設計導師，國際設計會議演講/分享者）

翻譯：藍湖

註：本文為藍湖原創翻譯，微信公眾號：藍湖產品設計協作，未經允許，不得轉載。