雖然已經(jīng)不做設(shè)計(jì)師快三年了,可是依然會(huì)一直留意站酷。看著各位高手的作品,總讓我慶幸我沒有把這條路走下去——三年前,我就是由于覺得自己在設(shè)計(jì)上沒有什么天分,于是轉(zhuǎn)行去了一家游戲公司,去做官網(wǎng)建設(shè)和媒體渠道方面的工作。如今看來,這條路沒有錯(cuò),我的設(shè)計(jì)和站酷上的高手想比,差距不是用努力學(xué)習(xí)追的上的。
由于工作的關(guān)系,我經(jīng)常扮演一個(gè)網(wǎng)頁設(shè)計(jì)的需求方的角色。3年的時(shí)間,我看了無數(shù)的設(shè)計(jì)稿,也親手槍斃了很多的設(shè)計(jì)稿。很多時(shí)候我覺得很無奈,那些設(shè)計(jì)都很好——有的精美的讓我槍斃的時(shí)候心情極度難受——這些設(shè)計(jì)本身不是不美觀,只是由于設(shè)計(jì)者太注意設(shè)計(jì)本身,忽略了很多設(shè)計(jì)之外的東西。聯(lián)想到在站酷上也經(jīng)??吹降暮芏嗑廊A麗的“飛機(jī)稿”,這不能不讓我這個(gè)依然愛好設(shè)計(jì)的旁觀者心疼!所以我想就我這三年作為一個(gè)設(shè)計(jì)需求方,從我所看到的視角來說一下網(wǎng)頁設(shè)計(jì)。希望對(duì)大家能有幫助。當(dāng)然,在設(shè)計(jì)方面,我只能說是個(gè)外行,如果說的有什么不對(duì),還希望大家能見諒。
設(shè)計(jì)師與需求方:
記得我自己做設(shè)計(jì)的時(shí)候,當(dāng)時(shí)公司一位在中國待了快6年了的老外曾經(jīng)對(duì)我說:"中國沒有DESIGNER,中國只有PAGE WORKER!"當(dāng)時(shí)聽到這句話很不服氣,還試圖和他理論,當(dāng)然,最后結(jié)果是老外認(rèn)錯(cuò)了,而我和那個(gè)老外也成了好朋友。但是,如今自己做了3年的需求方,我終于不得不很無力的承認(rèn)了這個(gè)事實(shí)——不是中國設(shè)計(jì)師沒有創(chuàng)意,而是客戶心理對(duì)于項(xiàng)目的需要造就了設(shè)計(jì)師變成了美工。
我不得不承認(rèn),大多數(shù)的需求方都是外行,有的甚至審美品位嚴(yán)重扭曲——當(dāng)然,在很多高端的公司,專業(yè)的需求方也不是沒有,只是這樣的需求方是可遇不可求的。在大多數(shù)需求方看來,在整個(gè)項(xiàng)目當(dāng)中,他們是處于一個(gè)“主動(dòng)”的地位,對(duì)于整個(gè)項(xiàng)目具有主導(dǎo)話語權(quán)?;蛟S他們腦海當(dāng)中,真的有很漂亮的設(shè)計(jì)概念,只是他無法實(shí)現(xiàn),于是便找到了設(shè)計(jì)師,希望設(shè)計(jì)師根據(jù)他所“想”的一個(gè)模糊的藍(lán)圖來設(shè)計(jì)頁面。于是問題出來了,由于需求方非專業(yè)的描述使得設(shè)計(jì)者的設(shè)計(jì)思路變的跟著模糊起來?;蛟S需求方的想法表達(dá)的很清晰,但是由于扭曲的審美觀導(dǎo)致設(shè)計(jì)師無法認(rèn)同。無論由于前者的原因還是后者的原因,都會(huì)使得頁面變的不倫不類。這樣的經(jīng)歷,我想每位設(shè)計(jì)師都曾經(jīng)遇到過。
接下來我們來說說解決方法:
1、制作之前的溝通非常必要。你要假設(shè)需求方是“白癡”,什么都不懂。在需求在自己腦海里未明確之前,不要試圖去猜測著做,這樣“飛機(jī)”的概率極高。最好是讓需求方找到同類風(fēng)格的網(wǎng)站至少2-3個(gè),讓他說明這些網(wǎng)站他欣賞在什么地方。當(dāng)深入的溝通之后,了解了需求方的意圖和口味之后,你會(huì)發(fā)現(xiàn)溝通的時(shí)間遠(yuǎn)遠(yuǎn)會(huì)小于你重做的時(shí)間。
2、對(duì)于用戶給予的需求,不要太咬文嚼字,同第一條所說,需要假設(shè)需求方為“白癡”,很多專業(yè)的細(xì)節(jié),他們一般不會(huì)關(guān)注。在做需求方的過程中,我也犯過類似的錯(cuò)誤:記得那時(shí)侯提交需求,由于項(xiàng)目要求科技感未來感比較強(qiáng),我在需求中寫了一句:“整個(gè)網(wǎng)站的設(shè)計(jì)基調(diào)為科技感未來感比較強(qiáng)的藍(lán)紫色?!苯Y(jié)果,頁面出來了之后,發(fā)現(xiàn)整體的設(shè)計(jì)風(fēng)格很符合我事先的要求,頁面也做的很漂亮,只是唯一的問題就出在頭部的人物,設(shè)計(jì)師看到需求后,為了追求整個(gè)頁面的色調(diào)“符合需求”把人物的色調(diào)也做成了藍(lán)色,遠(yuǎn)看就像是阿凡達(dá)...對(duì)于這個(gè)結(jié)果,我哭笑不得。沒辦法,誰叫當(dāng)時(shí)自己需求沒有寫清晰呢?
3、對(duì)于主導(dǎo)意識(shí)比較強(qiáng)的需求方,不妨自己做一下用戶引導(dǎo)。好設(shè)計(jì)師的個(gè)性都很強(qiáng),這是我和很多設(shè)計(jì)師接觸下來的感覺。有個(gè)性是好的,但是工作歸工作,工作的時(shí)候還是要講究工作方法的。不要試圖頂撞需求方,這樣做并不明智;也不要試圖用自己的專業(yè)術(shù)語說服對(duì)方,這會(huì)造成溝通的無效,嚴(yán)重的甚至?xí)屝枨蠓接X得你是在“忽悠”他,從而對(duì)你產(chǎn)生不信任感。比較合理的方式是:“我覺得,你提的想法很不錯(cuò),只是,我個(gè)人覺得..........(盡量用對(duì)方聽的懂的大白話)這樣做的話效果會(huì)更好一些。當(dāng)然,我們可以按照您的思路給您做一稿,但是如果可以,我想按照我的想法也做一稿,兩稿比較下或許會(huì)更穩(wěn)妥些?!比绱艘粊?,對(duì)方有臺(tái)階下,不至于傷了自尊,而你,也就是多花了一些時(shí)間,至少爭取到了按照自己想法做頁面的機(jī)會(huì)。
4、“大!一定要大!”很多時(shí)候,需求方會(huì)對(duì)你這么說。通常這么說的意思,就是這個(gè)需要“明顯”。雖然可以假設(shè)需求方是“白癡”,但是在這點(diǎn)上,他比你懂。不過,客戶說“大”,未必一定要“大”,首先,試圖分析下,他為什么說要“大”,或許從產(chǎn)品本身的角度,對(duì)方是正確的;然后是修改,不過這個(gè)修改不是需求方說什么就是什么,依照第三條的做法,一稿按照用戶的要求改,一稿可以嘗試一些其他方法:比如換字體、換顏色、換樣式,找個(gè)襯托的東西什么的...總之是在不破壞設(shè)計(jì)效果為前提的基礎(chǔ)上作出自己覺得正確的修正——需求方大多是了解自己的產(chǎn)品并且知道自己要做什么的(也有不少是什么都不懂不知道的,遇到那種算你倒霉),他們或許不太清楚如果用美術(shù)的方法達(dá)到自己的效果,但是如果仔細(xì)分析,還是能夠了解他們的意圖的。
5、千萬不要隨意改動(dòng)LAYOUT,即使你覺得這個(gè)LAYOUT糟糕的讓自己崩潰,也不要不和需求方聯(lián)系就隨意去做調(diào)整——你需要有這樣的意識(shí):很多時(shí)候需求方是需要控制結(jié)果并對(duì)結(jié)果負(fù)責(zé)的,不告知需求方而隨意修改需求將為結(jié)果帶來很大的不可控因素并對(duì)結(jié)果帶來不可知影響,是對(duì)需求方很嚴(yán)重的挑釁。即使實(shí)在無法接受這樣的LAYOUT,至少自己腦子里思考下,為什么對(duì)方會(huì)這么布局?如果不使用這樣的布局,我是否能有更好的解決方案?然后帶著“可能效果會(huì)更好的解決方案”去說問題。這樣至少不會(huì)讓需求方覺得你“無視”他的需求,而是在“幫助”他解決問題。
6、要學(xué)會(huì)挑選客戶,在我還是設(shè)計(jì)師的時(shí)候,一位老前輩曾經(jīng)說過:“當(dāng)你選擇接1000¥/p以下的單的時(shí)候,就意味著,你的設(shè)計(jì)已經(jīng)定位在這個(gè)檔次了?!笔聦?shí)也的確如此,很多中小企業(yè)的領(lǐng)導(dǎo)、國企或者政 府的領(lǐng)導(dǎo),通常會(huì)有很強(qiáng)的主導(dǎo)意識(shí),而且覺得設(shè)計(jì)不值錢,設(shè)計(jì)就是按照他們的意圖制作頁面,設(shè)計(jì)師也就是一工匠。和這樣的客戶講設(shè)計(jì)基本沒戲,你的設(shè)計(jì)也別指望能做的出彩。什么檔次的用戶決定什么檔次的設(shè)計(jì),這句話是有道理的。
設(shè)計(jì)師與程序:
關(guān)于這個(gè)問題,很多時(shí)候是無法調(diào)和的矛盾。很多時(shí)候設(shè)計(jì)和程序是天生的“敵人”——設(shè)計(jì)師對(duì)于頁面的認(rèn)識(shí)是“漂亮”,而程序?qū)τ陧撁娴恼J(rèn)識(shí)是“簡單”。對(duì)于頁面的根本認(rèn)識(shí)的不同,是兩者發(fā)生矛盾的關(guān)鍵。我不得不承認(rèn),這樣的矛盾很多時(shí)候是無法完全消失的,不過話說回來,事在人為,通過主觀的努力盡可能去避免這些問題還是可行的。
1、多了解一些技術(shù)的東西是有必要的,DIV+CSS是必須要學(xué)的,別覺得那是程序的事情——如果你不想自己的頁面被改的面目全非,所以這個(gè)是必須的。JS的代碼可以不懂,但是JS的原理還是該了解——至少和程序溝通你要的效果的時(shí)候用的到。這些都是最基礎(chǔ)的,如果你還想朝著更高的方向發(fā)展。
2、有時(shí)候簡化頁面是沒有辦法的事情,中國的網(wǎng)速就這個(gè)情況,現(xiàn)在電腦的配制也是無法改變的客觀事實(shí)。有些效果比如FLASH、JQuery等等,雖然效果很華麗,有時(shí)候太占帶寬太占系統(tǒng)資源。去掉也是沒有辦法的事情,畢竟,如果漂亮的效果讓用戶看不到或者等不到,結(jié)果會(huì)比沒有效果更糟糕。
3、私底下多和程序溝通。人心都是肉長的,有時(shí)候私下溝通比工作溝通有效果的多。沒事情的時(shí)候多和程序一起抽抽煙、喝喝酒、吃吃飯、嘮嘮嗑。和好的設(shè)計(jì)一樣,好程序也大多很有個(gè)性,但是思維也大多很簡單,就和寫判斷邏輯一樣,不是0就是1,所以別被表面的現(xiàn)象所迷惑、事實(shí)上程序是很容易接觸的一類人。和程序處熟了,工作溝通也會(huì)容易不少、甚至可以直接找一個(gè)處熟的程序搭檔接一些私單,有財(cái)一起發(fā),不僅能賺錢,還能增進(jìn)相互之間的感情,何樂而不為?
設(shè)計(jì)師和終端體驗(yàn)者:
雖然說設(shè)計(jì)師很少能和終端體驗(yàn)者發(fā)生關(guān)系。但是事實(shí)上,一個(gè)頁面到底好不好,終端體驗(yàn)者最有權(quán)利說。作為一個(gè)設(shè)計(jì)師,不是說光會(huì)設(shè)計(jì)漂亮頁面就OK了,如果用戶體驗(yàn)不好,頁面再漂亮,也是空的。
1、需要學(xué)習(xí)理論,但不要迷信理論。很多設(shè)計(jì)師喜歡看國外的設(shè)計(jì)理論,這些理念通常都很先進(jìn),而且都有很強(qiáng)的邏輯,讓人覺得“該這么回事”。不過,實(shí)際情況是,這些所謂先進(jìn)的理念都是外國設(shè)計(jì)師根據(jù)國外用戶瀏覽習(xí)慣總結(jié)出來的東西,雖然很系統(tǒng)、很完善。但是和中國用戶的習(xí)慣還是有很大差異的。關(guān)于這點(diǎn),我做過幾個(gè)大型英文網(wǎng)站的項(xiàng)目,感觸很深刻。其實(shí),那些理論也都是外國設(shè)計(jì)師一點(diǎn)一點(diǎn)總結(jié)出來的,我們?yōu)槭裁醋约翰荒芸偨Y(jié)一些中國用戶自己的習(xí)慣呢?多看各個(gè)成功的網(wǎng)站,多觀察身邊的人瀏覽網(wǎng)站的習(xí)慣,然后自己思考一下“為什么”。當(dāng)你有自己成熟的理論了,你就離“大師”不遠(yuǎn)了。
2、好的頁面設(shè)計(jì)是引導(dǎo)用戶去閱讀的。設(shè)計(jì)的最終目的是為了傳達(dá)信息,如果為了頁面美觀而失去了傳達(dá)信息本身的效果,那這種頁面設(shè)計(jì)的效果就是負(fù)的。這是很多有平面設(shè)計(jì)習(xí)慣的設(shè)計(jì)師時(shí)常會(huì)忽略的問題。尤其在以文字和圖片作為傳達(dá)主體的網(wǎng)站上,這種問題更加明顯。建議有這樣問題設(shè)計(jì)師能看一些關(guān)于排版方面的書籍——在這方面,網(wǎng)頁設(shè)計(jì)和印刷排版設(shè)計(jì)是有共通之處的。
3、設(shè)計(jì)也需要在文字上下功夫。很多時(shí)候頁面上的引導(dǎo)是通過文字鏈接實(shí)現(xiàn)的,而策劃案里面或者LAYOUT里面不會(huì)給你明確的文字(有不少策劃案里所給的文字鏈界是僅供參考的),如果不自己琢磨下,有時(shí)候真會(huì)出現(xiàn)不少尷尬。最簡單的例子:很多人喜歡用“MORE”、“CLICK HERE”、“SKIP”這樣的英文單詞。這個(gè)單詞什么意思,我們都知道、可是如果這個(gè)網(wǎng)站目標(biāo)用戶群體是中年人或者年紀(jì)更大的人。那恭喜你,你對(duì)牛談琴了——呈然,現(xiàn)在的年輕人大多有英文基礎(chǔ),但是老一輩可沒有我們這么好的教育水平??!...很多設(shè)計(jì)師都不太在意文字本身,這在中國是一個(gè)很悲哀的事實(shí)——這樣的態(tài)度會(huì)讓設(shè)計(jì)師很難進(jìn)步,就是從職業(yè)規(guī)劃上來說,將來要朝更高的其他方向發(fā)展,這也會(huì)成為一個(gè)障礙。
4、考慮下動(dòng)態(tài)頁面具體使用中會(huì)遇到的問題。靜態(tài)頁面我們能夠控制最后出來的效果。但是動(dòng)態(tài)頁面卻會(huì)出現(xiàn)我們無法預(yù)計(jì)的問題,你需要考慮到?jīng)]有美感的網(wǎng)站編輯用丑陋顏色的標(biāo)題把你的頁面搞的亂七八遭、你需要考慮到有時(shí)候用戶名是8個(gè)字,但是你卻只給了7個(gè)字的距離......如此等等的問題都會(huì)影響到頁面的效果和用戶的觀感。這方面的問題總是會(huì)超出你的想像,但是一旦發(fā)現(xiàn)了,就必須準(zhǔn)備解決的方案,能否發(fā)現(xiàn)問題以及是否快速找到解決問題的方案,在一定程度上也是判斷一個(gè)設(shè)計(jì)師是否有經(jīng)驗(yàn)的標(biāo)志。
給新人的建議:
1、平時(shí)多看所收集整理素材、自己做的頁面分門別類的整理好、老設(shè)計(jì)師為什么出東西的速度比你快而且效果好?就是因?yàn)樗麄兛吹谋饶愣?,素材比你豐富。老設(shè)計(jì)師的硬盤絕對(duì)是個(gè)寶,恩恩,別想歪了。
2、設(shè)計(jì)的時(shí)候少些想法,設(shè)計(jì)好之后多些想法。大膽下筆、小心收拾,只要總體的感覺對(duì)了,設(shè)計(jì)就能出效果,相反,設(shè)計(jì)時(shí)候想法多了,不僅會(huì)嚴(yán)重影響設(shè)計(jì)速度,出來的東西也會(huì)不倫不類。
3、設(shè)計(jì)有時(shí)候不都是加法、減法也很重要,全是效果等于沒有效果,材質(zhì)和光感覺最好能保證統(tǒng)一。影響整體效果的東西,再漂亮也要狠的下心去掉。
4、自己看效果的時(shí)候一定要放到100%看,建議根據(jù)不同分辨率瀏覽器寬度拉一下輔助線,保證在不同分辨率下效果都不至于太差??吹臅r(shí)候可以學(xué)學(xué)畫素描的方法,瞇起眼睛看,那些東西突出沒有、哪些東西沒有突出,用那個(gè)方法一看就知,當(dāng)然如果帶眼睛的可以把眼鏡去掉,效果是一樣的。
5、有能力制作個(gè)人網(wǎng)站的話,還是做一個(gè)吧!一方面練手,另外一方面,無論是求職還是接單,都用的著!
6、設(shè)計(jì)有時(shí)候真需要天分,如果做了一段時(shí)間,發(fā)現(xiàn)自己沒有天分,不如像我一樣,跳出去換個(gè)工作比較好。呵呵,這條只是一個(gè)玩笑。要相信自己的努力會(huì)有結(jié)果,如果你能堅(jiān)持的話,我相信,遲早有一天你也能成為最NB的設(shè)計(jì)師!