第五章?談自學(xué)設(shè)計(jì)

　　一、自學(xué)設(shè)計(jì)，你真的入門了嗎？

　　1. 寫給UI設(shè)計(jì)初學(xué)者們

　　幾乎每隔幾天我便能在各類設(shè)計(jì)網(wǎng)站看到關(guān)于自學(xué)UI設(shè)計(jì)的分享文章。這些文章有一個(gè)共同的特點(diǎn)，就是描述作者如何從一個(gè)零基礎(chǔ)的設(shè)計(jì)小白，通過種種途徑，成長為一個(gè)熟練掌握PS或AI的設(shè)計(jì)達(dá)人的，或者是分享了一堆有參考價(jià)值的設(shè)計(jì)類網(wǎng)站或工具等。這些文章的單擊率很高，因?yàn)橥ㄟ^這些初學(xué)者眼中的“干貨”，能夠很容易地進(jìn)行模仿，并得到技能上的快速提升。

　　但我想問的是，這真的是學(xué)習(xí)UI設(shè)計(jì)的正確方式嗎，如果不是，那有沒有一篇能夠正確引領(lǐng)大家學(xué)習(xí)UI設(shè)計(jì)的文章呢？很可惜，我在網(wǎng)上搜了很久，卻沒有找到那篇我認(rèn)為是正確的文章。

　　之所以導(dǎo)致這個(gè)問題，我覺得可能有以下兩個(gè)原因：

　　這類文章的內(nèi)容往往比較“濕”，理論性比較強(qiáng)，需要時(shí)間慢慢體會(huì)，不是拿來就能用的東西，因此文章的單擊率往往較低，隨著時(shí)間的推移，很快便淹沒在了那些新鮮出爐的設(shè)計(jì)干貨之中，而無法搜索到了。

　　那些真正優(yōu)秀的設(shè)計(jì)師往往都早已過了初學(xué)者那個(gè)階段，他們也更樂于分享自己的設(shè)計(jì)觀點(diǎn)或杰出作品，卻很難站在一個(gè)初學(xué)者的角度來寫如何學(xué)習(xí)設(shè)計(jì)的文章了。

　　我也曾和很多設(shè)計(jì)初學(xué)者們一樣在自學(xué)的過程中有過困惑，走過彎路。今天，我仍在不斷地努力學(xué)習(xí)，去嘗試?yán)斫庠O(shè)計(jì)的本質(zhì)與內(nèi)涵。我也希望通過這篇文章，能給那些還在設(shè)計(jì)門外打轉(zhuǎn)，而不得其門而入的學(xué)習(xí)者們一些不同的啟發(fā)。

　　2. 我為什么自學(xué)UI設(shè)計(jì)

　　我之所以自學(xué)UI設(shè)計(jì)，其實(shí)源于一次失敗的創(chuàng)業(yè)實(shí)驗(yàn)。稱它為實(shí)驗(yàn)，是因?yàn)槟遣⒉凰闶且淮握嬲�的�?chuàng)業(yè)，我和我的合伙人并沒有放棄自己的工作，而是利用一些業(yè)余時(shí)間來做一個(gè)以實(shí)習(xí)生為主題的社區(qū)（那時(shí)還是“開心”“人人” 這樣的SNS社交平臺(tái)大行其道的年代）。我那時(shí)是一家500強(qiáng)金融集團(tuán)的應(yīng)用架構(gòu)師，因此，便當(dāng)仁不讓地承擔(dān)起了我們這個(gè)團(tuán)隊(duì)中程序員的角色，負(fù)責(zé)完成了整個(gè)平臺(tái)的架構(gòu)及開發(fā)工作。但始終困擾我們的是找不到一名優(yōu)秀的UI設(shè)計(jì)師，能夠把這個(gè)平臺(tái)推到一個(gè)產(chǎn)品的高度。我們也曾經(jīng)通過朋友介紹或在淘寶上尋找，合作過幾位設(shè)計(jì)師，但由于種種原因（技能問題、理念問題、投入度問題等）都無法達(dá)到我們的要求，*后也都不歡而散了。當(dāng)然，我們的這次創(chuàng)業(yè)也*終以失敗而告終。現(xiàn)在回想起來，失敗的原因有很多，但缺少一名優(yōu)秀的UI設(shè)計(jì)師，導(dǎo)致我們的產(chǎn)品遲遲不能推向市場，是這次失敗的一個(gè)非常重要的原因。

