本節簡介:案例演示制作,用PS設計網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
可以根據內容來設置頁面主體顏色,比如科技可以使用藍、銀色;生物方面可以使用綠色、黃色;商品方面可以使用紅色,紫色;標簽可以使用多樣性的,以增加網頁趣味,比如圓角矩形,點狀分割線等。
注意色調,與生物有關的用綠色多,與科技有關的用藍色多。
常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式(會對網頁結構靈活地進行變形)
網頁結構:上下結構(個人網站,企業網站)如果是下上布局,為了避免滑動條出現大小控制在1000px*640px,左右布局(小型的企業網站,)二級頁面框架:1.logo 2.廣告圖片 3.導航區 4.廣告區 5.分類產品區 版權信息區 標題設計方法
網頁設計須注意頁面結構安排,產品位置擺放,以及添加界線。
4.上左中右式結構(常用于企業,門戶,電子商務;是目前最常用最為普遍的一種模式結構;主要用于政府、教育、科技、電子商務等;整體顏色以清爽、簡潔為主,主體底色為白色)5.綜合式結構(如:把頁面分為上下兩部分,上部又分為:上,左中右結構,下部區域為:上左右倒過來;常用于大型門戶,如:搜狐、新浪、163等;)6.不規則式結構(頁面設計為一個形象或是一張圖片,重在渲染氣氛)
網頁布局分為:1.上下結構(常用于個人企業和中小型企業)2.左右結構(內容豐富,常用于企業網站;比較好的有:左中(中間的又可以劃分為上下結構且下部又分為上中右)右3.上左右式結構(常用于大中型企業,表達內容較多;如:上:導航菜單;左:信息,小廣告;右:主內容;可以根據頁面所需位置,顏色,面積大小來調整頁面的主次;一句話:有多少內容就劃分多少模塊)
準確定位需要的結構框架,劃分結構模式,用PS設計網上商城的二級頁面