網(wǎng)頁(yè)界面設(shè)計(jì)技巧:溝通,歸納,準(zhǔn)備,設(shè)計(jì)

　　是這樣的,因?yàn)橹坝芯W(wǎng)友問我一些網(wǎng)頁(yè)設(shè)計(jì)思路方面的問題,諸如:"設(shè)計(jì)一個(gè)網(wǎng)頁(yè),怎么知道用啥素材?怎么去調(diào)色?設(shè)計(jì)思路是怎樣的?",于是寫下了這篇東東。

　　此文更多是談自己的一些思路(步驟),然后站在回答網(wǎng)友問題的立場(chǎng)來(lái)寫的。希望對(duì)存在這類問題的朋友有所啟發(fā)!

　　Ok,下面先把幾個(gè)階段列出來(lái),然后逐點(diǎn)闡述:

　　一、溝通階段-(獲取項(xiàng)目信息) 二、歸納階段-(分析所獲信息以深入了解項(xiàng)目) 三、準(zhǔn)備階段-(準(zhǔn)備設(shè)計(jì)所需的圖、文資料) 四、設(shè)計(jì)階段-(設(shè)計(jì)頁(yè)面)

　　一、溝通階段-(獲取項(xiàng)目信息)

　　這里講的溝通,其目的在于獲取項(xiàng)目信息,給下一階段的"信息歸納"提供必要的信息源。

　　通常我會(huì)索取以下信息:

　　·項(xiàng)目基本信息(項(xiàng)目主要的目的、項(xiàng)目的側(cè)重點(diǎn)、項(xiàng)目期限等等)

　　·客戶公司產(chǎn)品信息 (如產(chǎn)品定位、產(chǎn)品賣點(diǎn)、消費(fèi)人群、經(jīng)營(yíng)范圍等等,這點(diǎn)對(duì)于設(shè)計(jì)具體產(chǎn)品項(xiàng)目時(shí),更為重要!)

　　·客戶公司基本信息 (如公司簡(jiǎn)介、公司規(guī)模、公司性質(zhì)等等)

　　·項(xiàng)目委托人個(gè)人審美傾向(委托人對(duì)網(wǎng)頁(yè)風(fēng)格的預(yù)期、委托人藝術(shù)審美取向等等)

　　在溝通方式上,不同性質(zhì)的客戶略有不同。我把之前的客戶按客戶性質(zhì)分成兩大類:

　　一類是設(shè)計(jì)類公司的外包業(yè)務(wù),因?yàn)榻?jīng)過轉(zhuǎn)手,這種形式的項(xiàng)目你往往不能與項(xiàng)目委托人進(jìn)行直接溝通,信息傳遞過程中的誤讀也就在所難免。這類客戶性質(zhì) 的業(yè)務(wù),一般會(huì)有明確的網(wǎng)站策劃,項(xiàng)目Manager也有一定"經(jīng)驗(yàn)"。可能正因?yàn)?quot;便利"太多,做這類項(xiàng)目時(shí)往往有放不開手腳的感覺,而且項(xiàng)目負(fù)責(zé)方一 般都比較強(qiáng)勢(shì),所以在溝通上也自然就比較被動(dòng)。

　　另一類就是企業(yè)性質(zhì)的直接需求,我個(gè)人更傾向于接手這類項(xiàng)目。這類客戶通常深諳設(shè)計(jì)之于品牌的意義,也大都會(huì)讓設(shè)計(jì)師放手去做,此外在溝通、意見反 饋上效率也會(huì)更高!所以在溝通方面我也就比較主動(dòng),站在客戶、客戶產(chǎn)品的立場(chǎng)思考問題也就是必須的。畢竟不能辜負(fù)客戶對(duì)咱們的信任,對(duì)吧?

　　Yi...咱們說(shuō)啥來(lái)著,溝通是吧?又扯遠(yuǎn)了!上面說(shuō)那么多,之所以不談我某一項(xiàng)目具體是怎么跟客戶溝通的,因?yàn)闇贤ǚ绞竭€再其次,我覺得還是一個(gè) 思路問題。總之,我們溝通時(shí)既要跳出來(lái)，也要走進(jìn)去。既要跳出設(shè)計(jì)師的身份,站在客戶項(xiàng)目(產(chǎn)品)的立場(chǎng),自上而下的去溝通、去思考;也需要我們從設(shè)計(jì)專 業(yè)的角度出諸多問題,索取你所需的項(xiàng)目信息。

　　二、歸納階段-(分析所獲信息以深入了解項(xiàng)目)

