網站設計教程之設計的步驟及思考

本文講述網站建設與之前的步驟不同,這是實際操作的步驟.本文包括了大局的步驟和欄目,圖片,小到一個圖標的選取等等等等,可能會漏掉很多的東西.歡迎補充.我只是引導你去思考,本章絕對不是網站的標準制作步驟,我相信也沒有什么標準的制作步驟. 

本章的設計步驟是建立在網頁設計進階之一 (步驟和大局觀)之上的.可能會涉及一些平面相關的知識.和網站與平面的比較.網頁與平面的區別我會在以后在寫. 

本章所講的基于PHOTOSHOP軟件制作. 

本章印證了網頁90%是排版這句話. 

遵循從整體到局部的順序. 

1:在定位的基礎上,搞明白自己要做什么. 

這句其實不用解釋了.你要明白的是我要做的站大概有什么樣的效果,并有例子在腦海里浮現.要做的這個站屬于什么樣的行業,這個行業的站都有什么共同的特點. 

2:你的目標/效果和你希望達到的目標/效果是怎么樣的.你設計的目標,與客戶的目標和公司領導的目標是否一致,有什么區別. 

3:你要如何去做,怎樣去做,用什么樣的手法手段,來達到你的目標/效果.又用怎樣的設計來強化和突出這個效果. 

4:你的布局,應該怎樣和你的設計搭配,怎樣來突出你的思路. 

5:是否有不同的風格,是否只是顏色上的變換.(將所有含有顏色的背景層保留) 

這幾步,是在動手之前要寫下來的.甚至有更詳細的功能和版面的東西,自己搞定吧. 

下面才是真正的動手設計的步驟. 

1:確定分辨率.和不同分辨下對應的效果. 

與平面的載體的不同,決定了網頁具有比平面更靈活的表達方式. 

站點的滿屏概念其實是分相對和絕對兩種,相對的,是針對當前分辨率的滿屏.而絕對滿屏幕,則是不同的顯示器不同的分辨率下都是滿屏,一般我會給出一個最小分辨率,大到無限.相對滿屏,比如1024×768,800×600等.最好是用絕對寬度來定義,就是像素為單位.而絕對滿屏,則用百分比. 

在確定分辨率之后,你的PS圖要比實際設計的圖要大.要考慮用戶使用高于你設計的分辨率下,網站以怎樣的形式表達,是居左,還是居中,還是靠在右邊. 

2:大背景,3條輔助線及邊界處理.結構(頭部,中間,底部的大概位置.) 

整體是否有背景. 

左邊界線,右邊界線,和中間線. 

如果是絕對寬度的設計,那么用戶使用較高分辨率瀏覽時,內容與多出的屏幕是否有分割. 

結構,究竟是上中下結構,還是左中右結構,還是其他的.每一塊,大概放什么內容.

以上內容由成都網站建設公司創新互聯發布，轉載請注明文章出處！

網站欄目：網站設計教程之設計的步驟及思考
網站鏈接：http://m.kartarina.com/news40/14740.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站設計等

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