Web設(shè)計基礎(chǔ)-網(wǎng)頁設(shè)計的概念

Web設(shè)計基礎(chǔ)教程網(wǎng)頁設(shè)計的概念目錄1網(wǎng)站的定位與規(guī)劃2網(wǎng)頁的構(gòu)成要素3網(wǎng)頁配色4網(wǎng)頁設(shè)計常用工具1.1網(wǎng)站的定位與規(guī)劃網(wǎng)站定位用以確定網(wǎng)站的服務(wù)領(lǐng)域、服務(wù)對象、服務(wù)內(nèi)容和服務(wù)形式，是確定合適的網(wǎng)站類型的依據(jù)。1.1.1什么是網(wǎng)站定位1.1.2網(wǎng)站定位的依據(jù)1．根據(jù)網(wǎng)站的性質(zhì)定位普通主體，專業(yè)主體，專門主體2．根據(jù)網(wǎng)站的受眾定位1.1.3網(wǎng)站定位的創(chuàng)意與策劃1．定位網(wǎng)站主題2．確定網(wǎng)站名稱名稱要立得住名稱要易于記憶名稱要有特色1.1.4樹立網(wǎng)站整體風(fēng)格風(fēng)格是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。1.2網(wǎng)頁的構(gòu)成要素1．文字2．圖片3．交互4．視頻和動畫1.3網(wǎng)頁配色1.3.1色彩的基本知識紅.橙.橙黃.黃.黃綠.綠.青綠.藍(lán)綠.藍(lán).藍(lán)紫.紫.紫紅.紅|___________||____||_________||_________|||||暖色系

中性系

寒色系

中性系1.3.2色彩的搭配1．網(wǎng)頁色彩搭配的原理。1）色彩的鮮明性。網(wǎng)頁的色彩要鮮艷，容易引人注目。2）色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對你的印象強(qiáng)烈。3）色彩的合適性。就是說色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點(diǎn)的柔性。4）色彩的聯(lián)想性。不同色彩會產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。安全配色的方法1）用一種色彩。這里是指先選定一種色彩，然后調(diào)整透明度或者飽和度，（說得通俗些就是將色彩變淡或則加深），產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。2）用兩種色彩。先選定一種色彩，然后選擇它的對比色（在Photoshop里按ctrl+shift+I）。我的主頁用藍(lán)色和黃色就是這樣確定的。整個頁面色彩豐富但不花哨。3）用一個色系。簡單的說就是用一個感覺的色彩，例如淡藍(lán)，淡黃，淡綠；或者土黃，土灰，土藍(lán)。4）用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很“跳”。1.4網(wǎng)頁設(shè)計常用工具1.4.1Photoshop1.4.2Fireworks