最近蒂窒，我收到了很多人的類似問題:
① 我怎樣才能更好地了解UI/UX相關(guān)知識?
② 我是一個程序員/市場經(jīng)理/社會媒體策略師，我想了解更多關(guān)于設(shè)計的知識，該從哪里著手呢檀训？
③ 你是怎么辨別好的設(shè)計作品和糟糕的設(shè)計作品的?
④ 成為一名設(shè)計師需要準(zhǔn)備些什么怒允？具備哪些技能埂软？
“我是如何開始UI設(shè)計之路的？”
這個問題不禁讓我回想自己剛剛步入設(shè)計職業(yè)生涯的歲月纫事。
7年前勘畔，入職第一份設(shè)計工作的第一天，我坐在一個空白的Photoshop文件前面儿礼，面對著iMac(那以前我是一直是一個Windows用戶)咖杂，我努力去理解、去回想我的經(jīng)理剛剛向我簡要介紹了些什么蚊夫，然而腦海中一片空白诉字，我完全不知道該從何處下手。
在得到那份工作之前知纷，我剛剛大學(xué)畢業(yè)壤圃，獲得了多媒體學(xué)位。然而琅轧，我卻對設(shè)計卻一無所知伍绳，為什么呢？
那是因?yàn)榇髮W(xué)并沒有教我們實(shí)用的設(shè)計知識乍桂。大多數(shù)的大學(xué)課程只教我們相關(guān)的理論冲杀，或者如何使用Adobe套件這樣的設(shè)計工具。但這些還不夠睹酌，遠(yuǎn)遠(yuǎn)不夠权谁。
努力自學(xué)和不斷地練習(xí)，是你成為一名優(yōu)秀設(shè)計師唯一的途徑憋沿。
7年的自我提升旺芽，成就了現(xiàn)在的我——一名設(shè)計老師和國際會議發(fā)言人。
首先，你需要明白一件事情：
你無需生來就擁有設(shè)計的天賦采章。
我們誰不是天生的設(shè)計師运嗜，而是天生的藝術(shù)家，設(shè)計技能是需要學(xué)習(xí)的悯舟。
設(shè)計的本質(zhì)就是解決問題担租，它是一個不斷發(fā)現(xiàn)問題并將其解決的過程。
設(shè)計分很多的領(lǐng)域：UI抵怎、UX翩活、產(chǎn)品設(shè)計師、平面設(shè)計師便贵、信息構(gòu)架師等等菠镇。首先你要弄清楚，你對哪個領(lǐng)域更加感興趣承璃。
這篇文章利耍，我們著重講一下大家普遍關(guān)注的設(shè)計類型：融合了產(chǎn)品界面與用戶體驗(yàn)的UI/UX設(shè)計師。
下面是成為一名UI/UX設(shè)計師必須要知道/要做的一些事：
1.熟悉UI設(shè)計原則盔粹。
在練習(xí)設(shè)計技能之前隘梨，你首先要做的就是學(xué)習(xí)一些設(shè)計原則。這樣舷嗡，你才能正確地進(jìn)入設(shè)計真正的世界轴猎，開始“創(chuàng)造性地”思考，學(xué)到設(shè)計的心理學(xué)方面的東西进萄，比如:為什么這種設(shè)計看起來不錯捻脖，但是為什么它卻會是失敗的？
下面是一些你應(yīng)該知道的基本原則：
① 色彩原理
顏色的名稱中鼠、基本原理與顏色相關(guān)心理學(xué)可婶。
Principles of design: Color
②平衡原理
對稱原則和不對稱原則
Principles of design: Balance
③參照對比原則
使用參照對比來組織信息，構(gòu)建層次結(jié)構(gòu)并創(chuàng)建焦點(diǎn)
Principles of design: contrast
④排版
選擇適合的字體援雇，合理排版矛渴，使文本更具易讀性。
10 Principles Of Readability And Web Typography
⑤一致性原則
最重要的原則惫搏，創(chuàng)造直觀具温、實(shí)用性強(qiáng)的設(shè)計從此原則開始。
Design principle:Consistency
2.學(xué)習(xí)UX創(chuàng)意設(shè)計流程
接下來要學(xué)習(xí)的是理解創(chuàng)意設(shè)計的流程筐赔。UII/UX設(shè)計實(shí)際上是每一位創(chuàng)意人員在特定階段解決特定問題從而最終完成整體設(shè)計的總流程铣猩。
主要分為以下幾個階段：
<創(chuàng)意流程>
發(fā)現(xiàn)
這是整個項(xiàng)目的開始階段，設(shè)計師們研究項(xiàng)目川陆、尋找靈感剂习，并收集相關(guān)信息與想法。
定義
這是定義階段较沪，設(shè)計師為從發(fā)現(xiàn)階段提取的想法進(jìn)行定義鳞绕，由此創(chuàng)建一個清晰的創(chuàng)意構(gòu)架/簡報。
開發(fā)
這就是通過原型尸曼、測試们何、迭代等手段提出產(chǎn)品設(shè)計解決方案或最終概念被確定的階段，整個嘗試和試錯的過程幫助設(shè)計師第一步改進(jìn)和完善他們的設(shè)計想法控轿。
交付
最后這個階段是交付階段冤竹，在此階段項(xiàng)目最終確定、生產(chǎn)茬射、啟動鹦蠕。
具體案例，看一參考我的另一篇文章：5 steps for a successful website design.
3.提升辨識設(shè)計水平的眼力
了解設(shè)計原則是非常好的在抛，但是有時候還是不夠钟病，這時候就需要你訓(xùn)練你的眼睛，去辨別好的設(shè)計與糟糕的設(shè)計刚梭，并能夠指出他們的優(yōu)點(diǎn)與不足肠阱。
尋找靈感是最有效地訓(xùn)練眼力的方法。
在打開一張空白的畫布朴读，并盯著它半個小時之前屹徘，你要知道，只有通過調(diào)研衅金、研究才能想出好的創(chuàng)意噪伊。有時候，大腦并不能自己創(chuàng)造想法氮唯，你需要先看看其他設(shè)計師優(yōu)秀的設(shè)計酥宴，才能開始創(chuàng)造屬于自己的創(chuàng)意設(shè)計，特別是當(dāng)你還是一個初學(xué)者的時候您觉。
<瀏覽設(shè)計資源網(wǎng)站>
看一看其他設(shè)計師在Dribbble上分享的設(shè)計作品拙寡，遇到漂亮的設(shè)計或與你的項(xiàng)目相關(guān)的東西時，把它保存在你的筆記里琳水，并標(biāo)注下來你欣賞设易、喜歡的元素，當(dāng)然你也可以截圖耿芹。這樣下來怠硼，你將會收獲一個靈感包供你開始自己的設(shè)計之旅。
這些是我最喜歡的幾個設(shè)計靈感來源網(wǎng)站：
·onepagelove.com一個可以給你帶來設(shè)計靈感的網(wǎng)站私沮。
·awwwards.com獎勵設(shè)計人才的網(wǎng)站始赎，有很多優(yōu)秀的作品。
·dribbble.com一個設(shè)計師分享設(shè)計作品的平臺
·pttrns.com移動端設(shè)計作品匯集
·uimovement.com最好的UI設(shè)計靈感庫，每天有很多新鮮的素材
4.每天閱讀設(shè)計類的文章
為了讓自己更熟悉了解設(shè)計造垛，那么最好每天閱讀幾篇關(guān)于設(shè)計的文章魔招。
讓閱讀設(shè)計類新聞和設(shè)計博客成為日常的習(xí)慣。網(wǎng)上有數(shù)百萬篇文章供我們了解設(shè)計新趨勢五辽、實(shí)際使用案例和各類教程办斑，我們所要做的就是找到它們。沒有什么方法能比學(xué)習(xí)他人經(jīng)驗(yàn)更加有效杆逗、快速地提升自己了乡翅。
<使閱讀文章成為日常習(xí)慣>
所以，用一杯咖啡和一些鼓舞人心的文章來開始你的一天吧罪郊。早晨學(xué)習(xí)新東西會開闊你的思維蠕蚜，并在為你這一整天的創(chuàng)造力騰出空間。
所以悔橄，時不時地波势，休息幾次，利用碎片時間多讀一些文章橄维。休息對于創(chuàng)造力是非常重要的尺铣，尤其是當(dāng)你陷入困境并感覺沒有效率的時候。為了方便争舞，你可以把你喜歡的網(wǎng)站收藏在你的瀏覽器主頁或者訂閱一些設(shè)計簡報凛忿。
這里是我整理出來的非常喜歡的設(shè)計類博客和一些設(shè)計新聞網(wǎng)站：
·blog.marvelapp.com
·medium.com/design
·smashingmagazine.com
·webdesignernews.com
·sitepoint.com/design-ux
5.設(shè)計虛構(gòu)的項(xiàng)目
日常練習(xí)能使你更加杰出。我們都知道竞川，如果我們不實(shí)踐店溢，沒有自己的作品，那么我們是無法找到工作或者獲得客戶的委乌；但是如果沒有工作或一個項(xiàng)目床牧，那么我們也不會有作品，是不是遭贸？
其實(shí)戈咳，我們可以通過自我練習(xí)來打破這個看似封閉的怪圈——我們可以設(shè)定一個虛構(gòu)/假的項(xiàng)目，去為其做創(chuàng)造設(shè)計壕吹，有趣也得到了練習(xí)著蛙！
你們看，Dribbble上滿滿都是這樣的作品耳贬！
花點(diǎn)時間去挑選一個你已經(jīng)用過的網(wǎng)站或app踏堡，重新設(shè)計它。它可以變成任何你想讓它變成的模樣咒劲，讓它變得更棒顷蟆！當(dāng)然诫隅，你也可以設(shè)計一款全新的應(yīng)用程序。
通過這個途徑帐偎，我們可以創(chuàng)建自己的作品集逐纬，也可以積累實(shí)踐經(jīng)驗(yàn)。
6.學(xué)習(xí)最新的設(shè)計工具
市面上有非常多的設(shè)計類工具肮街，你沒必要每一種都去學(xué)習(xí)，只需要挑選其中最優(yōu)秀的判导、你最喜歡的工具即可嫉父，并保持自我更新，及時了解新的設(shè)計趨勢眼刃。
這些是我在設(shè)計流程里使用最順手的幾款工具：
·Sketch界面設(shè)計工具
·Balsamiq 線框原型工具
·Adobe XD界面設(shè)計和原型制作工具
<譯者附加>
這里再推薦一款我們本土產(chǎn)品設(shè)計團(tuán)隊(duì)協(xié)作工具“藍(lán)湖”（LanhuApp.com）十分好用绕辖。：）
7.導(dǎo)師和尋求指導(dǎo)
另一個非常棒的學(xué)習(xí)設(shè)計方法是，尋找一個樂于幫助你的導(dǎo)師或者設(shè)計師朋友擂红，他們會在你設(shè)計的過程中幫助你快速成長仪际。
導(dǎo)師或設(shè)計師朋友會幫助你審查你的作品，并隨時給出他們中肯的建議昵骤，這是一個捷徑树碱。他們也會給你一些從他們的經(jīng)驗(yàn)中總結(jié)出來的技巧和竅門。所以变秦，請持續(xù)保持給他們發(fā)郵件成榜，問問題，和他們討論你遇到的困惑蹦玫。
而且赎婚，在我教設(shè)計和前端的幾年里，我學(xué)到的知識比我教的還要多樱溉。當(dāng)你準(zhǔn)備開始與人談?wù)撛O(shè)計時挣输，你也可以指導(dǎo)或教授別人設(shè)計。你將學(xué)會從不同的角度看問題福贞，并將獲得到一些出乎你意料的反饋或問題撩嚼。
當(dāng)你和別人談?wù)撛O(shè)計的時候，你的大腦會一直處于“頭腦風(fēng)暴”模式挖帘，你會發(fā)現(xiàn)自己對設(shè)計越來越感興趣绢馍。
文章到此結(jié)束，如有疑問可以加入我們的UI交流群(587751709)
