網頁界面設計技巧:溝通,歸納,準備,設計

　　是這樣的,因為之前有網友問我一些網頁設計思路方面的問題,諸如:"設計一個網頁,怎么知道用啥素材?怎么去調色?設計思路是怎樣的?",于是寫下了這篇東東。

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

　　Ok,下面先把幾個階段列出來,然后逐點闡述:

　　一、溝通階段-(獲取項目信息) 二、歸納階段-(分析所獲信息以深入了解項目) 三、準備階段-(準備設計所需的圖、文資料) 四、設計階段-(設計頁面)

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

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

　　通常我會索取以下信息:

　　·項目基本信息(項目主要的目的、項目的側重點、項目期限等等)

　　·客戶公司產品信息 (如產品定位、產品賣點、消費人群、經營范圍等等,這點對于設計具體產品項目時,更為重要!)

　　·客戶公司基本信息 (如公司簡介、公司規模、公司性質等等)

　　·項目委托人個人審美傾向(委托人對網頁風格的預期、委托人藝術審美取向等等)

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

　　一類是設計類公司的外包業務,因為經過轉手,這種形式的項目你往往不能與項目委托人進行直接溝通,信息傳遞過程中的誤讀也就在所難免。這類客戶性質 的業務,一般會有明確的網站策劃,項目Manager也有一定"經驗"。可能正因為"便利"太多,做這類項目時往往有放不開手腳的感覺,而且項目負責方一 般都比較強勢,所以在溝通上也自然就比較被動。

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

　　Yi...咱們說啥來著,溝通是吧?又扯遠了!上面說那么多,之所以不談我某一項目具體是怎么跟客戶溝通的,因為溝通方式還再其次,我覺得還是一個 思路問題。總之,我們溝通時既要跳出來，也要走進去。既要跳出設計師的身份,站在客戶項目(產品)的立場,自上而下的去溝通、去思考;也需要我們從設計專 業的角度出諸多問題,索取你所需的項目信息。

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

　　當獲取到項目信息之后,你會發現這些信息顯得比較零散,所以接下來有必要將這些信息進行系統的整理,然后綜合起來分析。經過系統分析之后,后期設計上的諸多雛形會在此階段形成,具體的比如說,網頁的風格、配色、素材、布局等等。

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

　　對于這種茫然,首先我們應該反問自己,所需的項目信息我都索取夠了嗎?項目信息我都仔細去解讀了嗎?如果我們回答都是肯定的,也就等于說,在解讀項 目信息方面,我們仍需努力!其實當我們試著去解讀、分析項目信息,你會發現,我們經常遇到的風格問題、配色問題,答案就隱藏在這些項目信息里邊。

　　說到這,個人建議大伙兒在提升軟件技術的同時,可以抽時間多了解了解哲學、心理學、營銷學方面的東東。因為我們不得不承認,商業設計終究還得回歸到 人的因素上來,你的設計是給人看的,客戶看、客戶產品目標消費人群看、設計圈子的人看......所以,我們的設計想要得到認可,同時促進產品銷售,就們 就還真得跳來想些事兒。

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

　　三、準備階段-(準備設計所需的圖、文資料)

　　綜合分析之后,緊接著我會準備好設計時可能會用到的圖、文資料。

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

　　文案主要包括網頁廣告標語、導航文案、產品描述等等。有做網站策劃的客戶,這些文案大都會提供,如果沒做策劃的客戶,我會跟客戶負責人溝通定出。

　　四、設計階段-(設計頁面)

　　最后一個階段,用一個比喻容易說明問題。

　　即如果把網頁設計簡單的比作烹飪,這四個階段也就是說這么幾回事兒:1.顧客提出相關要求;2.店方去思考如何做出一道客戶稱道的佳肴3.店方準備好烹飪所需的材料;4.炒菜;

　　最后的炒菜,需要解決問題就是:在分析結果的指導下,怎么樣去把材料變成一道色、香、味俱全的美味?推演到咱們網頁設計上來說,就是這樣一些工作:處理圖片、細節、色彩、排版構成、用戶體驗等等。

　　設計上的具體問題,這里也不多扯。當然,之前大伙所關心的網頁調色以及細節處理,之后我會專門寫一些心得。

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

　　來自：站酷 作者：WOSER'.pu

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