有一位平面設計師在一篇博文中談到了對設計流程的一些看法和經(jīng)驗，我覺(jué)得這些都是非常棒的經(jīng)驗，無(wú)論對于誰(shuí)都是很有幫助的。同時(shí)也希望在將來(lái)的項目中，能更好的應用這些原則。
1、把想法首先畫(huà)在紙上
這不需要太多的解釋?zhuān)偟乾F在很多的設計師都是直接打開(kāi)Photoshop CS6就開(kāi)始做項目，很少去先想一個(gè)根本的問(wèn)題：你的設計需要解決的是一個(gè)什么問(wèn)題？設計是一個(gè)解決問(wèn)題的過(guò)程，這些問(wèn)題不是簡(jiǎn)單通過(guò)一些比如加個(gè)漸變或者陰影這樣的技術(shù)活來(lái)得到解決的，我們要先考慮的是版式(Layout)，以及一個(gè)清晰的視覺(jué)等級系統(Visual Hierarchy)，我們也需要構思內容如何出現在版式上，以及他們實(shí)現了什么功能。這些都遠不是加個(gè)陰影效果那么簡(jiǎn)單。
2. 從最高層次的框架(Framework)開(kāi)始繪制
當委托人讓我創(chuàng )造一種“感覺(jué)”和一個(gè)“特殊效果”的時(shí)候，白居易和孟浩然我會(huì )首先構思解決所有一切設計問(wèn)題的最高層的框架，這個(gè)框架是一個(gè)用戶(hù)一步一步使用這個(gè)產(chǎn)品的步驟，以及所有網(wǎng)站內容的整體計劃，這個(gè)框架規定了內容周邊的用戶(hù)界面，這些元素如何幫助實(shí)現用戶(hù)行為選擇，瀏覽者如何理解和在其中導航等等。
021yin.com /tupian/meifa.html
3. 用Photoshop的時(shí)候一定加上網(wǎng)格(Grid)
聽(tīng)起來(lái)倒是挺簡(jiǎn)單的。所有的Photoshop 項目你都要一個(gè)網(wǎng)格線(xiàn)作為參考，沒(méi)有任何借口你要把這一步省略掉。如果你不加這個(gè)網(wǎng)格，我可以保證在某種程度上你的設計看上去都不會(huì )太好。
網(wǎng)格能幫助你在不同的部分實(shí)現整體版式清晰的結構，也可以為你提供不同的屏幕尺寸的要求參考，來(lái)實(shí)現可以跨屏幕尺寸的響應式設計，對于白空間大小和間距等很多細節也能做到一致和持續。
4. 選擇你的字體
探索不同的字體和顏色也是一個(gè)項目開(kāi)始前需要透徹研究和思考的方面，我建議你在一個(gè)網(wǎng)站設計項目中不要使用超過(guò)兩個(gè)不同的字體，但這也不是絕對的。選擇一個(gè)在大段的文字里也非常容易讀的字體，在標題和一個(gè)希望用戶(hù)去點(diǎn)擊的主要按鈕上用一些有風(fēng)格和變化的另外一個(gè)字體。大膽去用一些大的字號，總之，大膽去嘗試和突破，但一定保持連貫和一致性。
5. 選擇你的色彩
你需要決定一套你會(huì )用到的所有色彩組合，比如用戶(hù)界面，背景，文字等等。這個(gè)組合應該簡(jiǎn)練并在色調上互補而和諧，不要太多色彩。
色彩在設計過(guò)程中保持一致性很重要，特別是在考慮一個(gè)元素的功能性方面，思考一些Facebook，Twitter，Quora和Vimeo的界面，除了用戶(hù)界面，其他的部分都沒(méi)有太多色彩的限制，但內容并沒(méi)有影響對用戶(hù)界面每個(gè)部分的功能的理解。
6. 解構你的版式
你的網(wǎng)站的每個(gè)部分都應該是講一個(gè)故事，它需要一個(gè)存在的原因并且能為用戶(hù)產(chǎn)生結果和價(jià)值。版式應該能讓內容突出，讓讀者能夠最快獲取到故事中最重要的東西。實(shí)際上，所有的元素最后都回答一個(gè)問(wèn)題，“我在這里可以做些什么”。
考慮最簡(jiǎn)單的版式，最簡(jiǎn)單的目標，然后再往里加入必須的元素，最后你才會(huì )意識到，保持簡(jiǎn)單其實(shí)是一件很難的事。
7. 重新考慮現有的方案
作為一個(gè)設計師，我們決定用戶(hù)如何消費互聯(lián)網(wǎng)的內容，我們能夠決定所有用戶(hù)需要的點(diǎn)擊，以及我們網(wǎng)頁(yè)的效率。設計模版和傳統習慣慢慢形成，大家都遵循一定的規則去設計，沒(méi)有多少人去花時(shí)間仔細琢磨和思考這些長(cháng)期形成的規則。有時(shí)候，去想象那些互動(dòng)元素，看一下我們可以改變的地方，會(huì )頗有益處。
8. 挑戰你自己
我鼓勵每一個(gè)設計師在每一個(gè)項目都去去挑戰自己。創(chuàng )新并不總是每一個(gè)項目都需要的，但是我們可以去追求。這些創(chuàng )新可以是嘗試一個(gè)新的網(wǎng)格系統，創(chuàng )造一個(gè)新的元素，或者小到用一個(gè)特定的顏色，避免漸入效果等等。
9. 注重細節
太多人談?wù)撽P(guān)于“細節”，這些東西在最重產(chǎn)品里總是會(huì )很顯眼。取決于項目的“概念”，有很多方式我們能夠感受到設計師在其中注入的“愛(ài)”。
這些可以是一個(gè)很小的互動(dòng)，一個(gè)出其不意的動(dòng)畫(huà)，或者是一些微不足道的細節，一個(gè)按鈕的漸變，背景的一個(gè)框等等。總之，這些細節是讓別人感受到你是不是愛(ài)你所做的地方。
10. 把每一個(gè)元素都呈現為設計比賽
我不得不承認，這則建議并不是出自我自己，我之前就聽(tīng)說(shuō)過(guò)，但很吃驚，這一條原則有多么清晰和準確。每一個(gè)元素都需要被設計，當我們把它拿出來(lái)單獨放著(zhù)的時(shí)候，它是最棒的狀態(tài)。有些時(shí)候，設計師會(huì )忽略一個(gè)網(wǎng)頁(yè)的一些部分，最后不得不草草了事。
11. 銳化你的設計，讓邊緣清晰
如果你想要你的作品顯得干凈和舒服，你要考慮去銳化一些細節，比如漸變里的線(xiàn)條，模糊的邊緣，字體的輸出效果（一些字體取決于最佳的尺寸需要特定的輸出模式），和背景融合有問(wèn)題的描邊，等等。
這些只是一些常見(jiàn)的例子，這樣的東西很多，所以整體看看你的設計，看看是不是所有的細節都很好，每一個(gè)部分都值得拿出來(lái)單獨監視。
12. 把你的PSD文件清理干凈
如果你用Photoshop做你的設計，這是很重要的一條。取決于項目大小，和參與的設計師數量，你需要保證你的文件井井有條。這會(huì )讓設計流程很流暢，也讓其他協(xié)作的設計師更好理解你的文件，并開(kāi)始工作。
13. 設計最棒的情況，但準備最糟糕的
作為設計師，我們的工作是突破限制，解決問(wèn)題。在網(wǎng)頁(yè)設計方面，這些限制包括概念上的，也包括技術(shù)上的和內容上的。
我們設計的產(chǎn)品不光要在最理想的情況下工作，也需要考慮最壞的打算，比如用戶(hù)可能用的是一個(gè)極小的設備，在沒(méi)有太多內容的時(shí)候打開(kāi)了頁(yè)面，這樣頁(yè)面可能看上去糟糕透了。所以我強烈建議在展示我們工作的時(shí)候，最后能夠創(chuàng )建一個(gè)最棒情況，我們可能要放足夠多的文字進(jìn)去，在最理想的瀏覽器里面觀(guān)看。
14. 對設計極度著(zhù)迷，直到你都有點(diǎn)膩了
如果你對設計充滿(mǎn)熱情，我很確定你已經(jīng)這樣做了。我設計一個(gè)東西的時(shí)候，它會(huì )成為我人生的一部分，我不斷在不同設備測試，把它的截圖做成我的電腦桌面，甚至打印出來(lái)貼在墻上。
在這個(gè)過(guò)程中，我一直做到我看到這個(gè)東西就覺(jué)得膩了，甚至都有點(diǎn)討厭它。我開(kāi)始看到它不是那么好的一面，最后我決定要改變一些東西。對之前作品的否認是一種成長(cháng)，這意味著(zhù)你從自己的錯誤中學(xué)到了新的東西。
15. 在和客戶(hù)溝通前，避免在一個(gè)概念上花太多的時(shí)間
當你和客戶(hù)展示一個(gè)互動(dòng)概念，或是一個(gè)設計的“外觀(guān)和感覺(jué)”時(shí)，你需要保證你的客戶(hù)和你是在同一個(gè)步調。如果你的客戶(hù)同意了，你可以松一口氣，開(kāi)始下一步工作。當如果客戶(hù)不那么滿(mǎn)意，你需要花費更多功夫去收集反饋，然后提出第二個(gè)方案。
16. 成為你的開(kāi)發(fā)人員的最好朋友
開(kāi)發(fā)人員也是充滿(mǎn)了創(chuàng )造力，他們和你一樣，熱愛(ài)并在乎他們的工作，但他們卻不是從頭到尾參與整個(gè)項目，很多情況下，一個(gè)概念確定了，創(chuàng )意設計部分完成了，才會(huì )傳到開(kāi)發(fā)人員手中。這個(gè)流程本身就有問(wèn)題，開(kāi)發(fā)人員很多時(shí)候可以給出非常好，非常有創(chuàng )意的見(jiàn)解，所以保證你在項目開(kāi)始的時(shí)候就能夠和他們組成團隊，和他們分享你的想法和概念，讓他們也能提出他們的看法。
17. 項目展示：把我當作一個(gè)四歲小孩一樣地解釋給我聽(tīng)
項目展示的重要性不亞于偉大的作品本身。如果展示不得當，你最棒的設計可能被忽視。你需要記住的是，那些對你來(lái)說(shuō)非常顯而易見(jiàn)的常理對其他第一次接觸這些東西的人其實(shí)并不熟悉，你需要花點(diǎn)功夫解釋很多很基礎的東西。
18. 你可以愛(ài)你的每一個(gè)好點(diǎn)子，但不要抱著(zhù)它們不放
有時(shí)候你需要很明白，什么時(shí)候你要全力說(shuō)服別人采用你的好點(diǎn)子，什么時(shí)候意識到你的團隊和客戶(hù)都對這個(gè)方案完全沒(méi)有興趣。作為設計師，我們要堅定的相信我們自己做的事情，但也應該開(kāi)放地傾聽(tīng)別人的意見(jiàn)，該放手的時(shí)候應該放棄一些固執的點(diǎn)子，想想是不是有新的解決辦法。別忘了，一個(gè)問(wèn)題的解決方案往往不只是唯一一個(gè)。
19. 參與到設計方案的開(kāi)發(fā)階段
如果你在一個(gè)設計公司工作，嘗嘗一個(gè)設計項目剛結束，下一個(gè)項目就開(kāi)始了，但你的工作卻不應該在你交了PSD文檔后就結束了。
如果你關(guān)心你的設計和想法能夠最后得到更好的執行，你應該時(shí)不時(shí)和開(kāi)發(fā)人員溝通，幫助解答他們的一些疑惑和問(wèn)題，并保證所有的像素都是準確的。
20. 展現你的設計過(guò)程
在設計師的社區里，我們不光想看最后的成品，也想了解背后作品產(chǎn)生的整個(gè)過(guò)程。有些時(shí)候，最好的版本并不是最后采用的版本，然后在文件夾里就被忘記了。每次項目完成后，你都需要和客戶(hù)取得你可以用于自我宣傳目的展示作品的許可。如果有機會(huì )，你都應該展示你的創(chuàng )意過(guò)程，也分享那些并沒(méi)有被采納的方案。通過(guò)這個(gè)分享你能讓其他設計師有學(xué)習和收獲，你也可以得到寶貴的回饋。