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