設(shè)計師在抱怨開發(fā)人員不尊重Web標(biāo)準(zhǔn)，后臺開發(fā)人員在抱怨為什么不可以增加一個空格。PM在抱怨為什么項目總是因為那些看似簡單的問題而延期……如何才能提高后臺開發(fā)人員與設(shè)計師以及前端開發(fā)工程師的合作效率？相信很多網(wǎng)站或軟件開發(fā)公司都越到類似的問題。

從UED的角度而言，我們的天職是追求用戶體驗。我們應(yīng)該盡力堅持自己應(yīng)該堅持的東西。白鴉曾經(jīng)說過，用戶體驗不只是UED的事情，而是整個開發(fā)團隊乃至整個公司需要參與的事情。

我們不能只是抱怨，我們?nèi)ダ斫忾_發(fā)人員。同樣，我們做出努力，讓開發(fā)人員去理解我們。

我們努力去先做出改變。（小馬按語）

原文地址： 8 Web Design Mistakes That Developers Make

一個優(yōu)秀的網(wǎng)站是優(yōu)秀的設(shè)計和優(yōu)秀的代碼的結(jié)合，你經(jīng)常發(fā)現(xiàn)設(shè)計師不得不去理解代碼，而開發(fā)人員嘗試自己去設(shè)計。 開發(fā)人員花費大學(xué)生涯和與其他開發(fā)人員一起學(xué)習(xí)，我可以肯定的說程序員并不是設(shè)計師。謝天謝地，我們以前可以評判代碼是否重用或者符合正確的OO方法論，但卻無法評判美學(xué)。 但現(xiàn)在，一個開發(fā)人員最值錢的資產(chǎn)就是他對設(shè)計的敏銳的理解。

現(xiàn)在據(jù)我所知，程序員可能從不需要任何設(shè)計的知識（或者說，設(shè)計師從不需要了解程序）。但事實是，每一個擁有個人項目、少量客戶或是管理角色的程序員都需要設(shè)計。甚至，我可以說，顯而易見，一個自由工作者最大優(yōu)勢就在于，培養(yǎng)潛在的客戶讓他們渴望理解整個網(wǎng)站的建構(gòu)過程。所以一個人正在學(xué)習(xí)做一個開發(fā)人員的同時，也需要學(xué)設(shè)計（至少嘗試去做），以下就是我曾經(jīng)聽說或者犯過的8個錯誤。
< ![endif]--><!--[if !vml]--><!--[endif]-->

“我知道什么看起來很好（我有photoshop）”

這是成為差勁的設(shè)計師的原因之一。更無可救藥的是本來就很差勁了，還以為自己很好。每個好的設(shè)計師都有一個度量好設(shè)計的“設(shè)計標(biāo)準(zhǔn)”，這個經(jīng)驗來自于自己經(jīng)常看好的設(shè)計。你需要把時間花費在看偉大的設(shè)計上，諸如TheFWA, FaveUp, Design is Kinky, 和我個人喜歡的 Behance Network 這些網(wǎng)站。你可能也知道如何去挑選設(shè)計雜志，比如How或者print（注意兩者并不都是美國的，可能更加國際化一些）。就像好的程序員喜歡看（或評論）其他人的代碼一樣，好的設(shè)計師也總是環(huán)顧他人的工作成果，無論是站點、廣告牌還是菜單。沒有一個好的“設(shè)計標(biāo)準(zhǔn)”，即使有大量的photoshop濾鏡也拯救不了你。

“一再地使用藍色和白色”

大多數(shù)程序員嘲笑一個設(shè)計師總是花費大量的時間來為站點挑選精確的顏色。但是，顏色總要比你想象中還重要，并且你不能在站點構(gòu)建的時候來更改（至少，那時候就不得不花費大的氣力）。象很多事物一樣，觀察一個好的設(shè)計師的配色方案是很有幫助的，尋找配色方案最好的一個站點是COLOURlovers.

“我把每樣?xùn)|西都居中”

