本節簡介:案例演示制作,用PS設計網上商城二級頁面。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
和生物有關的用綠色多一些,和科技有關的用藍色多一些
這節課所學的是:網頁布局模式:上下結構式,左右結構式,上左右結構式,上左右中結構式,網頁的設計風格
先分析網站的主色調,和生物有關的要用綠色,和科技有關的用藍顏色的多一些
常用的網頁布局模式:上下結構式、左右結構式、上左右結構式、上左中右結構式、
風格類型,進行調整。房地產:開闊,視覺沖擊力。上左右:上大下小,氣勢變大。二級頁面:帶有導航信息的頁面 。
根據企業性質、內容、素材定網頁色調,設計網頁時,需要對整個的內容有一個概念,分析網站如何設計結構才能使瀏覽者被網頁內容所吸引。
頁面效果圖制作:先劃分區域,尺寸,再加內容進去。產品圖片列表的圖片裁好后,可以用陰影的圖層樣式加邊框。
可以根據內容來設置頁面主體顏色,比如科技可以使用藍、銀色;生物方面可以使用綠色、黃色;商品方面可以使用紅色,紫色;標簽可以使用多樣性的,以增加網頁趣味,比如圓角矩形,點狀分割線等;而該生物制藥公司的logo偏藍色,所以可以讓在設計的時候,整個網站可以偏向藍色。
通常藍色用于科技,綠色可以表示科技;而該生物制藥公司的logo偏藍色,所以可以讓在設計的時候,整個網站可以偏向藍色。
頁面效果圖制作:先劃分區域,尺寸,再加內容進去。產品圖片列表的圖片裁好后,可以用陰影的圖層樣式加邊框。
設計網頁時,需要對整個的內容有一個概念,分析網站如何設計結構才能使瀏覽者被網頁內容所吸引。