標籤：

7個步驟讓你成為UI&UX設計師

03-06

原文：7 steps to become a UI/UX designer

原文地址：blog.prototypr.io/7-ste

作者：Nicole Saidy

翻譯：Johnson

在之前，我收到一些人提出的簡單問題

  1. 我怎麼樣才能更多深入了解UI&UX

  2. 我是一名程序猿、銷售經理、社交媒體經營者，我想更多知道關於設計這方面的知識，要從哪裡開始做起？

  3. 你是如何知道一個設計作品的好與壞？

  4. 我要做什麼才能成為一名設計師？

『我該怎麼開始』

這個問題讓我回到我開始第一份工作的時候。7年之前，在我第一個設計工作上的第一天，我坐在一台iMac前面，上面有一個空白的Photoshop檔案。我嘗試去理解我的主管對我的任務所說的簡單任務。我沒有一點想法該如何開始，一片空白。

我只從大學畢業，並且有一個多媒體學位。所以，為什麼我不知道關於設計的任何東西？大學並沒有教我們實際性的設計。大部分的大學課程只會教我們理論，有時候就教我們如何使用設計工具，像是Adobe的一套工具。但是這是遠遠不夠的——差遠了。

『讓你成為一個好的設計師的唯一方法，就是實踐與學習』

自學了7年之後，我現在是一名設計老師和國際會議演講者。

第一件事你應該要知道：

你並不是與設計一同出生的。

設計是關於解決問題。這是一個不斷地發現問題並解決他們的過程。

這裡有很多關於設計的領域：UI，UX，產品設計者，動態設計師，交互設計師，信息架構師等等。首先你要搞清楚哪一個是你特別有興趣的。

現在，讓我們專註在最常見的類型：一個混合了界面與體驗的職業：UI/UX設計師。

1.熟悉你自己和UI原則

在練習設計之前，你需要知道的第一件事就是學習一些設計原則。從這開始，你將要進入設計的世界，並開始思考『創造性』。你要學習設計的心理學方面知識：為什麼這個作品看起來很棒和為什麼它會失敗。

這裡有一些你要應該要知道的基本原則。

顏色

顏色辭彙，顏色的基本知識和心理學。

平衡

對稱性和不對稱性

對比

使用對比去組織信息，建立等級制度和創建焦點。

排版

在網頁中選擇字體和創建淺顯易懂的文本

統一性

這是最重要的原則，創建直觀的和可用的設計。

2.學習創造性UX流程

下一件事是要理解創造性的流程以及步驟。UI/UX設計是一個每一個擁有創造性的人們所要經歷的詳細階段的過程。

分成四個不同的階段——發現，定義，開發和產生——『雙鑽石』（即策略+解決方案的執行）是一個設計過程中簡單清晰可見的地圖。

發現

這是項目的開始。設計師開始搜尋，獲取靈感和收集點子。

定義

這是一個定義的階段，在這個階段，設計師們要從發現階段中定義出一個方案，一個清晰的創意方案的簡介。

開發

在這裡是解決問題或者是概念將會被創建，做成原型，用來測試或者迭代。這個嘗試和發現錯誤的過程，它將有助於設計師改進和完善他們的想法。

產生

最後一個階段是產生的步驟，在這裡最後的項目將要完成，並進行加工與推出。

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

Marvel APP

Invision App

7.導師指導

另外一個學習設計的好方法就是找到一個設計導師或者設計師朋友，他們將會幫助你。他們也將幫助你加速學習的進程。

設計師們會審查你的工作，並儘可能提出意見。 這就像一個捷徑， 咱們可以從他們的經驗中學到一些提示和技巧。 所以，請發送電子郵件給設計師，提出問題並說出你的疑慮。

另外，從教設計和前端的幾年來看，我學到的不僅僅是我所教導的。 當你準備開始與人交談設計時，你可以指導或教育某人關於設計。 你將學習從不同的角度看待它，將遇到你以前從未想過的反饋和問題。

每當你與其他人談論設計時，你的頭腦都將始終處於「頭腦風暴」模式，也將發現自己對設計，越來越感興趣。

文章中老生常談的幾種方法，確實在實際工作中也是很有效果的。後台小夥伴問得最多的就是沒有工作經驗，怎樣拿作品去面試。正如文章中所說，任何一個你覺得設計得不好的作品你都可以進行改善，當成你自己的作品集去進行設計，積累多了，作品集也就有了。當然在國內也可在豬八戒等等網上去進行投標，說不定還可以賺一點零花錢。

給不了你許多感動， 但我會陪你很久

職場設計教程搶先看～一枚愛折騰、愛健身的設計師妹紙~

詳情請關注微信公眾號：Sophia的玲瓏閣，獲取更多有關交互、健身及其它相關信息。

推薦閱讀：

※咋滴，叫你美工不行？
※【d+聚光燈】秀場上最耀眼的高光 | 那些成就了時尚經典的珠寶設計師
※設計原則：宜家效益
※第二期開源項目第一周總結

TAG:用戶界面設計師 | 交互設計 | 設計師 |