設(shè)計師在抱怨開發(fā)人員不尊重Web標準,后臺開發(fā)人員在抱怨為什么不可以增加一個空格。PM在抱怨為什么項目總是因為那些看似簡單的問題而延期……如何才能提高后臺開發(fā)人員與設(shè)計師以及前端開發(fā)工程師的合作效率?相信很多網(wǎng)站或軟件開發(fā)公司都越到類似的問題。
從UED的角度而言,我們的天職是追求用戶體驗。我們應該盡力堅持自己應該堅持的東西。白鴉曾經(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ā)人員花費大學生涯和與其他開發(fā)人員一起學習,我可以肯定的說程序員并不是設(shè)計師。謝天謝地,我們以前可以評判代碼是否重用或者符合正確的OO方法論,但卻無法評判美學。 但現(xiàn)在,一個開發(fā)人員最值錢的資產(chǎn)就是他對設(shè)計的敏銳的理解。
現(xiàn)在據(jù)我所知,程序員可能從不需要任何設(shè)計的知識(或者說,設(shè)計師從不需要了解程序)。但事實是,每一個擁有個人項目、少量客戶或是管理角色的程序員都需要設(shè)計。甚至,我可以說,顯而易見,一個自由工作者最大優(yōu)勢就在于,培養(yǎng)潛在的客戶讓他們渴望理解整個網(wǎng)站的建構(gòu)過程。所以一個人正在學習做一個開發(fā)人員的同時,也需要學設(shè)計(至少嘗試去做),以下就是我曾經(jīng)聽說或者犯過的8個錯誤。
“我知道什么看起來很好(我有photoshop)”
這是成為差勁的設(shè)計師的原因之一。更無可救藥的是本來就很差勁了,還以為自己很好。每個好的設(shè)計師都有一個度量好設(shè)計的“設(shè)計標準”,這個經(jīng)驗來自于自己經(jīng)?春玫脑O(shè)計。你需要把時間花費在看偉大的設(shè)計上,諸如TheFWA, FaveUp, Design is Kinky, 和我個人喜歡的 Behance Network 這些網(wǎng)站。你可能也知道如何去挑選設(shè)計雜志,比如How或者print(注意兩者并不都是美國的,可能更加國際化一些)。就像好的程序員喜歡看(或評論)其他人的代碼一樣,好的設(shè)計師也總是環(huán)顧他人的工作成果,無論是站點、廣告牌還是菜單。沒有一個好的“設(shè)計標準”,即使有大量的photoshop濾鏡也拯救不了你。
“一再地使用藍色和白色”
大多數(shù)程序員嘲笑一個設(shè)計師總是花費大量的時間來為站點挑選精確的顏色。但是,顏色總要比你想象中還重要,并且你不能在站點構(gòu)建的時候來更改(至少,那時候就不得不花費大的氣力)。象很多事物一樣,觀察一個好的設(shè)計師的配色方案是很有幫助的,尋找配色方案最好的一個站點是COLOURlovers.
“我把每樣東西都居中”
大多數(shù)情況下,將標題、標語和副本的一部分居中很自然。但是通常,將網(wǎng)頁上的文字居中就很外行了。左對齊是很保險的做法,但往往最好是視情況而定。更好地是,在photoshop中利用標尺和網(wǎng)格精確地計算你網(wǎng)站的各個部分。這并不意味著你的設(shè)計像格子一樣,但是眼睛可以注意到理應被排成一行的幾部分卻沒有這樣排列的情況(特別是文本)。每個像素都很重要。
“使用免費的字體…它對于我來說看起來不錯”
我曾有一段時間這樣想:(a)所有的襯線字看起來都一樣(b)沒有任何字體值得付錢。我現(xiàn)在把這兩條都廢除了,去繼續(xù)學習更多的字體知識,那是一個復雜而美麗的世界。坦誠地講,如果有一個領(lǐng)域我能成為專家,我希望是字體。你可以只用一點顏色和不錯的字體來建立偉大的站點(這只是任何偉大設(shè)計的基礎(chǔ))。再次申明,在字體方面要做得更好,需要你多閱讀好的站點培養(yǎng)你的眼睛。
“我們可以在那里放置更多的信息”
在擁有程序員和設(shè)計師的團隊里工作,兩者間一個普遍的爭論是“空間的利用”,程序員想在頁面明顯的位置放置盡可能多的信息。設(shè)計師爭論道,眼睛不可能承受如此多的東西,最好只是在明顯的位置只放置logo和標語。嘗試去找到最佳的平衡,需要知道(a)雜亂的網(wǎng)站可能沒有效果(b)留白不是設(shè)計師偷懶 (c)被稱作“空”的部分是很必要的,以便突出其它元素。
“我可不想為照片付錢”
槽糕的圖片或照片可以毀滅一個合理的網(wǎng)站,同時經(jīng)過簡單處理的偉大圖片可以看起來很好。在網(wǎng)頁上那么多的資源,沒有理由使用差勁的圖片。對于非營利站點而言,可以查看stock.xchng 或 Flickr。對于商業(yè)的站點,有許許多多的站點,比如iStockPhoto(但是需要了解版權(quán)的知識,因為不久后,你可能在其他站點上看到同樣的照片了)。最后不要為在諸如Veer這樣的站點上找到完美的照片而花費大筆的錢嚇壞了。
“我無需詢問意見”
更多地詢問而不是閉門造車,你會成為你們設(shè)計師的最大粉絲(盡管你戴著一副玫瑰色的眼鏡)。你需要詢問你認識的設(shè)計師,以便得到坦誠的評價。不幸的是,我知道大多數(shù)被我問過的人,都只是贊譽而非批評。所以讓你的自尊滾一邊去吧,戴上“知識”這頂帽子。因為這些人是設(shè)計師而你不是。然后在你得到了他們的反饋之后,尊重他們、信任他們,并做一些改變。
“無需得到太多細節(jié)”
就像你很一般的代碼需要等待提高(雖然仍能執(zhí)行),你也有一些還說的過去的設(shè)計,但是離偉大差得遠呢?磦ゴ蟮脑O(shè)計很容易這樣想“這看起來沒什么嘛”,但是事實上,偉大的設(shè)計花費了很多的時間(特別是對設(shè)計的新手)。但是有這些偉大的設(shè)計,你只是看到了最終的產(chǎn)品,并不知道設(shè)計者期間經(jīng)歷了多少次編輯和修改。甚至,你可能會驚訝于一條分割線會為設(shè)計帶來多大的不同。當你把所有元素剛放在一起的時候,別以為設(shè)計做“完”了。
總而言之,偉大的設(shè)計(就像偉大的代碼)很耗時間、耐心和技巧——因此,應該得到適當?shù)淖鹬亍1M管作為程序員(或者是內(nèi)容編輯還是其他的web員工),你可能從不需要設(shè)計整個一個站點,但我有一種感覺,或多或少,你不得不做一點設(shè)計。如果可能的話,你盡量不要犯以上的錯誤……
(譯得有誤的地方,望賜教、敬請諒解)
本文鏈接:http://m.95time.cn/design/doc/2008/5432.asp
出處:Taobao.com UI Team
責任編輯:bluehearts
|