AG亚游国际游戏

昆明AG亚游国际游戏網站建設技術有限公司
首頁 | 聯係方式 | 加入收藏 | 設為首頁 | 手機站
服務項目
聯係方式

聯係人:劉經理
電話:0871-4564677
郵箱:service@yinongchao.com

當前位置:首頁 >> 技術文章 >> 正文

美術設計算不算網頁設計

編輯:昆明AG亚游国际游戏網站建設技術有限公司  時間:2013/01/26  字號:
摘要:美術設計算不算網頁設計

    網頁設計不僅僅是美術設計如何搭建完整的網站架構並設計出一個出色的網站?關於這個問題,我們很難提出一個絕對權威和正確的設計思路,但任何網站的設計都需要遵循一個循序漸 進的步驟。此次IT設計欄目特別邀請網站設計專業人士,分別從網站模型構建、審美與交互設計、風格設計、代碼設計、可用性測 試及對設計的折回補充等五方麵,詳細闡述如何設計一個優秀的網站,敬請讀者關注。網站設計是一門新興的邊緣性職業,既要從外觀上進行創意,又要結合圖形和版麵設計,交互設計等諸多相關原理,這使得網站設計變成了一門獨特的藝術。良好的網站設計能使網站在同類站點中獨具特色,優秀的創意和表現方式能給瀏覽者留下深刻的印象,使網站訪問流量增加甚至直接增加網站收入。 因此,在設計的初始階段就規劃好網站的設計步驟是非常重要的,通常情況下網站設計步驟分為模型構建、審美及交互設計、風格設計、代碼設計、可用性測試等幾 大方麵。首先我們由以下四個步驟來了解一下網站模型設計中的內涵與重點。一、網頁設計,不僅僅是美術設計你的工作究竟屬於設計師還是美工?那得看你做的活是真正的設計,還是點綴頁麵使之更好看的操作。設計師的工作是高屋建瓴的,而美工隻是軟件工具的使用者。很多人把在網站中的設計定義為美術設計,認為設計師的工作任務就是使用Photoshop一類的繪圖軟件把需要展示的頁麵畫出來,其實這是很狹義的 理解。合格的設計師應該立足於整個網站的全局,在規劃上對整個網站進行完整的設計,在宏觀上把握設計風格導向,微觀上再針對該網站的具體定位來決定如何對 設計進行元素上的細化。當然,網站設計還包括了數據庫設計及程序設計,在這裏,我僅以我的從業經驗,舉例談談網站前端設計。北京奧運會即將開幕,我們先來舉兩個奧運類型網站的例子:奧運會官網:如圖,這是一個設計得非常成功的例子,設計師並沒有像一般涉及奧運主題的設計一樣使用大量紅色,而是把頁麵風格完全國際化,其中把各種資訊和功能模塊都恰到好處地融合在一起,粗毛筆一般的元素設計使網站得到了豐富的整體效果。新浪奧運頻道:如圖,我們可以看到設計師的創意僅僅被壓縮在頁麵滾屏幾次後看到的內容區塊上,使用了奧運五環色彩來進行設計。頁麵頭部基本是套在任 何一個專題網站都能使用的結構素材,而新浪的資訊係統一定是能支持實現一個更脫離內容專題模板的好設計的,可見其並沒有從網站設計的角度出發去處理這個項 目。二、設計人員在需求階段介入,影響需求,而不幹預需求我們常聽到有

    設計師抱怨:“這個設計讓我改了十多遍怎麽還不能定稿?”,也常聽到產品經理說:“這個設計師怎麽就是把握不住要點?”不論設計在網站的實現過程中有多麽重要,網站該是什麽模樣,還是必須由需求決定。所以網站項目的前期需求是至關重要的環節,也可以理解成房屋建築的地基。需求也許是經過若幹調查,將結果匯總後產生的報告,也可能是領導或老板的一時衝動而引發的大討論。在需求的確立過程中,遺憾的是,網站設計人員的分量是極其有限的,產品經理、頻道主管、某級領導的想法往往直接決定著需求的最終形態。但是設計人員 在需求階段的介入還是很有必要的,設計師能以自己專業獨到的眼光,提出科學合理的建議,影響需求的細節。這樣做的結果是能在最大限度上取得需求方和設計方 的思想一致,而不至於在設計過程中麵對著有意見卻不讓更改的需求問題而大發牢騷。需求決定網站產品模型fgjsjydk 下三、學會掌控用戶路徑用戶從哪個頁麵來?他最有可能點哪個鏈接或者按鈕?他使用了搜索框嗎?他下一頁去哪裏?最後哪個頁麵會被他打印輸出?站在整個網站的角度出發,這些流程也許隻是產品經理需要把握的,設計師拿到UE圖隻管一個接一個繪製頁麵就行。其實不然,好的設計師往往能承擔一部分產品經理的職責,設計出一個典型的用戶路徑,這對網站頁麵流程有著很大的影響。頁麵和頁麵之間有很多關聯,成片的超鏈接把流程頁麵和外部頁麵混亂地串在一起,區域A的文字鏈接要鏈到頁麵2,區域B的圖片鏈接是指向頁麵3,側邊 的一個位置顯著的大按鈕其實是鏈接到網站X……頁麵和頁麵之間也是有繼承關係的,繼承的過程要讓用戶覺得理所當然,在視覺上實現平滑過渡,這就是設計師要 考慮的具體問題。從一個頁麵到另一個頁麵的路徑組成裏,哪些模塊要原樣保留,哪些控件要發生變化?頁麵結構是否可以變動,頁麵色彩是否可以更換?這些都是 需要參照用戶路徑進行設計的地方。把自己想象成為一個普通用戶,一頁一頁地點進來,你就能明白用戶需要的是什麽樣的合理設計。在此我們可以參考如圖所示的 網站設計流程圖。四、初步實現UE產品模型,並審核網頁設計設計師需要以什麽作為參考來進行頁麵設計?所有的元素和流程都在腦子裏,這個時候設計師需要稍加整理把它們簡要地畫出來,畫出線框和注釋就可以了。我們可以把UE模型理解為設計草圖,在UE階段,設計師主要根據用戶路徑得來的線索,加上對用戶交互習慣的探索,進而整理出一個大概的模型框架。這 個框架裏,要明確畫出有幾個關鍵頁麵,每個關鍵頁麵的關鍵元素

    和模塊有哪些,這些關鍵元素和模塊哪些是必須以某種特定位置排列或者是務必要強調突出的。其中,網站的首頁、最終頁麵是最重要的兩級頁麵,首頁會是用戶使用網站的第一站,在首頁的體驗好壞,直接決定著他的去留;而最終頁麵是用戶想要獲得 信息的具體頁麵,他會在這個頁麵停留最久,可能會進行仔細的閱讀,或是打印出這一頁備用。通常在繪製完UE模型之後,會有一個開發小組來討論並且審核這個 模型,這時候就需要著重確定首頁和最終頁的大概模樣,每個討論參與者對此都很關心。UE模型的繪製我們可以參考如圖的某商城的UE圖。UE模型通過之後,傳統意義的設計終於派上用場,要進行具體的頁麵設計了。

上一條:cms建站的好處 下一條:網站靈魂與網站設計