一個優秀的網站,需要將優秀的美工和優秀的程式碼巧妙的融合在一起。可能是由於這個原因,經常會出現美工在做程式設計師的事,而程式設計師在做美工的事的情況。
作為一個在大學裡和其他程式設計師一起學習的程式設計師,我可以放心的說,程式設計師絕對不能代替美工。做為程式設計師,值得慶幸的是,我們的水平是以程式碼的可重用性和麵向物件來評定的,而不是審美。然而現在,一個程式設計師需要擁有的最寶貴的財富之一就是對設計的深刻理解。
現在,我知道一個程式設計師可能永遠不必去了解網頁設計(可能是由於這個原因,美工也可能永遠不必去程式設計)。但事實上,程式設計師們也要去設計一些個人專案,簡約的客戶端和角色管理之類的東西。此外,我可以說,在很多時候,一個自由程式設計師發掘客戶的最大資本,就是他對整個網站建設過程的深刻理解。所以,那些學了程式設計但同時在做(或者至少嘗試去做)美工的人有8個比較容易犯的錯誤,這都是我聽說過或親自犯過的。
“我知道什麼好看(並且我會PS)”
設計的不好並不是什麼壞事,但設計的不好卻以為自己設計的好就是一件非常糟糕的事了。每一個優秀的美工都有一個精確校準的“設計指南針”,這是因為他們不斷的欣賞優秀的設計。你有必要花時間到 TheFWA, FaveUp, Design is Kinky, 和我最喜歡的Behance Network等 網站上去欣賞大師級的設計。你也可以去看 HOW 或者 print (注:都是美國的雜誌,跨國購買可能很貴)等一些原創性的設計雜誌。正如優秀的程式設計師喜歡讀(用“批評”可能更好一些)別人的程式碼一樣,優秀的美工也喜歡看其他人的作品,不論是網站還是公告板或者選單。沒有一個準確的“設計指南針”,再多的PS濾鏡也幫不了你。
“只要重複的用藍色和白色就行了”
大多數程式設計師都會嘲笑美工們為給網站選擇合適的色調而花好幾個小時的時間。然而,色調比你想像的重要的多,並且一旦網站開始建設,你就不能改變它了(至少改起來不是那麼容易)。要想網站設計的好看,欣賞優秀作品的色彩設計會對你有很大的幫助,這方面最好的網站就是COLOURlovers。
“我只要把所有的東西都居中就行了”
在多數情況下,把標題,標籤,和部分內容居中是很自然的事。但通常,把網站的文字居中看起來就非常幼稚,相比之下左對齊就更加保險,看起來也更好。此外, 要精確的定位網站的每個元素,充分利用PS的標尺和網格線。這並不是說你就得設計的像網格一樣,但如果網站上的元素看似對齊而又沒對齊的話眼睛會很不舒 服,特別是看文字的時候。每個畫素都很重要。
“我看免費的字型就挺好”
曾經有一段時間我認為所有的襯線字型看起來都一樣,並且沒有哪種字型值得我花錢去買。現在我明白了,這兩種想法都錯了。我正不斷的試圖更多的瞭解複雜又美麗的字型藝術。說實話,如果非要說我對哪一方面精通的話,我想就是字型藝術了。一個優秀的網站也可能只有幾種簡單的顏色但卻有各式各樣好看的字型(不管怎樣,這都是優秀設計的基礎)。同樣只有不斷的欣賞優秀的網 站,才能熟練的運用各種字型。但是千萬不要僅僅用“好看”和“不好看”來區分所有的字型。
“我可以在這個區域裡填入更多的內容”
由於我曾經即在程式設計師的團隊裡工作過,又在美工的團隊裡工作過,我發現,程式設計師和美工經常出現的分歧就在於“空間的利用”。程式設計師往往想要在選項卡里填寫 儘可能多的內容,但美工往往認為人的眼睛不可能一下子瀏覽這麼多資訊,因此他們寧願在選項卡上面放一個logo或者一個口號。所以你必須在這兩者之間找到 很好的平衡,必須明白以下三點:
- 1.網站上的內容太多效果不一定就好;
- 2.所謂的“空白”的存在並不是因為美工懶惰;
- 3.所謂的“空缺”部分實際上對於襯 託其他元素是非常有必要的。
“我不需要花錢買圖片”
糟糕的圖片可以毀掉一個很好的網站,然而優秀的圖片可以使簡單的設計看起來非常好。既然在網上有這麼多圖片資源,所以不要為使用糟糕的圖片找藉口。對於非商業性的網站,可以到stock.xchng 或者 Flickr上去找圖片,只要確定這些圖片可以免費使用就行了。對於商業網站,你可以到有大量像iStockPhoto 一樣付費性的圖片網站上找到你喜歡的圖片(儘量有點創新性,因為過不了多久,你就會在其他的網站上看到相同的圖片)。最後,不要不捨得花錢到圖片網站(比如Veer)上去買非常好看的圖片,這錢花的值。
“我沒必要尋求他人的意見”
你往往會成為你的設計作品的最大粉絲(你總是很樂觀)。所以你需要把你的作品拿到你認識的美工那裡來尋求他們誠懇的批評。不幸的是,我認識的大多數人都僅 僅抱著想要被表揚的心態來問我我對他們作品的看法,他們不想被批評。所以再也不要以自我為中心了,虛心向別人請教吧。原因很簡單,他們是美工(他們靠這個 吃飯),而你不是。然後,你要尊重,要相信批評你作品的人,並做出實質性的改動。
“沒有必要太注重細節”
正如你能寫出雖然能完成功能但仍需改進的程式碼一樣,你的設計可能僅僅是通過,和優秀差的還很遠。欣賞和評論優秀的設計很容易,但自己做出優秀的設計卻要花 很長的時間(特別對於新手美工)。但是你能看到都優秀的設計都是他們的最終版,也就是說你只看到了結果,而沒有看到美工艱辛的設計過程。此外,像一個筆畫這樣的細節也會對作品有重大的影響,這可能會使你大吃一驚。永遠不要在你第一次把所有的元素都放在一起的時候就認為作品完成了。
總之,優秀的設計和優秀的程式碼一樣,需要時間,需要耐心,需要技巧,正因如此,它也會得到充分的尊重。儘管你可能是一個程式設計師,可能是個編輯或者其他網路 工作人員,你可能永遠不會去設計網站,但我有預感,說不定有一天你不得不去做這件事。希望那時,你不要犯上面的錯誤。
Via:wakeuplater(英文) Pengfei(中文)