　　我始終覺得自己還是一個(gè)有著產(chǎn)品夢(mèng)想的人（自我鼓勵(lì)一下），因此，為了下一次重新啟航行時(shí)，不再重蹈覆轍，我便決定開始自學(xué)UI設(shè)計(jì)。

　　3. 自學(xué)路上的困擾

　　我在自學(xué)UI設(shè)計(jì)的道路上，走得并不平坦，遇到過很多困擾和挫折。今天想來，其實(shí)*大的障礙正是源于自身對(duì)于UI設(shè)計(jì)本身的理解不夠全面和深刻。

　　概括起來，主要包括以下幾個(gè)方面：

　　對(duì)于學(xué)習(xí)UI設(shè)計(jì)的困難準(zhǔn)備不足：由于在此之前，我一直從事企業(yè)級(jí)應(yīng)用的研發(fā)，因此，那時(shí)在我們的圈子里，設(shè)計(jì)師（我們更多稱為“美工”）屬于非常邊緣的輔助角色。我也想當(dāng)然地覺得學(xué)習(xí)那些技能對(duì)于我來說是小菜一碟，幾周就能搞定。但實(shí)踐證明，我錯(cuò)了，真正的UI設(shè)計(jì)遠(yuǎn)沒有想象中的那么容易掌握，直到今天，我都不敢說自己已經(jīng)掌握了UI設(shè)計(jì)并能稱得上是一名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)來了，但當(dāng)我嘗試獨(dú)立去做一個(gè)完整的UI設(shè)計(jì)時(shí)，卻發(fā)現(xiàn)自己做出來的東西與那些我所見過的優(yōu)秀設(shè)計(jì)仍有著天壤之別，即使是我完全模仿那些優(yōu)秀作品所做的設(shè)計(jì)，仍然感覺怪怪的，好像哪里出了問題，自己又說不清楚。這時(shí)，我才意識(shí)到我的學(xué)習(xí)方法可能錯(cuò)了，簡單地說，就是撿了芝麻丟了西瓜，雖然掌握了一些設(shè)計(jì)工具技巧，但對(duì)真正的設(shè)計(jì)卻一無所知。

　　審美能力不足：我遇到過的另一個(gè)困難便是自身審美能力不足。其實(shí)我想說，這不僅是我一個(gè)人的問題，可能也是我們這一代，甚至是幾代人共同的問題。由于整個(gè)教育體系對(duì)于學(xué)生在美學(xué)教育上不夠重視，導(dǎo)致我們從小就缺少藝術(shù)和美的熏陶，美術(shù)課常常會(huì)被語數(shù)外等主課霸占而成了擺設(shè)。由于缺乏對(duì)美的感知和判斷能力，導(dǎo)致我們很難準(zhǔn)確評(píng)判自己作品的優(yōu)劣，更不會(huì)知道如何去改善它。放到更大的角度，我們很難像蘋果那樣設(shè)計(jì)出偉大的產(chǎn)品來。

　　4. 重新認(rèn)識(shí)UI設(shè)計(jì)

　　在意識(shí)到學(xué)習(xí)方法的錯(cuò)誤之后，我便再次尋求了“度娘”的幫助，但這一次我要找的是那些優(yōu)秀設(shè)計(jì)師們自己對(duì)于設(shè)計(jì)的感悟、設(shè)計(jì)心得、推薦閱讀的設(shè)計(jì)類書籍等。我也放下了手中的PS、AI，靜下心來進(jìn)行了大量的閱讀。通過這些閱讀，我也漸漸了解并重新認(rèn)識(shí)了UI設(shè)計(jì)。

　　經(jīng)過對(duì)設(shè)計(jì)知識(shí)的重新梳理，我將所需要掌握的基本設(shè)計(jì)技能歸納為以下10點(diǎn)。

　　色彩：需要理解色彩的基本原理及配色方法。色彩很難把控，因?yàn)樗�很容易被過度使用。如果你還是一個(gè)初學(xué)者，那么應(yīng)盡可能地使用柔和的色彩，僅在需要強(qiáng)調(diào)的地方使用更醒目的色彩。

　　字體與排版：文字往往占據(jù)整個(gè)設(shè)計(jì)內(nèi)容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í)別出它所代表的功能。因此，應(yīng)使用那些具有良好辨識(shí)度的圖標(biāo)，避免讓用戶產(chǎn)生混淆。

