- 這類文章的內(nèi)容往往比較“濕”，理論性比較強(qiáng)，需要時(shí)間慢慢體會(huì)，不是拿來(lái)就能用的東西，因此文章的點(diǎn)擊率往往較低，隨著時(shí)間的推移，很快便淹沒(méi)在了那些新鮮出爐的設(shè)計(jì)干貨之中，而無(wú)法搜索到了。
- 那些真正優(yōu)秀的設(shè)計(jì)師往往都早已過(guò)了初學(xué)者那個(gè)階段，他們也更樂(lè)于分享自己的設(shè)計(jì)觀點(diǎn)或杰出作品，卻很難站在一個(gè)初學(xué)者的角度來(lái)寫如何學(xué)習(xí)設(shè)計(jì)的文章了。
我始終覺(jué)得自己還是一個(gè)有著產(chǎn)品夢(mèng)想的人（自我鼓勵(lì)一下^-^），因此，為了下一次重新啟航行時(shí)，不再重蹈覆轍，我便決定開始自學(xué)UI設(shè)計(jì)。 自學(xué)路上的困擾 我在自學(xué)UI設(shè)計(jì)的道路上，走得并不平坦，有過(guò)很多困擾和挫折。今天想來(lái)，其實(shí)最大的障礙正是源于自身對(duì)于UI設(shè)計(jì)本身的理解不夠全面和深刻所導(dǎo)致的。 概括起來(lái)，主要有以下幾個(gè)發(fā)面：
- 對(duì)于學(xué)習(xí)UI設(shè)計(jì)的困難準(zhǔn)備不足：由于在此之前，一直從事企業(yè)級(jí)應(yīng)用的研發(fā)，因此，那時(shí)在我們的圈子里，設(shè)計(jì)師（我們更多稱為“美工”）屬于非常邊緣的輔助角色。我也想當(dāng)然地覺(jué)得學(xué)習(xí)那些技能對(duì)于我來(lái)說(shuō)是小菜一碟，幾周就能搞定。但實(shí)踐證明，我錯(cuò)了，真正的UI設(shè)計(jì)遠(yuǎn)沒(méi)有想象中那么容易掌握，直到今天，我都不敢說(shuō)自己已經(jīng)掌握了UI設(shè)計(jì)并能稱得上是一個(gè)UI設(shè)計(jì)師。而隨著我對(duì)設(shè)計(jì)本身理解的加深，對(duì)設(shè)計(jì)師的看法也完全轉(zhuǎn)變了，他們不再是我口中的美工，而是一個(gè)能夠左右產(chǎn)品優(yōu)劣，驅(qū)動(dòng)產(chǎn)品研發(fā)的關(guān)鍵角色。
- 認(rèn)為 學(xué)習(xí)UI設(shè)計(jì) = 學(xué)習(xí) PS、AI等工具：當(dāng)決定學(xué)習(xí)UI設(shè)計(jì)后，我便開始在網(wǎng)上搜索如何學(xué)習(xí)UI設(shè)計(jì)，而“度娘”給我的答案便是大量的PS、AI等各種設(shè)計(jì)教程。我也是一路拼命下載，然后不分晝夜地學(xué)習(xí)。不久之后，我確實(shí)能夠按照這些學(xué)習(xí)指南P出一些圖，或是作出幾個(gè)圖標(biāo)來(lái)了，但當(dāng)我嘗試獨(dú)立去做一個(gè)完整的UI設(shè)計(jì)時(shí)，我突然發(fā)現(xiàn)我作出來(lái)的東西與那些我所見過(guò)的優(yōu)秀設(shè)計(jì)仍是天差地別，即使是我完全模仿那些優(yōu)秀作品做的設(shè)計(jì)，仍然感覺(jué)怪怪的，好像哪里出了問(wèn)題，自己又說(shuō)不清楚。這時(shí)，我才意識(shí)到我的學(xué)習(xí)方法可能錯(cuò)了，簡(jiǎn)單地說(shuō)就是撿了芝麻丟了西瓜，雖然掌握了一些設(shè)計(jì)工具技巧，但卻對(duì)真正的設(shè)計(jì)一無(wú)所知。
- 審美能力不足：另一個(gè)我遇到過(guò)的困難便是自身審美能力的不足。其實(shí)我想說(shuō)，這不僅是我一個(gè)人的問(wèn)題，可能也是我們這一代，甚至是幾代人共同的問(wèn)題。由于整個(gè)教育體系對(duì)于學(xué)生在美學(xué)教育上不夠重視，導(dǎo)致我們從小缺少藝術(shù)和美的熏陶，美術(shù)課往往會(huì)被語(yǔ)數(shù)外等主課霸占，從而成為擺設(shè)。由于缺乏對(duì)美的感知和判斷能力，導(dǎo)致我們很難準(zhǔn)確評(píng)判自己作品的優(yōu)劣，更不會(huì)知道如何去改善它。放到更大的角度，我們很難像蘋果那樣設(shè)計(jì)出偉大的產(chǎn)品來(lái)。
- 色彩：需要理解色彩的基本原理以及配色方法。色彩很難把控，因?yàn)樗苋菀妆贿^(guò)度使用。如果，你還是一個(gè)初學(xué)者，那么盡可能使用柔和的色彩，僅在需要強(qiáng)調(diào)的地方使用更醒目的色彩。
- 字體與排版：文字往往占據(jù)整個(gè)設(shè)計(jì)內(nèi)容超過(guò)80%的區(qū)域，所以理解如何使用正確的字體和排版方式非常重要。請(qǐng)將內(nèi)容的清晰易讀作為你定義字體和做排版的首要目標(biāo)。
- 動(dòng)效：動(dòng)效能夠顯著增強(qiáng)一個(gè)應(yīng)用的用戶體驗(yàn)。他們能使你的應(yīng)用更有生氣和迷人，前提是你所設(shè)計(jì)的動(dòng)效快速、流暢，并且是符合用戶預(yù)期的。
- 圖標(biāo)：優(yōu)秀的圖標(biāo)往往與我們每天見到的事物緊密關(guān)聯(lián)，比如 相機(jī)、垃圾桶、云等等，能讓人一眼就識(shí)別出它所代表的功能。因此，使用那些具有良好辨識(shí)度的圖標(biāo)，避免讓用戶產(chǎn)生混淆。
- 聲效：聲效在設(shè)計(jì)中用得很少，但恰如其分的聲效能夠提升用戶體驗(yàn)。用戶不用看到你的應(yīng)用，光聽到一個(gè)熟悉的聲音便能識(shí)別出你的產(chǎn)品來(lái)。
- 獲得設(shè)計(jì)靈感：設(shè)計(jì)靈感不是與生俱來(lái)的，你需要不斷地尋找它。有很多獲得設(shè)計(jì)靈感的方法，下文中我將分享我的一些經(jīng)驗(yàn)。
- 設(shè)計(jì)原則：流行轉(zhuǎn)瞬即逝，但設(shè)計(jì)中最本質(zhì)的東西卻能永恒。設(shè)計(jì)大師們很早就認(rèn)識(shí)到了這些，并將它們提煉為設(shè)計(jì)原則。你要做的是，理解這些設(shè)計(jì)原則，并將它們運(yùn)用到你的設(shè)計(jì)之中。
- 用戶體驗(yàn)設(shè)計(jì)：你需要了解你的用戶，這樣才能設(shè)計(jì)出符合用戶需求的產(chǎn)品。學(xué)習(xí)設(shè)計(jì)心理學(xué)，將有利于你設(shè)計(jì)出更人性化的產(chǎn)品。
- 基于不同平臺(tái)的設(shè)計(jì)：在不同平臺(tái)設(shè)計(jì)產(chǎn)品有很大的差異，你需要了解產(chǎn)品所在的平臺(tái)（如 IOS，Android），并符合它們各自的設(shè)計(jì)規(guī)范。
- 設(shè)計(jì)工具：設(shè)計(jì)工具有很多，對(duì)于UI設(shè)計(jì)，我建議使用Sketch3，因?yàn)樗菍閁I設(shè)計(jì)而生的，能給你帶來(lái)更高的設(shè)計(jì)效率。
2015 Subtraction.com Design Tools Survey – Interface Design 實(shí)踐證明，Sketch的使用確實(shí)給我?guī)?lái)了極大的驚喜。
- 小巧快捷：Sketch只有41M，相較1.6GB的Photoshop來(lái)說(shuō)顯得非常的小巧。因此無(wú)論是安裝，還是啟動(dòng)、運(yùn)行，Sketch都非?？旖?。
- 專為UI設(shè)計(jì)而生：Photoshop是一個(gè)圖片處理工具，它包含了大量圖片處理功能，而這些對(duì)于UI設(shè)計(jì)師來(lái)說(shuō)是多余的，并會(huì)成為UI設(shè)計(jì)師們工作時(shí)的噪音，降低他們的設(shè)計(jì)效率。而Sketch則專注于UI設(shè)計(jì)，它的所有功能都只為UI設(shè)計(jì)服務(wù)，比如：使用統(tǒng)一的計(jì)量單位 Pixel 使你不必關(guān)注其他計(jì)量單位（cm，ml，picas），支持HSB、RGB顏色模型和色板功能，使用Symbol可以將方便的復(fù)用你的設(shè)計(jì)元素，針對(duì)任意設(shè)計(jì)元素或元素組導(dǎo)出不同分辨率的圖片 等等。另外你不用再面對(duì)一個(gè)一半功能都不會(huì)去碰的工具欄，也完全不用去關(guān)心那些與UI設(shè)計(jì)無(wú)關(guān)的東西，這使你更容易學(xué)習(xí)和掌握這個(gè)設(shè)計(jì)工具。
- 強(qiáng)大的插件功能：雖然Sketch的核心非常小，但它卻提供了非常強(qiáng)大的插件功能。針對(duì)不同的設(shè)計(jì)場(chǎng)景，可以使用不同的插件。比如，你可以使用Sketch Palettes保存你的常用色板，并與朋友方便地分享。使用 Magic Mirror 可以將你的設(shè)計(jì)方便地展示到不同的實(shí)體模型（如: iPhone，iPad，書的封面 等等）。也可以使用 Sketch Content Generator 來(lái)批量地產(chǎn)生內(nèi)容，這能為設(shè)計(jì)師節(jié)省大量的時(shí)間。還有像Measure、Dynamic Button、Sketch Constraints 等許多非常優(yōu)秀的插件可以幫助你大大提升工作效率，從而使你更能夠?qū)Ｗ⒂谠O(shè)計(jì)本身。
另外我也會(huì)讀一些網(wǎng)上的優(yōu)秀文章，Designer News 是一個(gè)我獲得高質(zhì)量設(shè)計(jì)文章的優(yōu)秀網(wǎng)站，在這里我可以看到最新的來(lái)自全球設(shè)計(jì)師的優(yōu)秀分享。當(dāng)然，我也在 優(yōu)設(shè)、推酷、Medium 等網(wǎng)站上閱讀那些具有思想性的設(shè)計(jì)文章，并且通過(guò)關(guān)注一些優(yōu)秀的設(shè)計(jì)師，從他們身上學(xué)到了很多經(jīng)驗(yàn)和啟發(fā)，給我學(xué)習(xí)UI設(shè)計(jì)帶來(lái)了極大的幫助。 收集優(yōu)秀設(shè)計(jì) 另一個(gè)獲得靈感的方法是收集優(yōu)秀的設(shè)計(jì)作品。Ember是我用過(guò)的用來(lái)收集設(shè)計(jì)素材的最佳工具。更棒的是它支持訂閱功能，可以從Dribbble這樣的網(wǎng)站自動(dòng)下載設(shè)計(jì)作品，并讓我非常方便地瀏覽和收集。(下圖為我的Ember應(yīng)用截圖) 除了Ember之外，我也使用Pintrest來(lái)收集手機(jī)上看到的優(yōu)秀設(shè)計(jì)，并按照分類添加大我在Pintrest上創(chuàng)建的Board中。(下圖為我的Pintrest主頁(yè)) 擁有工匠精神 你所做的每一件事情，它的背后都可以和藝術(shù)聯(lián)系在一起。只要是付出了努力，精心制作，并能反映出作者情感與靈魂的東西都可以被稱為藝術(shù)品。想一想你平時(shí)喜歡做的事情，閱讀，散步，美食或者看展覽。這其中的每一件都與一種藝術(shù)形式相關(guān)聯(lián)：寫作，環(huán)球旅行，烹飪、攝影。你會(huì)發(fā)現(xiàn)當(dāng)你當(dāng)你不斷完善某一項(xiàng)技能的同時(shí)，其他技能也會(huì)得到加強(qiáng)。對(duì)于設(shè)計(jì)來(lái)說(shuō)，上面提到的 寫作、攝影、旅行等都是對(duì)設(shè)計(jì)能力的很好補(bǔ)充。 最后，希望能夠得到更多朋友的反饋，“喜歡”或是“點(diǎn)評(píng)”，你們的意見能夠幫助我驗(yàn)證自己對(duì)設(shè)計(jì)的理解，并幫助我不斷完善它。
