網(wǎng)站設計的基調(diào)文檔就是確定網(wǎng)站整體風格的文檔記錄。它一般由網(wǎng)站的設計人員制作完成。深圳網(wǎng)站設計公司認為網(wǎng)站的策劃人員一般也應該參與進來,因為策劃人員對網(wǎng)站的定位和用戶群體理解更加深入,而設計人員在設計上具有專業(yè)的敏銳感覺,所以,設計基調(diào)文檔應該由這兩部分人員合作完成。
網(wǎng)站的設計基調(diào)文檔確定了整個網(wǎng)站設計的風格,是網(wǎng)站設計方向的依據(jù)。網(wǎng)站設計的基調(diào)文檔,包括了網(wǎng)站的Logo、顏色、字體,以及界面的設計基調(diào)。
設計基調(diào)文檔本身很簡單,但是需要經(jīng)過多方的考慮,多次的討論后才能最終定下來。下面舉一個設計基調(diào)文檔的例子,這是一個關于提供育兒信息的網(wǎng)站,它的目標群體是新生兒父母。具體的文檔可在實踐中完善。
文檔的結構主要包括目錄、網(wǎng)站的定位及目標用戶群說明、網(wǎng)站設計的基調(diào)、網(wǎng)站的顏色、網(wǎng)站的字體、網(wǎng)站的Logo、網(wǎng)站的界面等。
網(wǎng)站的設計目標
目標用戶群:新生兒父母,年齡以25-35歲為核心用戶群體。網(wǎng)站整體風格感受:網(wǎng)站以提供育兒資訊和新生兒父母的互動平臺為主。育兒是初生兒父母關注的重點,網(wǎng)站要有一種可信賴的感覺。同時,網(wǎng)站宣揚的是愛,網(wǎng)站的風格要以溫馨、關愛為主體風格。所以,可信賴和溫馨是網(wǎng)站設計的基本基調(diào)。(這也決定了網(wǎng)站的色調(diào)、字體、Logo、圖標、圖片、界面的設計以這兩點為出發(fā)點。至于如何表現(xiàn),需要設計出各種具體的方案。)由于是年輕群體,所以,還要有輕松,明快的感受,不要呆板。
網(wǎng)站的色調(diào)
顏色傳達的感覺:可信賴、溫馨、祥和、快樂。主色調(diào):橙色,白底,不超過三種顏色。搭配顏色要根據(jù)主色調(diào)的情況而定,顏色不可過多。(網(wǎng)站的設計根據(jù)定位基調(diào)提出主色調(diào),網(wǎng)站設計師可進行多次設計,跟策劃人員及相關人員多次確認后敲定方案,敲定后,最好能夠在網(wǎng)站風格文檔上更新,作為備案。)
字體
主體文字為宋體,字號為14像素。正文標題為16號加粗。重點鏈接部分字體為黃色。所有個人空間鏈接的昵稱字體為淺藍色。(此處只是舉例子,相關的設計規(guī)范應該由設計人員一起確定。)圖片的字體和圖標(Icon)則根據(jù)該網(wǎng)頁的頁面風格來定。
網(wǎng)站Logo
網(wǎng)站Logo用橙色為主色調(diào),分為上下結構,上半部分為網(wǎng)站的域名的與圖標;下半部分為網(wǎng)站的主題,包括幾個簡單的說明文字。例如域名設為www.mybaby.com,(該域名只是用做例子,并不代表實際情況)Logo上半部分為mybaby.com,其中Mybaby的字體要進行特殊化設計,表達出父母對新生兒關愛的感覺,下半部分為主題說明的文字:寶寶成長的記錄。(具體的設計可靈活進行,這里僅僅是一個例子,不過logo要表達出整個網(wǎng)站的主題,讓用戶容易記住,像商標的標志,比如像麥當勞的標志那樣)。當網(wǎng)站logo選定之后,把logo添加到設計基調(diào)文檔中,以后備案用,如果有更改也可以作為更改的記錄,把文檔保存下來。
網(wǎng)站的界面結構
頁面的主體內(nèi)容部分分為左右結構,其中左邊版塊占3/5的版面寬度,右邊版塊占2/5的版面寬度。界面的設計,以及界面、顏色、字體、圖片等整體風格的搭配設計需要多次反復進行,很少有一次完成就能通過的情況。在現(xiàn)實的操作中可能會存在多次更改的情況,不管如何,每次更改之后,文檔都需要進行更新,要保持良好的文檔管理習慣,以利于將來需要時能找到。
首頁一般作為整體風格的基調(diào)頁面,網(wǎng)站的設計人員首先設計首頁,在首頁確定之后,其他頁面以首頁作為設計風格參考的依據(jù),這樣有利于形成統(tǒng)一的風格和讓用戶容易記憶。所以,設計師在設計首頁的時候會比設計其他頁面花更長的時間。網(wǎng)站設計公司本文關于“網(wǎng)站設計的設計基調(diào)文檔”的知識就介紹分享到這里,謝謝關注,博納網(wǎng)絡編輯整理。