大多數(shù)情況下，將標(biāo)題、標(biāo)語和副本的一部分居中很自然。但是通常，將網(wǎng)頁上的文字居中就很外行了。左對齊是很保險的做法，但往往最好是視情況而定。更好地是，在photoshop中利用標(biāo)尺和網(wǎng)格精確地計算你網(wǎng)站的各個部分。這并不意味著你的設(shè)計像格子一樣，但是眼睛可以注意到理應(yīng)被排成一行的幾部分卻沒有這樣排列的情況（特別是文本）。每個像素都很重要。
< ![endif]--><!--[if !vml]--><!--[endif]-->
“使用免費的字體…它對于我來說看起來不錯”

我曾有一段時間這樣想：（a）所有的襯線字看起來都一樣（b）沒有任何字體值得付錢。我現(xiàn)在把這兩條都廢除了，去繼續(xù)學(xué)習(xí)更多的字體知識，那是一個復(fù)雜而美麗的世界。坦誠地講，如果有一個領(lǐng)域我能成為專家，我希望是字體。你可以只用一點顏色和不錯的字體來建立偉大的站點（這只是任何偉大設(shè)計的基礎(chǔ)）。再次申明，在字體方面要做得更好，需要你多閱讀好的站點培養(yǎng)你的眼睛。

“我們可以在那里放置更多的信息”

在擁有程序員和設(shè)計師的團隊里工作，兩者間一個普遍的爭論是“空間的利用”，程序員想在頁面明顯的位置放置盡可能多的信息。設(shè)計師爭論道，眼睛不可能承受如此多的東西，最好只是在明顯的位置只放置logo和標(biāo)語。嘗試去找到最佳的平衡，需要知道（a）雜亂的網(wǎng)站可能沒有效果（b）留白不是設(shè)計師偷懶 （c）被稱作“空”的部分是很必要的，以便突出其它元素。

“我可不想為照片付錢”

槽糕的圖片或照片可以毀滅一個合理的網(wǎng)站，同時經(jīng)過簡單處理的偉大圖片可以看起來很好。在網(wǎng)頁上那么多的資源，沒有理由使用差勁的圖片。對于非營利站點而言，可以查看stock.xchng 或 Flickr。對于商業(yè)的站點，有許許多多的站點，比如iStockPhoto（但是需要了解版權(quán)的知識，因為不久后，你可能在其他站點上看到同樣的照片了）。最后不要為在諸如Veer這樣的站點上找到完美的照片而花費大筆的錢嚇壞了。

“我無需詢問意見”

更多地詢問而不是閉門造車，你會成為你們設(shè)計師的最大粉絲（盡管你戴著一副玫瑰色的眼鏡）。你需要詢問你認(rèn)識的設(shè)計師，以便得到坦誠的評價。不幸的是，我知道大多數(shù)被我問過的人，都只是贊譽而非批評。所以讓你的自尊滾一邊去吧，戴上“知識”這頂帽子。因為這些人是設(shè)計師而你不是。然后在你得到了他們的反饋之后，尊重他們、信任他們，并做一些改變。
< ![endif]--><!--[if !vml]-->
“無需得到太多細(xì)節(jié)”

就像你很一般的代碼需要等待提高（雖然仍能執(zhí)行），你也有一些還說的過去的設(shè)計，但是離偉大差得遠呢?？磦ゴ蟮脑O(shè)計很容易這樣想“這看起來沒什么嘛”，但是事實上，偉大的設(shè)計花費了很多的時間（特別是對設(shè)計的新手）。但是有這些偉大的設(shè)計，你只是看到了最終的產(chǎn)品，并不知道設(shè)計者期間經(jīng)歷了多少次編輯和修改。甚至，你可能會驚訝于一條分割線會為設(shè)計帶來多大的不同。當(dāng)你把所有元素剛放在一起的時候，別以為設(shè)計做“完”了。

總而言之，偉大的設(shè)計（就像偉大的代碼）很耗時間、耐心和技巧——因此，應(yīng)該得到適當(dāng)?shù)淖鹬?。盡管作為程序員（或者是內(nèi)容編輯還是其他的web員工），你可能從不需要設(shè)計整個一個站點，但我有一種感覺，或多或少，你不得不做一點設(shè)計。如果可能的話，你盡量不要犯以上的錯誤……

（譯得有誤的地方，望賜教、敬請諒解）