對于一個網站來說,前期的網站設計理念的確立是最為重要的,所以要結合網站建設的整體目標和網站設計的利用元素,將網站設計理念在高端前衛這一點上加以重視。例如一個展現文化內涵的集團網站來說,能夠全方位的展現集團的整體實力和集團的整個文化氛圍是網站建設的最終目標,而為了實現這一目標,在理念上的確定就要結合企業的文化理念和互聯網的告訴發展相結合,同時對于現在流行文化的觀念上,網站要“審時度勢”,將集團的文化內涵以一種大眾能夠理解并且歡迎的方式傳遞給用戶,并且在文化的內涵上一定要考慮到大眾用戶的需求,不僅要提供簡單易懂的信息,還要傳達時尚前衛的思想。
一、網站設計,不僅僅是美術設計
你的工作究竟屬于設計師還是美工?那得看你做的活是真正的設計,還是點綴頁面使之更好看的操作。設計師的工作是高屋建瓴的,而美工只是軟件工具的使用者。
很多人把在網站中的設計定義為美術設計,認為設計師的工作任務就是使用Photoshop一類的繪圖軟件把需要展示的頁面畫出來,其實這是很狹義的理解。合格的設計師應該立足于整個網站的全局,在規劃上對整個網站進行完整的設計,在宏觀上把握設計風格導向,微觀上再針對該網站的具體定位來決定如何對設計進行元素上的細化。當然,網站設計還包括了數據庫設計及程序設計,在這里,我僅以我的從業經驗,舉例談談網站前端設計。
北京奧運會即將開幕,我們先來舉兩個奧運類型網站的例子:
奧運會官網:如圖,這是一個設計得非常成功的例子,設計師并沒有像一般涉及奧運主題的設計一樣使用大量紅色,而是把頁面風格完全國際化,其中把各種資訊和功能模塊都恰到好處地融合在一起,粗毛筆一般的元素設計使網站得到了豐富的整體效果。
新浪奧運頻道:如圖,我們可以看到設計師的創意僅僅被壓縮在頁面滾屏幾次后看到的內容區塊上,使用了奧運五環色彩來進行設計。頁面頭部基本是套在任何一個專題網站都能使用的結構素材,而新浪的資訊系統一定是能支持實現一個更脫離內容專題模板的好設計的,可見其并沒有從網站設計的角度出發去處理這個項目。
二、設計人員在需求階段介入,影響需求,而不干預需求
我們常聽到有設計師抱怨:“這個設計讓我改了十多遍怎么還不能定稿?”,也常聽到產品經理說:“這個設計師怎么就是把握不住要點?”
不論設計在網站的實現過程中有多么重要,網站該是什么模樣,還是必須由需求決定。所以網站項目的前期需求是至關重要的環節,也可以理解成房屋建筑的地基。需求也許是經過若干調查,將結果匯總后產生的報告,也可能是領導或老板的一時沖動而引發的大討論。
在需求的確立過程中,遺憾的是,網站設計人員的分量是極其有限的,產品經理、頻道主管、某級領導的想法往往直接決定著需求的最終形態。但是設計人員在需求階段的介入還是很有必要的,設計師能以自己專業獨到的眼光,提出科學合理的建議,影響需求的細節。這樣做的結果是能在最大限度上取得需求方和設計方的思想一致,而不至于在設計過程中面對著有意見卻不讓更改的需求問題而大發牢騷。
三、學會掌控用戶路徑
用戶從哪個頁面來?他最有可能點哪個鏈接或者按鈕?他使用了搜索框嗎?他下一頁去哪里?最后哪個頁面會被他打印輸出?
站在整個網站的角度出發,這些流程也許只是產品經理需要把握的,設計師拿到UE圖只管一個接一個繪制頁面就行。其實不然,好的設計師往往能承擔一部分產品經理的職責,設計出一個典型的用戶路徑,這對網站頁面流程有著很大的影響。
頁面和頁面之間有很多關聯,成片的超鏈接把流程頁面和外部頁面混亂地串在一起,區域A的文字鏈接要鏈到頁面2,區域B的圖片鏈接是指向頁面3,側邊的一個位置顯著的大按鈕其實是鏈接到網站X……頁面和頁面之間也是有繼承關系的,繼承的過程要讓用戶覺得理所當然,在視覺上實現平滑過渡,這就是設計師要考慮的具體問題。從一個頁面到另一個頁面的路徑組成里,哪些模塊要原樣保留,哪些控件要發生變化?頁面結構是否可以變動,頁面色彩是否可以更換?這些都是需要參照用戶路徑進行設計的地方。把自己想象成為一個普通用戶,一頁一頁地點進來,你就能明白用戶需要的是什么樣的合理設計。在此我們可以參考如圖所示的網站設計流程圖。
四、初步實現UE產品模型,并審核
設計師需要以什么作為參考來進行頁面設計?所有的元素和流程都在腦子里,這個時候設計師需要稍加整理把它們簡要地畫出來,畫出線框和注釋就可以了。
我們可以把UE模型理解為設計草圖,在UE階段,設計師主要根據用戶路徑得來的線索,加上對用戶交互習慣的探索,進而整理出一個大概的模型框架。這個框架里,要明確畫出有幾個關鍵頁面,每個關鍵頁面的關鍵元素和模塊有哪些,這些關鍵元素和模塊哪些是必須以某種特定位置排列或者是務必要強調突出的。
其中,網站的首頁、最終頁面是最重要的兩級頁面,首頁會是用戶使用網站的第一站,在首頁的體驗好壞,直接決定著他的去留;而最終頁面是用戶想要獲得信息的具體頁面,他會在這個頁面停留最久,可能會進行仔細的閱讀,或是打印出這一頁備用。通常在繪制完UE模型之后,會有一個開發小組來討論并且審核這個模型,這時候就需要著重確定首頁和最終頁的大概模樣,每個討論參與者對此都很關心。UE模型的繪制我們可以參考如圖的某商城的UE圖。UE模型通過之后,傳統意義的設計終于派上用場,要進行具體的頁面設計了。
鏈接1 網站設計中可能存在的誤區〖EOF〗
誤區一:設計師就是美工。
事實上,兩者幾乎完全不同,設計師存在主觀因素上的設計,而美工很有可能只是被動執行。
誤區二:用什么做圖軟件對設計師來說很重要。
其實設計師對做圖軟件沒有什么嚴格要求,很多學習繪圖軟件很久的人習慣用photoshop來畫頁面,而更多專職面向網頁設計的人習慣使用fireworks,因為其更偏網頁化的操作能帶來更高的效率。
誤區三:做平面設計和網頁設計其實是互通的。
雖然都是設計,但兩者的很多設計規矩是不一樣的,我認為兩者最大的區別是思想上的區別:平面設計講究留白和視覺沖擊,而網頁設計則寸土寸金,頁面元素的整齊協調更是至關重要的。
誤區四:我改變不了領導和用戶的需求。
設計師要做的只是提出自己對于設計上的看法,決定權仍然在于領導。
誤區五:我經驗不足,提不了任何建議。
對設計師來說,了解需求也是很重要的,不光是需要讀懂文檔,更需要真正明白大家在做的是一個什么樣的具體的東西,這樣在動手操作的時候,才不會手足無措或者是理解偏差。
誤區六:設計師直接出設計稿就行了,有問題就改。
設計師需要先搭建出UE模型,UE只需要以簡單線框模式展現,效率高而且適合隨時調整修改,往往在這個階段需要修改的地方是很多的,如果直接就以設計稿來探討,每修改一處都是一個工程,毫無效率可言。
誤區七: 每個頁面都很重要,都要認真研究探討。
其實大部分網站頁面都是一樣的框架,只是內容顯示不同,同一個級別的頁面基本都是一致的,除了關鍵頁面之外,其他頁面用戶也許只是經過一次,停留時間甚至可以忽略,論優先級來說,同等效率下自然要保證關鍵頁面。
時至今日,網站建設已經開始朝著更高的目標前進,在這樣的方向下,高端網站建設也就成為了眾多網站設計師們所努力的方向,因此,想要建設高端網站,必須在網站建設前期,在設計理念的塑造上就要將網站的設計理念定位在高端時尚前衛,這樣才能在設計上給予更多的靈感。中外商貿在高端網站制作上結合多年來的工作經驗,為網站建設的更好發展提供了一個良好的平臺。
|