　　聲效：聲效在設(shè)計(jì)中用得很少，但恰如其分的聲效能夠提升用戶體驗(yàn)。用戶不用看到你的應(yīng)用，僅聽到一個(gè)熟悉的聲音便能識(shí)別出你的產(chǎn)品來。

　　獲得設(shè)計(jì)靈感：設(shè)計(jì)靈感不是與生俱來的，你需要不斷地尋找它。有很多獲得設(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ì)，我建議使用Sketch 3，因?yàn)樗�是專為UI設(shè)計(jì)而生的，能給你帶來更高的設(shè)計(jì)效率。

　　5. 改變?cè)O(shè)計(jì)工具

　　自從我改變學(xué)習(xí)UI的方法之后，一直到今天，我每天都會(huì)堅(jiān)持閱讀 Designer News（https://www.designernews.co/） 上的每日推薦文章，它能讓我了解國外優(yōu)秀的設(shè)計(jì)師門都在想些什么或做些什么。在這之中，給我?guī)�來�?大改變便是我放棄了原來使用的 Photoshop，而開始使用Sketch來進(jìn)行UI設(shè)計(jì)。因?yàn)槲殷@訝地發(fā)現(xiàn)越來越多的國外設(shè)計(jì)師，特別是在初創(chuàng)公司的設(shè)計(jì)師們開始使用Sketch作為他們的設(shè)計(jì)工具。

　　下圖為2015年 Substraction.com（http://tools.subtraction.com/interface-design. html）對(duì)4000名來自不同領(lǐng)域的UI設(shè)計(jì)師進(jìn)行問卷調(diào)查后得到的UI設(shè)計(jì)工具使用情況，Sketch已經(jīng)大幅超越Photoshop成為設(shè)計(jì)師們首選的UI設(shè)計(jì)工具。

　　實(shí)踐證明，使用Sketch確實(shí)給我?guī)�來了極大的驚喜。

　　小巧快捷：Sketch只有41M，相較于1.6GB的Photoshop來說顯得非常小巧。因此，無論是安裝，還是啟動(dòng)、運(yùn)行，Sketch都非�？旖荨�

　　專為UI設(shè)計(jì)而生：Photoshop是一個(gè)圖片處理工具，它包含了大量的圖片處理功能，但這些對(duì)于UI設(shè)計(jì)師來說是多余的，并會(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ì)無關(guān)的東西，這使你更容易學(xué)習(xí)和掌握這個(gè)設(shè)計(jì)工具。

　　強(qiáng)大的插件功能 ：雖然Sketch的核心非常小，但它卻提供了非常強(qiáng)大的插件功能。針對(duì)不同的設(shè)計(jì)場景，可以使用不同的插件。比如，你可以使用Sketch Palettes保存你的常用色板，并與朋友方便地分享；使用 Magic Mirror 可以將你的設(shè)計(jì)方便地展示到不同的實(shí)體模型（如iPhone、iPad、書的封面等）；也可以使用 Sketch Content Generator 來批量地產(chǎn)生內(nèi)容，這能為設(shè)計(jì)師節(jié)省大量的時(shí)間。此外，還有像Measure、Dynamic Button、Sketch Constraints 等許多非常優(yōu)秀的插件都可以幫助你大大提升工作效率，從而使你更能夠?qū)Ｗ⒂谠O(shè)計(jì)本身。

　　以上只是Sketch所具有的眾多優(yōu)秀特性中的一小部分，網(wǎng)上已經(jīng)有很多關(guān)于Sketch的設(shè)計(jì)教程和指南，你能通過這些資料，快速地學(xué)習(xí)并掌握Sketch。我正看到越來越多的如Sketch、Affinity Designer、Affinity Photo 等創(chuàng)新工具對(duì)設(shè)計(jì)工具領(lǐng)域帶來的變革，它們不再追求大而全，而更注重于以*簡潔、高效的方式服務(wù)于不同的設(shè)計(jì)目的。這也正是互聯(lián)網(wǎng)思維在設(shè)計(jì)工具領(lǐng)域的一個(gè)體現(xiàn)。因此，如果你是一個(gè)UI設(shè)計(jì)初學(xué)者，或者已經(jīng)是一名UI設(shè)計(jì)師并正在使用PS、AI等工具，那么我都建議你嘗試使用Sketch，因?yàn)樗�是一個(gè)能給你帶來巨大改變并代表著未來的優(yōu)秀設(shè)計(jì)工具。

