>思路的轉(zhuǎn)變在以前的工作中,我每天也會接到不同的設(shè)計需求,一般都是根據(jù)UE或文檔開始堆素材,只是根據(jù)自己的審美把頁面做得“好看”。造成的結(jié)果就是視覺關(guān)系混亂,重點不明確,傳達信息不到位。 做設(shè)計不是搞藝術(shù),設(shè)計的目的是準(zhǔn)確的傳達信息給目標(biāo)用戶。接到一個需求后,第一步我們應(yīng)該做什么呢?下面分享一下我的工作思路,首先考慮這個頁面要表達什么,要達到什么目的。然后看看UE結(jié)構(gòu)能不能明確表達這個問題,有什么可以優(yōu)化的地方,什么樣的素材更能突出這個出題,板式、色調(diào)、字體。。。在心里有一個初步的設(shè)想,這時候從重要程度做一個排序。我想這樣做至少可以保證做出的成品可以達到需求目的,邏輯和層次是清晰的。 色彩運用問題 以前我的設(shè)計配色存在很大問題,色彩運用發(fā)悶、顯臟、花和亂的現(xiàn)象嚴重。后來逐漸發(fā)現(xiàn),問題的根源是一貫的惰性思維,開始設(shè)計之前沒有動腦子想,缺乏整體規(guī)劃。之前的工作中堆素材現(xiàn)象嚴重,即把需求方提供的素材先往頁面上擺,再找一些光效或花紋素材疊加到上面,猛一看挺有視覺沖擊力的,造成的結(jié)果就是顏色無法把握。其實這種做法出發(fā)點就是錯誤的,用什么樣的素材應(yīng)該根據(jù)頁面?zhèn)鬟_信息的需要而定,不能憑個人喜好或者單純追求某種視覺效果。形式要為內(nèi)容服務(wù),顏色也一樣。 知道了自己的缺點以后,現(xiàn)在做設(shè)計之前都要動腦子想想,什么樣的色調(diào)能和要傳達的信息結(jié)合的更緊密。站在用戶角度想問題,什么顏色能讓用戶看著更舒服。主色調(diào)、配色、和補色的運用都要提前心里有數(shù)。平時再多看一些優(yōu)秀的專題設(shè)計作品,分析一下別人的配色。這樣做出來的頁面比以前的效果好很多。 反面案例:顏色沉悶、顯臟。 正面案例:顏色明快、主題突出。 畫面結(jié)構(gòu)和形式 有時候我們習(xí)慣了策劃同學(xué)提供的UE圖,只是把UE線稿圖形化。我也經(jīng)常重復(fù)著這樣的工作,后來發(fā)現(xiàn)效果不好。因為作為設(shè)計師,在畫面結(jié)構(gòu)和形象思維方面應(yīng)該有更多的想象空間,畢竟頁面設(shè)計是在設(shè)計師手中完成的,設(shè)計師自己更了解什么樣的形式更能增加畫面的表現(xiàn)力。當(dāng)然這些要建立在對需求充分的了解上,所以我覺得在和策劃同學(xué)充分溝通的前提下,按照自己的思路對UE搞做調(diào)整是非??尚械?。以下是我在工作中遇到的一些例子: 這是一個活動匯總頁,如果按UE的板式設(shè)計會顯得有些死板,人物和標(biāo)題、按鈕之間缺乏關(guān)系。需求方提供了一個人物素材,質(zhì)量不高,個人覺得人物動態(tài)也不太適合這個專題。 經(jīng)過和需求方的討論,換了真實人物,增強頁面的沖擊力。板式做了變化,使標(biāo)題人物和按鈕結(jié)合的更緊密。色調(diào)上和刀劍新官網(wǎng)保持一致(需求方要求,個人認為如果換成紅色的喜慶色調(diào)效果會更好),按鈕用大紅色增強慶祝的氣氛。
這個案例和上個相似,與主編一起和需求方溝通換了人設(shè),配合人物的動態(tài)設(shè)計了發(fā)散形狀的按鈕,主體用暗紅色和煙花體現(xiàn)狂歡氣氛。不足之處是人物腳踩的木板顯得突兀,周圍環(huán)境無法與之配合。 暗影之劍的時裝專題,主要介紹游戲中的時裝,促使玩家充值購買。從UE上看,方方正正結(jié)構(gòu)死板,很難激起玩家的購買欲望。 經(jīng)過思考,看了一些淘寶天貓的電商頁面,對UE結(jié)構(gòu)作出調(diào)整。用紅色斜條做背景增強頁面的動感,主要按鈕配合也作成斜的,說明文字挪到了標(biāo)題下方,增強可讀性。色調(diào)延續(xù)暗影之劍紅白色系,可以點擊的按鈕都用了黃色加以突出。 >設(shè)計技巧上的提高 通過大量集中的頁面設(shè)計工作,半年中我也取得了一些進步。比如顏色、形式感、細節(jié)處理上,比之前有所提高。 畫面層次關(guān)系 這是6月份剛來的時候做的一個專題頁,問題很多。視覺重點不突出、層次混亂、畫面瑣碎。 這是最近做的一個圣誕專題,形式和上一個類似,標(biāo)題+人物+標(biāo)簽切換。畫面關(guān)系和效果上比上一個有較大提升。 畫面整體氛圍 刀劍英雄官網(wǎng)換膚。配合決戰(zhàn)落雁谷版本,背景采用中國傳統(tǒng)的山峰云霧,色調(diào)運用純度較低的暗金色,試圖營造出決戰(zhàn)前夕的感覺。標(biāo)題用中國水墨藝術(shù)字結(jié)合濺血效果。人物部分疊加動感模糊和光效,主題色塊用了暗紅色增強戰(zhàn)爭感。 通過官網(wǎng)小調(diào)查數(shù)據(jù)看到,換膚后的刀劍官網(wǎng)用戶喜歡占58%,一般占28%,不喜歡占14%。多數(shù)玩家還是比較認同這組設(shè)計。 標(biāo)題字體設(shè)計 在制作細節(jié)上有所提高。優(yōu)點:字體設(shè)計完成度高,較滿意。缺點:專題現(xiàn)代感太強,和游戲的背景有所沖突。 字體設(shè)計比以前更加自然,比劃穿插和諧。 >養(yǎng)成良好的工作習(xí)慣 平時的工作很忙,時間排期很緊,養(yǎng)成良好的工作習(xí)慣可以有效幫你節(jié)省時間、提高工作效率和工作質(zhì)量。
1.經(jīng)常瀏覽同行業(yè)設(shè)計網(wǎng)站。我們平時會瀏覽大量的設(shè)計作品,看到到好的設(shè)計或功能截圖保存,需要做類似頁面效果時方便參考。
2.建立素材庫。自己做了一個特殊效果(比如字體、小裝飾、特殊邊框等),保存PSD文件方便反復(fù)利用。
3.及時總結(jié)。養(yǎng)成總結(jié)的習(xí)慣可以避免自己多次犯同一個錯誤,也有利于繼承自己設(shè)計中的優(yōu)點。 >結(jié)語 網(wǎng)頁設(shè)計是一個動手動腦相結(jié)合的職業(yè),工作中有苦也有樂。我相信只要平時認真工作、勤于思考、善于總結(jié),每個人都會有所進步。有時翻過頭來看看一年或者半年前的作品,覺得那時候做的怎么那么差啊,大家肯定都有這種體會。這是一件好事,說明我們在不斷的進步、成長。在做出一件自己滿意的作品時,也會有成就感。當(dāng)掌握了所有的設(shè)計技巧和理論后就能做出完美的設(shè)計作品嗎?我想也不是,設(shè)計還需要創(chuàng)造和靈感??赡茉O(shè)計的終極技巧就是對生活的觀察、體驗和感悟。 最后祝大家新年快樂,工作進步、心想事成。