　　當(dāng)獲取到項(xiàng)目信息之后,你會(huì)發(fā)現(xiàn)這些信息顯得比較零散,所以接下來(lái)有必要將這些信息進(jìn)行系統(tǒng)的整理,然后綜合起來(lái)分析。經(jīng)過系統(tǒng)分析之后,后期設(shè)計(jì)上的諸多雛形會(huì)在此階段形成,具體的比如說(shuō),網(wǎng)頁(yè)的風(fēng)格、配色、素材、布局等等。

　　寫到這里,或許有同學(xué)會(huì)問,我要怎么樣去做歸納、分析,才能得出適宜的分析結(jié)果呢?對(duì)于干設(shè)計(jì)的我們,我想這個(gè)問題確實(shí)是普遍存在的!之前的線上交流,不少朋友也有反映到:"在拿到項(xiàng)目信息之后,頭腦依舊很茫然,找不到一個(gè)適合的解決方案。"

　　對(duì)于這種茫然,首先我們應(yīng)該反問自己,所需的項(xiàng)目信息我都索取夠了嗎?項(xiàng)目信息我都仔細(xì)去解讀了嗎?如果我們回答都是肯定的,也就等于說(shuō),在解讀項(xiàng) 目信息方面,我們?nèi)孕枧?其實(shí)當(dāng)我們?cè)囍ソ庾x、分析項(xiàng)目信息,你會(huì)發(fā)現(xiàn),我們經(jīng)常遇到的風(fēng)格問題、配色問題,答案就隱藏在這些項(xiàng)目信息里邊。

　　說(shuō)到這,個(gè)人建議大伙兒在提升軟件技術(shù)的同時(shí),可以抽時(shí)間多了解了解哲學(xué)、心理學(xué)、營(yíng)銷學(xué)方面的東東。因?yàn)槲覀儾坏貌怀姓J(rèn),商業(yè)設(shè)計(jì)終究還得回歸到 人的因素上來(lái),你的設(shè)計(jì)是給人看的,客戶看、客戶產(chǎn)品目標(biāo)消費(fèi)人群看、設(shè)計(jì)圈子的人看......所以,我們的設(shè)計(jì)想要得到認(rèn)可,同時(shí)促進(jìn)產(chǎn)品銷售,就們 就還真得跳來(lái)想些事兒。

　　我個(gè)人解讀項(xiàng)目信息的具體思路,這里暫不贅述,爾后我會(huì)專列一章,與大伙兒一并討論!

　　三、準(zhǔn)備階段-(準(zhǔn)備設(shè)計(jì)所需的圖、文資料)

　　綜合分析之后,緊接著我會(huì)準(zhǔn)備好設(shè)計(jì)時(shí)可能會(huì)用到的圖、文資料。

　　圖片主要包括客戶公司的圖片、產(chǎn)品圖片、模特圖片等等。一般情況是,客戶會(huì)提供部分圖片,更多的,圖片我會(huì)去素材網(wǎng)站找找。

　　文案主要包括網(wǎng)頁(yè)廣告標(biāo)語(yǔ)、導(dǎo)航文案、產(chǎn)品描述等等。有做網(wǎng)站策劃的客戶,這些文案大都會(huì)提供,如果沒做策劃的客戶,我會(huì)跟客戶負(fù)責(zé)人溝通定出。

　　四、設(shè)計(jì)階段-(設(shè)計(jì)頁(yè)面)

　　最后一個(gè)階段,用一個(gè)比喻容易說(shuō)明問題。

　　即如果把網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)單的比作烹飪,這四個(gè)階段也就是說(shuō)這么幾回事兒:1.顧客提出相關(guān)要求;2.店方去思考如何做出一道客戶稱道的佳肴3.店方準(zhǔn)備好烹飪所需的材料;4.炒菜;

　　最后的炒菜,需要解決問題就是:在分析結(jié)果的指導(dǎo)下,怎么樣去把材料變成一道色、香、味俱全的美味?推演到咱們網(wǎng)頁(yè)設(shè)計(jì)上來(lái)說(shuō),就是這樣一些工作:處理圖片、細(xì)節(jié)、色彩、排版構(gòu)成、用戶體驗(yàn)等等。

　　設(shè)計(jì)上的具體問題,這里也不多扯。當(dāng)然,之前大伙所關(guān)心的網(wǎng)頁(yè)調(diào)色以及細(xì)節(jié)處理,之后我會(huì)專門寫一些心得。

　　行,就這吧,有問題的地方,歡迎大家交流、指正!

　　來(lái)自：站酷 作者：WOSER'.pu

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)