　　6. 尋找設(shè)計(jì)靈感

　　對(duì)于設(shè)計(jì)初學(xué)者來說，經(jīng)常會(huì)為找不到設(shè)計(jì)靈感而苦惱。而我想說的是，靈感不是與生俱來的，它需要你去不斷地尋找。如果沒有靈感，你將永遠(yuǎn)不能開始，更別說去完成一個(gè)設(shè)計(jì)了。下面是我使用的一些方法。

　�。�1）閱讀

　　我沒有上過任何設(shè)計(jì)學(xué)�；蚺嘤�(xùn)班，因此我的大部分設(shè)計(jì)知識(shí)都是從閱讀中獲得的。我?guī)缀醪蛔x那些30天速成系列的書或關(guān)于設(shè)計(jì)趨勢的文章，因?yàn)槲抑�道技術(shù)的變化是非�？斓�，正如我現(xiàn)在完全使用Sketch來做設(shè)計(jì)，而不用PS一樣。我更關(guān)注設(shè)計(jì)的本質(zhì)，書是獲得這方面知識(shí)的很好途徑。

　　我閱讀那些對(duì)設(shè)計(jì)有著深刻思想的人物傳記，如《斯蒂夫·喬布斯傳》，與設(shè)計(jì)相關(guān)的心理學(xué)書籍，如《設(shè)計(jì)心理學(xué)》，與色彩相關(guān)的書籍，如《色彩設(shè)計(jì)》，與字體相關(guān)的書籍，如《設(shè)計(jì)師的自我修養(yǎng)》等。也正是通過這些書籍，讓我逐步理解了設(shè)計(jì)的內(nèi)涵，從而讓我徹底走出了之前學(xué)習(xí)設(shè)計(jì)時(shí)的誤區(qū)。

　　另外，我也會(huì)讀一些網(wǎng)上的優(yōu)秀文章，Designer News（https://www.designernews.co/） 是一個(gè)使我獲得高質(zhì)量設(shè)計(jì)文章的優(yōu)秀網(wǎng)站，在這里我可以看到*新的來自全球設(shè)計(jì)師的優(yōu)秀分享。當(dāng)然，我也在優(yōu)設(shè)（http://www.uisdc.com/）、推酷（http://www.tuicool.com/）、Medium（https://medium.com/） 等網(wǎng)站上閱讀那些具有思想性的設(shè)計(jì)文章，并且通過關(guān)注一些優(yōu)秀的設(shè)計(jì)師，從他們身上學(xué)到了很多經(jīng)驗(yàn)和啟發(fā)，給我學(xué)習(xí)UI設(shè)計(jì)帶來了極大的幫助。

　　（2）收集優(yōu)秀設(shè)計(jì)

　　另一個(gè)獲得靈感的方法是收集優(yōu)秀的設(shè)計(jì)作品。Ember是我用過的用來收集設(shè)計(jì)素材的*佳工具。更棒的是它支持訂閱功能，可以從Dribbble這樣的網(wǎng)站自動(dòng)下載設(shè)計(jì)作品，可讓我非常方便地瀏覽和收集。（下圖為我的Ember應(yīng)用截圖）

　　除了Ember之外，我也使用Pintrest（https://www.pinterest.com/）來收集手機(jī)上看到的優(yōu)秀設(shè)計(jì)，并分類添加到我在Pintrest上創(chuàng)建的Board中。（下圖為我的Pintrest主頁（https://www.pinterest.com/techmask/））

　�。�3）擁有工匠精神

　　你所做的每一件事情，它的背后都可以和藝術(shù)聯(lián)系在一起。只要是付出了努力，精心制作，并能反映出作者情感與靈魂的東西都可以稱為藝術(shù)品。想一想你平時(shí)喜歡做的事情，閱讀、散步、享用美食或者看展覽。這其中的每一件都與一種藝術(shù)形式相關(guān)聯(lián)：寫作、環(huán)球旅行、烹飪、攝影。你會(huì)發(fā)現(xiàn)當(dāng)你不斷完善某一項(xiàng)技能的同時(shí)，其他技能也會(huì)得到加強(qiáng)。對(duì)于設(shè)計(jì)來說，上面提到的寫作、攝影、旅行等都是對(duì)設(shè)計(jì)能力的很好補(bǔ)充。

　　二、那些永恒的設(shè)計(jì)原則

