網(wǎng)站式設計PPT學習教案

1、會計學1網(wǎng)站式設計網(wǎng)站式設計第1頁/共70頁第2頁/共70頁第3頁/共70頁第4頁/共70頁告的尺寸，位置等等。告的尺寸，位置等等。n新浪、騰訊、淘寶的首頁改版。新浪、騰訊、淘寶的首頁改版。單純從視覺設計的角度上看，單純從視覺設計的角度上看，騰訊非常清爽，很用心。騰訊非常清爽，很用心。第5頁/共70頁第6頁/共70頁第7頁/共70頁第8頁/共70頁第9頁/共70頁第10頁/共70頁第11頁/共70頁第12頁/共70頁第13頁/共70頁3者視線向外輻射，則形成一個者視線向外輻射，則形成一個離心的網(wǎng)頁版式。離心版式是離心的網(wǎng)頁版式。離心版式是外向的、活潑的，更具現(xiàn)代感，外向的、活潑的，更具現(xiàn)代感，

2、運用時應注意避免凌亂。運用時應注意避免凌亂。第14頁/共70頁第15頁/共70頁第16頁/共70頁第17頁/共70頁第18頁/共70頁第19頁/共70頁第20頁/共70頁第21頁/共70頁第22頁/共70頁第23頁/共70頁第24頁/共70頁第25頁/共70頁第26頁/共70頁頁面的設計輕松而具均衡的形式感，把最佳視域留給了橫貫頁面的大標題頁面的設計輕松而具均衡的形式感，把最佳視域留給了橫貫頁面的大標題第27頁/共70頁作為個性化的視覺元素，拼貼剪紙式的文字分別占據(jù)了三個點，吸引視線在作為個性化的視覺元素，拼貼剪紙式的文字分別占據(jù)了三個點，吸引視線在它們之間流動它們之間流動第28頁/共70頁

3、瀏覽者的眼睛首先看到的是頁面的左上角瀏覽者的眼睛首先看到的是頁面的左上角第29頁/共70頁第30頁/共70頁視覺流程明確，形成清晰易讀的頁面設計視覺流程明確，形成清晰易讀的頁面設計第31頁/共70頁自由的視覺流程形成生動活潑的頁面設計自由的視覺流程形成生動活潑的頁面設計第32頁/共70頁第33頁/共70頁按照主從關系的順序，使放大按照主從關系的順序，使放大的主題形象成為視覺焦點，以的主題形象成為視覺焦點，以此來表達主題思想。此來表達主題思想。 運用圖片大小的對比引起視覺的流動運用圖片大小的對比引起視覺的流動第34頁/共70頁將文案作整體編排，突出主題形象。將文案作整體編排，突出主題形象。 對主

4、題圖片的遮擋，引發(fā)瀏覽者一探究竟的興趣對主題圖片的遮擋，引發(fā)瀏覽者一探究竟的興趣第35頁/共70頁在主題形象四周增加空白量，使之成為視覺焦點在主題形象四周增加空白量，使之成為視覺焦點。留白使頁面簡約大方，更加突出了主題留白使頁面簡約大方，更加突出了主題第36頁/共70頁通過在主體產(chǎn)品周圍留白吸引視線通過在主體產(chǎn)品周圍留白吸引視線第37頁/共70頁這是一個典型的運用焦點視覺流程的例子這是一個典型的運用焦點視覺流程的例子第38頁/共70頁頁面中的方形圖無疑首先吸引了瀏覽者的視線頁面中的方形圖無疑首先吸引了瀏覽者的視線第39頁/共70頁具有獨特個性風格的首頁設計具有獨特個性風格的首頁設計,視覺流程清

5、晰視覺流程清晰 第40頁/共70頁第41頁/共70頁黑黑紅紅藍藍藍紫藍紫綠綠第42頁/共70頁第43頁/共70頁第44頁/共70頁n茄子茄子n黑色，可聯(lián)想到夜晚、墨；黑色，可聯(lián)想到夜晚、墨；炭、炭、n白色：可聯(lián)想到白云、白糖、白色：可聯(lián)想到白云、白糖、面粉、雪面粉、雪n灰色：可聯(lián)想到烏云、草木灰、灰色：可聯(lián)想到烏云、草木灰、樹皮樹皮第45頁/共70頁重、神秘重、神秘n黑色：可聯(lián)想到嚴肅、剛健、黑色：可聯(lián)想到嚴肅、剛健、恐怖、死亡恐怖、死亡n白色：可聯(lián)想到純潔、圣、清白色：可聯(lián)想到純潔、圣、清凈、光明凈、光明n灰色：可聯(lián)想到平凡、失意、灰色：可聯(lián)想到平凡、失意、謙遜謙遜n這些色彩的聯(lián)想多次反復，幾這些色彩的聯(lián)想多次反復，幾乎固定了它們專有的表情，于乎固定了它們專有的表情，于是該色就變成了該事物的象征。是該色就變成了該事物的象征。第46頁/共70頁第47頁/共70頁第48頁/共70頁第49頁/共70頁第50頁/共70頁第51頁/共70頁第52頁/共70頁第53頁/共70頁第54頁/共70頁第55頁/共70頁第56頁/共70頁第57頁/共70頁第58頁/共70頁第59頁/共70頁第