在網站設計中,最重要的方面之一是網頁的風格。網頁的風格包括很多內容,主要包括色彩、網頁布局、網頁文本交互、多媒體形式、內容結構和網頁內容等,下面分別介紹這些方面。1、色彩
顏色包括網頁背景顏色、文字顏色、色系和圖片顏色等。2、排版
主要是網頁的整體結構,各組成部分內容的展示形式,表格、框架、文字縮進、段落等的應用。
在編寫文本、查找圖像和進行正式的網頁設計之前,應該組織基本的網頁結構。如果您不以一個相當清晰的結構開始,它幾乎肯定會以一團糟告終。參考一些用戶喜歡的頁面,研究他們的布局和風格,看看他們是如何表現內容的。整頁復制別人的東西是剽竊,但向別人學習是一個研究過程。
對要設計的網頁進行初步思考后,可以將思考的結果以草圖的形式表現出來。這樣做有兩個目的:
一種是將腦海中的想法變成有形的圖片,這樣您就可以自己驗證它的實際效果。
二是可以把設計草圖發給別人,請他們提意見。
草圖的設計可以使用Photoshop或其他圖像設計軟件,主要內容是對網頁的整體結構進行規劃。比如把網頁整體分成幾個大的部分,每個部分應該放什么內容,內容應該怎么展示,是圖片、動畫還是文字。圖1-22 是一個網頁的草圖。
3、網頁的交互
主要是網頁、客戶端和服務器端程序的交互形式,比如客戶端是否使用JavaScript框架來增強用戶體驗,服務器端程序如何實現,如ASP、PHP、XML、CGI、等4、其他的媒體形式
這部分主要是各種使網頁看起來生動的內容形式,如Flash動畫、Silverlight程序等。5、內容架構
主要是指網站的目錄規劃、網站的層次性和網頁內容。如圖1-23所示,是一篇來自網易的新聞文章。這個網頁的內容結構很有代表性。首先是一個非常醒目的標題,一目了然。以下是內容的發布時間和來源,因為這部分內容不是重點,但也不能少,所以以較小的字體顯示。接下來是總結,用戶只需要閱讀這幾行就可以理解本文的內容。最后是正文,圖文并茂。
這種結構值得借鑒。用戶在設計展示產品的網頁時,還應該將產品的名稱放在網頁的頂部,讓用戶一眼就知道是什么。如果介紹的產品內容很多,還應該在正文前面放一個概要,簡單介紹一下產品的性能和一些指標。最后向用戶詳細介紹產品。初學者經常在這方面犯錯誤。比如產品名稱經常和產品介紹混在一起,或者產品介紹很詳細,但是沒有介紹。在這種情況下,用戶就很難理解網頁的內容。6、網頁內容
主要是指網站的主題是否清晰,網站的整體實用性,網站內文件的相關性,網頁內容與主題的契合度,是否有多余的文件等。
我們專注高端建站,小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!