　　很多人都在尋找那些能夠幫助他們快速提升設(shè)計(jì)能力的方法，但你是否想過，哪些方面會(huì)對(duì)你的設(shè)計(jì)產(chǎn)生影響呢？是使用工具的技巧，對(duì)設(shè)計(jì)的理解和態(tài)度，還是你的生活習(xí)慣呢？我想說所有這些都是決定你的設(shè)計(jì)是否優(yōu)秀的因素，而在這之中，對(duì)設(shè)計(jì)本身的理解顯得尤為重要。在這篇文章里，我希望通過那些經(jīng)典的設(shè)計(jì)原則和設(shè)計(jì)領(lǐng)域內(nèi)的一些*佳實(shí)踐，來嘗試啟發(fā)你對(duì)設(shè)計(jì)本質(zhì)的理解與認(rèn)識(shí)。

　　1. 什么是設(shè)計(jì)，什么才是優(yōu)秀的設(shè)計(jì)

　　設(shè)計(jì)正在被不斷地細(xì)分并滲透到各行各業(yè)，我所知道的設(shè)計(jì)師分類就包括：工業(yè)設(shè)計(jì)、圖形設(shè)計(jì)、UI設(shè)計(jì)、UX設(shè)計(jì)，等等。那么到底什么是設(shè)計(jì)，我們又為什么要設(shè)計(jì)呢？其實(shí)，對(duì)于所有類別的設(shè)計(jì)，其*終目的都是相似的，那就是去解決一個(gè)特定的問題。設(shè)計(jì)應(yīng)源于對(duì)問題本身的思考，并做出能夠解決問題的相應(yīng)設(shè)計(jì)。切忌為了設(shè)計(jì)而設(shè)計(jì)，在你動(dòng)手畫草圖或原型前，先嘗試問問自己對(duì)要解決的問題是否已經(jīng)清楚了，你又打算用什么方式去解決它呢？

　　什么才是優(yōu)秀的設(shè)計(jì)呢？這是一個(gè)更難回答的問題，可以說它既有標(biāo)準(zhǔn)又沒有標(biāo)準(zhǔn)。我所見到的那些優(yōu)秀設(shè)計(jì)絕不是那些包含了高超設(shè)計(jì)技巧的作品， 它們的優(yōu)秀之處反而在于設(shè)計(jì)本身的成熟度上。想一想，就在幾年之前，我們手機(jī)上還充滿了那些擬物化的圖標(biāo)，而今天無論是蘋果還是安卓，都在使用更簡單、清晰、扁平的圖標(biāo)。雖然說是蘋果引領(lǐng)了這樣一種設(shè)計(jì)風(fēng)格的改變，但這恰恰是設(shè)計(jì)成熟度提高的一種表現(xiàn)。

　　2. 盡可能少設(shè)計(jì)

　　說到設(shè)計(jì)的成熟度，就不得不提Dieter Rams，他是德國著名的工業(yè)設(shè)計(jì)師，為德國家電制造商博朗（Braun）設(shè)計(jì)出很多非常優(yōu)秀的產(chǎn)品，而他的很多設(shè)計(jì)更是被蘋果拿來模仿。

　　Dieter Rams所提出的 10條優(yōu)秀設(shè)計(jì)原則 （https://www.vitsoe.com/rw/about/good-design）更是被推崇為設(shè)計(jì)領(lǐng)域的黃金法則。作為一代設(shè)計(jì)巨匠，他的成就如此杰出，而他所倡導(dǎo)的這些設(shè)計(jì)原則，即使在30年后的今天，仍然能在設(shè)計(jì)界產(chǎn)生強(qiáng)烈地共鳴。

　　在這10條設(shè)計(jì)原則中的*后一條“優(yōu)秀的設(shè)計(jì)是盡可能少設(shè)計(jì)”更是發(fā)人深省。一些設(shè)計(jì)初學(xué)者們的設(shè)計(jì)作品就像是由很多設(shè)計(jì)元素堆砌而成的，整個(gè)設(shè)計(jì)作品違反了上面這些設(shè)計(jì)原則中的一條，甚至幾條，*終成為一個(gè)失敗的設(shè)計(jì)。你在做設(shè)計(jì)的過程中，不妨不斷地對(duì)照Dieter Rams的這10條設(shè)計(jì)原則，去思考和修正自己的設(shè)計(jì)。另外，你也需要牢牢記住少即是多的道理。

