怎樣設計網頁頁面?

Tags: 網頁, 計劃, 頁面,

Web作為出書物的一種,同其他出書物如報紙,雜誌等在計劃上有很多配合之處,也要遵循一些計劃的根基原則,差異之處在於每章提到的Web的“非所見即所得”特徵和互動性。因此,認識一些計劃的根基原則,再對Web的非凡性作一些思量,便不難計劃出雅觀大方的頁面來。假若有美術計劃基本,對Web頁面的計劃會很有輔佐。假如不具備這方面的配景常識,那麼下面的一些原則將會對有所輔佐。

計劃的3C原則,所謂3C原則是指簡捷、同等性、好的比擬度。Web頁面計劃必要遵循這三條原則。

步驟/方法

簡捷

計劃並不再現詳細的物象和特性,它要表達的是必然的意圖和要求,在恰當的情形裡 為人們所領略和接管。它與畫圖有內涵接洽,但又差異於繪畫,它以滿意人們的適用和需求為方針,因而它比繪畫更純真,清楚和準確。頁面計劃屬於計劃的一種,同樣要求簡潔,精確。

從人影象手段角度來說,因為人的大腦一次最多可影象五到七條資訊,因此假如但願人們在看完你的Web後能留下印象,最好也應該用一個簡樸的要害詞語或影象吸引他們的留意力,如天極網的的“YESKY”.,精明易記。

保持簡捷的常用做法是行使一個精明的問題,這個問題經常回收圖形來暗示,但圖形同樣要求簡捷。另一種保持簡捷的做法是限定所用的字型和顏色的數量。一樣平常每頁行使的字型不高出三種,一個頁面中行使的顏色少於256種。頁面上全部的元素都該當有明晰的寄義和用途,不要試圖用無關的圖片把頁面裝點起來,初學者輕易犯的一個錯誤是把頁面搞的花裡呼哨,卻不能讓別人大白他到底要突出表達的是什麼內容,主題和意念。

同等性

同等性是示意一個丫點的奇異氣魄威風凜凜的重要本領之一。

要保持同等性,可以從頁面的排版動手,各個頁面行使溝通的頁邊距,文字,圖形之間保持溝通的間距;首要圖形,問題或標記旁邊留下溝通的空缺;假如在第一頁的頂部安排了公司符號,那麼在其他各頁面都放上這一符號;假如行使圖示導航,則各個頁面該當行使溝通的圖示。

同等性還包羅:頁面中的每個元素與整個頁面以及站點的色彩友善勢威風凜凜上的同等性。全部的圖示都該當彩溝通的計劃氣魄漚背同好比所有回收圖象的線條剪輯畫或所有行使寫實的照片等。

另一個保持同等性的步伐是字型和顏色的行使。筆墨的顏色要同影象的顏色保持同等並留意色彩搭配的調和。一個站點凡是隻行使一到兩種尺度色,為了保持顏色上的同等性,尺度色同等或臨近。好比,站點的主題色彩假如為赤色,也許就必要將連結的色彩也改為赤色。

比擬度

行使比擬是誇大突出某些內容的最有用的步伐之一。好的比擬度使內容更易於識別和接管。實現比擬的要領許多,最常用的是行使顏色的比擬,好比,內容概要和正文行使差異顏色的字型,內容概要行使藍色,而正文回收玄色;也可以行使大的問題,也等於面積上的比擬;還可以行使影象現比擬,題頭的影象明晰的向賞識者通報本頁的主題,這裡同樣必要留意的是連結的色彩,在計劃頁面時我們經常會只留意到未被會見的連結的色彩,而輕易忽視會見過的連結色彩將使得連結的筆墨難地識別。

尚有一種實現比擬的要領是行使學體變革。在筆墨排版中,可以行使斜體和黑體實出要害內容,可是留意不要濫用,不然就達不到應有的誇大結果。

行使比擬的要害是誇大突出要害內容,以吸引賞識者,勉勵他去掘客更深條理的內容。

為了對3C原則上有直觀的熟悉,可以到————等優越的站點上看看,領會一下這些站點對簡捷,同等性和對度等原則的掌握。

頁面計劃要點

WebWebWeb上的內容包含永珍,版式富厚多彩,但無論奈何的變革,好的Web站點老是有很多配合之處,譬喻:

全心組織的內容;

名目雅觀的正文;

調和的色彩搭。

相關問題答案