成為UI / UX設計師所需的7個步驟
最近,我收到了很多人問類似下面的問題:
- 我怎樣才能更深入地瞭解UI/UX?
- 我是一個程式設計師/市場經理/自媒體運營,我想知道更多關於設計的知識,我應該從哪裡開始?
- 你怎麼知道什麼是好的設計和壞的設計?
- 怎樣才能成為一名優秀的設計師?
“我該怎麼開始呢?”
這個問題讓我回想起我剛開始工作的時候。7年前,在我的第一份設計工作的第一天,我坐在iMac上的空白Photoshop檔案前(那時我是一個Windows使用者)。那個時候我是如此的尷尬,我正在試圖的向經理解釋我之前的情況,但是當時我不知道如何開始,大腦一片空白。
在找到那份工作之前,我剛剛大學畢業,獲得了多媒體學位。那麼為什麼我對設計還是一竅不通?因為大學並不會教我們實用設計。大多數大學課程只教我們理論,有時教我們如何使用設計工具,如Adobe旗下的一些軟體,但是這些遠遠不夠。
只有通過自己不斷練習和學習,才能讓你成為一個更好的設計師。通過7年自學設計,現在的我是設計老師和國際設計會議發言人,所以你應該知道的第一件事是:你不是天生就會成才。
我們不是某些天賦型設計師,天生就有藝術才能,設計技能都是通過後天學習的。設計的根本目標是為了解決問題,設計就是不斷髮現問題並且解決問題。
設計有很多領域:UI設、UX、產品設計師、平面設計師、互動設計師、資訊架構師等等,所以從找出你最感興趣的設計專業開始。
現在讓我們關注最常見的設計專業:UI/UX設計師。
1、熟悉UI原則
在進行設計練習之前,你需要做的第一件事就是學習一些設計原則。這樣你才能夠進入設計世界,並開始進行“創造性”的思考。你會學到心理學對設計方案的影響,例如:為什麼它看起來不錯,為什麼會失敗。
下面是你應該瞭解的一些設計基本原則。
1、顏色
色彩詞彙,色彩基礎和色彩心理學。
設計原則:色彩
2、平衡
對稱性和不對稱性。
設計原則:平衡
3、對比
使用對比來組織資訊,構建層次結構和建立焦點。
設計原則:對比
4、 排版
選擇字型和在網路上建立可讀的文字。
易讀性的10個原則與網頁排版
5、一致性
最重要的原則,創造直觀和實用的設計。
設計原則:一致性
下面是設計好的介面一些好的方法和需要注意的事項。
2、瞭解創意使用者體驗流程
接下來要了解創作過程,UI / UX設計是設計都要經歷的特定階段。它分為四個不同的階段,發現、定義、開發和交付。
發現
在專案的最開始,設計師會開始研究,獲取靈感並收集想法。
定義
在定義階段,設計人員定義從發現階段提取的想法。由此建立了一個清晰的創意設計方案。
開發
在這裡建立原型,測試和迭代解決方案或概念的地方。這種反覆試驗過程有助於設計師改進和完善他們的想法。
交付
最後交付階段,專案會最終確定並且投入使用。
3、培養你的設計視野
瞭解設計原則雖然有很大的幫助,但這是遠遠不夠的,還需要培養你的視野,知道什麼是好的設計和壞的設計,並且能找到設計方案的優缺點。
在開啟一張空白的畫布並盯著它看半個小時之前,你明白創新的唯一方法是通過研究。培養你的設計視野的最有效方式是通過看更多的設計方案來尋找靈感。尤其當你是初學者的時候,有時候無法自己開啟腦洞,這時候你必須先看看其他人的設計。
所以看看其他設計師在設計社群裡做了什麼,每當你遇到漂亮的設計或與你的專案相關的東西時,將它儲存在筆記中並能說出你為什麼喜歡,你也可以截圖儲存。通過這種方式,你將擁有一個豐富的設計素材庫,設計之路由此展開。
4、每天閱讀設計文章
為了讓自己儘快的熟悉設計,最好的方法是每天閱讀一些文章。讓閱讀設計新聞和部落格成為日常習慣。我們有數百萬篇線上文章可供我們瞭解新趨勢,設計方法和教程。我們所要做的就是找到它們,沒有比從其他人總結的經驗中學習更好的了。
在早上學習新事物會擴充你的腦洞,併為白天創造騰出更多的空間。因此你早上可以在Medium或Smashing Magazine看一些優秀的設計文章,開始新的一天。
另外要注意勞逸結合,不時地休息一下,閱讀更多設計內容。特別是當你陷入困境並感到沒有想法的時候,更有停下來休息,休息對於創造力非常重要。你可以將您喜歡的網站收藏為書籤或訂閱設計部落格。
5、設計概念專案
實踐是檢驗真理的唯一標準,並且我們清楚的知道,沒有設計經驗我們就無法獲得客戶/工作。但如果沒有客戶/工作我們就沒有辦法加強設計技能。所以我們可以通過自己的實踐來打破這個迴圈,進行概念專案設計以獲得樂趣以及成長!Dribbble上有很多的概念設計,他們都做的很棒。
你可以花點時間選擇你感興趣的網站或App並重新設計它。你可以完全賦予它新的創意和意義,並且由此你將形成你的設計風格和作品,獲得快速的成長。
6、瞭解最新的設計工具
我們有很多的設計工具,但你不需要都瞭解。你只需要選擇你喜歡的並且適合你的工具即可,並隨時瞭解最新的功能和趨勢,以下是我在設計過程中使用的最新工具:
- 介面設計:Sketch
- 用於協作介面設計:Figma
- 用於低保真線框圖:Axure
- 用於介面設計和原型設計: Adobe XD
- 可互動動態原型:Principle、Flinto
- 用於原型設計和協作:Invision App
7、尋找導師並且得到幫助
學習設計的另一個好方法是找到願意提供幫助的設計導師或設計師朋友。他們將幫助您加快學習程序,
導師或者設計師朋友會對你的設計方案會盡可能地發表意見。這就像一條捷徑,他們還會分享他們的經驗和方法論以及設計技巧。因此請向有經驗的設計師或者導師提出問題並討論您的疑問。
另外在我教授設計和前端的幾年時間裡,我學到的東西比我教的要多很多。所以當你準備好如何與人們討論設計時,你可以指導或教育某人有關設計的知識。你將學習從不同的角度看待它,你將獲得你可能從未想過的反饋和問題。
每當你和其他人談論設計時,你的思維將一直處於“頭腦風暴”模式,你會發現自己越來越對設計產生興趣。