　　3. “這樣就好”與Redesign

　　我曾讀過幾本日本知名設(shè)計(jì)師的書，比如，《設(shè)計(jì)中的設(shè)計(jì)》《設(shè)計(jì)的覺醒》，《為什么設(shè)計(jì)》等，從中深深體會(huì)到日本這幾代設(shè)計(jì)師在對(duì)日本的文化、環(huán)境、人文等各方面因素進(jìn)行全面觀察，以及對(duì)設(shè)計(jì)做出深刻反思后，得到的那些適合現(xiàn)代日本、亞洲甚至整個(gè)世界的優(yōu)秀設(shè)計(jì)思想。其中，原研哉（日本平面造型設(shè)計(jì)大師）在很多場合都提到了“這樣就好”的設(shè)計(jì)理念——去掉不必要的修飾，更加注重產(chǎn)品的功能、內(nèi)容，以及給人帶去的感受。他將這一理念體現(xiàn)在了他所主導(dǎo)的時(shí)尚生活品牌“無印良品”的產(chǎn)品設(shè)計(jì)之中，受到了年輕一代極大的歡迎。

　　設(shè)計(jì)初學(xué)者們也應(yīng)仔細(xì)體會(huì)“這樣就好”的設(shè)計(jì)理念，并通過不斷地實(shí)踐去達(dá)到它。而一種*為行之有效的方法便是Redesign——重新設(shè)計(jì)（無印良品的很多產(chǎn)品都是通過不斷進(jìn)行Redesign進(jìn)化而來的，為此，無印良品還專門舉辦了以Redesign為主題的展覽與設(shè)計(jì)比賽）。對(duì)原有（舊的）設(shè)計(jì)進(jìn)行Redesign是產(chǎn)生設(shè)計(jì)變革的一種有效方式。

　　對(duì)于UI設(shè)計(jì)來說，我同樣能在Dribbble上看到很多Redesign的作品（大多是針對(duì)那些知名網(wǎng)站或APP的）。Redesign對(duì)于那些沒有明確設(shè)計(jì)目標(biāo)的初學(xué)者來說是一種非常好的實(shí)踐方式，你不僅能通過它提升自己的設(shè)計(jì)能力，而且在提交你的作品之后，還能獲得很多其他設(shè)計(jì)師的點(diǎn)評(píng)和建議，從中你能了解自己設(shè)計(jì)中存在的問題，并快速獲得提高。

　　另外，我還想強(qiáng)調(diào)的一點(diǎn)是Redesign不應(yīng)僅僅針對(duì)設(shè)計(jì)本身（比如，換一種顏色，加一些動(dòng)效等），而更應(yīng)從產(chǎn)品的功能、環(huán)境的匹配度、給使用者的感受等更深層次的方面進(jìn)行思考。其實(shí)，Redesign體現(xiàn)的是一種深入反思的過程，相信當(dāng)你能夠?qū)⑺�有這些問題都想清楚時(shí)，也就已經(jīng)完成了設(shè)計(jì)的一大半工作了。

　　4. 遵循設(shè)計(jì)的*佳實(shí)踐

　　我沒有上過任何設(shè)計(jì)學(xué)校，使用Photoshop等工具的水平更是糟糕，但這并不妨礙我做出一個(gè)還算不錯(cuò)的設(shè)計(jì)，因?yàn)槲視?huì)在設(shè)計(jì)中盡可能地參照那些設(shè)計(jì)中的*佳實(shí)踐。在你的能力還沒達(dá)到打破那些設(shè)計(jì)準(zhǔn)則去進(jìn)行創(chuàng)新并形成自己鮮明的風(fēng)格之前，不妨也像我一樣遵循那些設(shè)計(jì)的*佳實(shí)踐，因?yàn)樗鼈兺�往是有效的�?

　�。�1）神奇的數(shù)字3

　　你可能已經(jīng)發(fā)現(xiàn)了，在你所看到的許多事物中都包含一個(gè)神奇的數(shù)字3，比如，大量使用3種顏色配色的網(wǎng)站，斯蒂夫·喬布斯在介紹Apple產(chǎn)品時(shí)*多描述產(chǎn)品的3個(gè)主要特性（比如 iPhone）。其實(shí)，這背后是有原因的：人的大腦一次同時(shí)*容易記住3件事情。就像我們記電話號(hào)碼時(shí)，總是將它分為3個(gè)數(shù)字一組進(jìn)行記憶。另外，3所構(gòu)成的形狀也*穩(wěn)定，*容易讓人產(chǎn)生美感。因此，在你對(duì)一些設(shè)計(jì)中的數(shù)字無法確定時(shí)，就使用3這個(gè)數(shù)吧。

　�。�2）使用網(wǎng)格來確立秩序

　　人們?cè)跒g覽或閱讀一個(gè)頁面時(shí)，都會(huì)下意識(shí)地去尋找它的規(guī)律，以便更好地識(shí)別內(nèi)容。優(yōu)秀的設(shè)計(jì)往往能夠幫助人們建立這種秩序，方便人們獲取想要的內(nèi)容，而那些不佳的設(shè)計(jì)則往往會(huì)加重人們閱讀的負(fù)擔(dān)，*終讓你的用戶早早地離你而去。

　　使用網(wǎng)格進(jìn)行設(shè)計(jì)是建立秩序的*有效途徑。設(shè)計(jì)初學(xué)者們都可以從使用網(wǎng)格開始，因?yàn)樗�能幫助你做出統(tǒng)一且和諧的設(shè)計(jì)來。我讀過的一本不錯(cuò)的關(guān)于網(wǎng)格應(yīng)用的小冊(cè)子《秩序之美》，它是由網(wǎng)格的發(fā)明者，紐約時(shí)報(bào)網(wǎng)站的資深設(shè)計(jì)師Knoi Vinh編寫的，對(duì)于學(xué)習(xí)和使用網(wǎng)格進(jìn)行設(shè)計(jì)很有幫助。

　�。�3）用肉眼來判斷平衡

　　平衡是另一個(gè)非常重要的設(shè)計(jì)原則，對(duì)于相同的設(shè)計(jì)元素，我們很容易使用對(duì)稱的方法來處理平衡。但是，對(duì)于那些在形狀、大小、顏色方面都存在差異的元素，我們又應(yīng)該如何處理這種平衡呢？很多人會(huì)使用標(biāo)尺來確保元素間的大小和位置一致，但你還必須用你的肉眼去驗(yàn)證并進(jìn)行必要的調(diào)整。因?yàn)槠胶獠粌H取決于物體的大小，更與它們的形狀、顏色、背景等因素有關(guān)，相信自己的眼睛和感覺去調(diào)整你的設(shè)計(jì)，使它*終達(dá)到整體的平衡。

　�。�4）應(yīng)用黃金比例

　　使用網(wǎng)格可以幫助我們將元素對(duì)齊，但我們又應(yīng)該如何確認(rèn)布局中欄位劃分的比例，或者在我們確認(rèn)了一些設(shè)計(jì)元素的寬度之后如何去決定它們的高度呢？這時(shí)，往往可以用到黃金比例——1.618。

　　如果你使用的是960Grid這種960px寬的網(wǎng)格系統(tǒng)，并且你希望分出兩欄布局時(shí)，就可以使用960/1.618=593，593px的位置就是黃金分割點(diǎn)。因此，對(duì)兩欄的網(wǎng)頁布局，將左邊欄寬度設(shè)為593px，將右邊欄寬度設(shè)為367px（960-593）就可以了。同樣當(dāng)你確定了一張圖片的寬度為600px時(shí)，采用黃金比例，它的高度就可以設(shè)為370px左右。

　　當(dāng)然黃金分割比例只是在設(shè)計(jì)上的一個(gè)指導(dǎo)，如果你可以打破這個(gè)規(guī)則又能保證整個(gè)設(shè)計(jì)自然平衡也是可以的。作為一個(gè)通常的規(guī)則，經(jīng)常把黃金比例用5∶3來代替，雖然不是非常精確，但是能更直觀和方便地在設(shè)計(jì)中使用。

　�。�5）恰到好處的強(qiáng)調(diào)與對(duì)比

　　通過強(qiáng)調(diào)可以引導(dǎo)用戶去使用產(chǎn)品的某些功能，比如：用戶注冊(cè)按鈕、產(chǎn)品的購買按鈕，等等。但初學(xué)者往往會(huì)在運(yùn)用強(qiáng)調(diào)這種方法時(shí)，出現(xiàn)一些常見的問題：

　　在同一個(gè)頁面中過多地運(yùn)用強(qiáng)調(diào)。

　　不分主次的強(qiáng)調(diào)。

　　……