- 網(wǎng)頁美工設(shè)計(jì)色彩搭配技巧 推薦度：
- 相關(guān)推薦
網(wǎng)頁美工設(shè)計(jì)技巧
對于一名合格的網(wǎng)頁美工而言，熟悉掌握色彩搭配在網(wǎng)頁美工設(shè)計(jì)中的作用是一個基本的職業(yè)素養(yǎng)。眾所周知，色彩是視覺上的感應(yīng)，但是卻能引起人們心理情緒的變動，因此，在網(wǎng)站美工設(shè)計(jì)中，色彩搭配對于吸引游客有著相當(dāng)重要的作用。以下是小編整理的網(wǎng)頁美工設(shè)計(jì)技巧，希望能給幫助到大家。
網(wǎng)頁美工設(shè)計(jì)技巧
網(wǎng)頁讓人看上去舒適，協(xié)調(diào)，除了文字，圖片等內(nèi)容的合理排版，色彩的均衡也是相當(dāng)重要的一個部分。比如一個網(wǎng)站不可能單一的運(yùn)用一種顏色，所以色彩的均衡問題是設(shè)計(jì)者必須要考慮的問題。色彩的均衡，包括色彩的位置，每種色彩所占的比例，面積等等。比如鮮艷明亮的色彩面積應(yīng)小一點(diǎn)，讓人感覺舒適，不刺眼。這就是一種均衡的色彩搭配。
一個網(wǎng)站不可能單一的運(yùn)用一種顏色，讓人感覺單調(diào)，乏味；但是也不可能將所有的顏色都運(yùn)用到網(wǎng)站中，讓人感覺輕浮，花俏。一個網(wǎng)站必須有一種或兩種主題色，不至于讓客戶迷失方向，也不到于單調(diào)，乏味。所以確定網(wǎng)站美工設(shè)計(jì)的主題色也是設(shè)計(jì)者必須考慮的問題之一。
但是，一個頁面盡量不要超過4種色彩，用太多的色彩讓人沒有方向，沒有側(cè)重。當(dāng)主題色確定好以后，考慮其它配色時，一定要考慮其它配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外哪種因素占主要地位，是明度，純度還是色相。
在網(wǎng)站美工設(shè)計(jì)中的幾個網(wǎng)頁色彩搭配原理：
色彩的鮮明性：網(wǎng)頁的色彩要鮮艷，容易引人注目。
色彩的獨(dú)特性：要有與眾不同的色彩，使得大家對你的印象強(qiáng)烈。
色彩的合適性：就是說色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點(diǎn)的柔性。
色彩的聯(lián)想性：不同色彩會產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁的內(nèi)涵相關(guān)聯(lián)。
一位網(wǎng)頁美工設(shè)計(jì)的前輩說過：設(shè)計(jì)師不要“為設(shè)計(jì)而設(shè)計(jì)”。再炫酷的頁面效果、再豐富的表現(xiàn)形式，如果偏離了以用戶為中心的主線，讓用戶抓不住重點(diǎn)，感悟不到網(wǎng)頁本身所需要體現(xiàn)的信息，那么，再好的畫面呈現(xiàn)也是敗筆。因此，作為一名網(wǎng)站美工設(shè)計(jì)，不要懼怕失敗，只有不斷的學(xué)習(xí)與成長，才能成為一名合格，甚至優(yōu)秀的網(wǎng)頁美工設(shè)計(jì)大師。
提高Dreamweaver網(wǎng)頁設(shè)計(jì)制作技巧
1、靈活運(yùn)用樣式
熟悉網(wǎng)頁設(shè)計(jì)的網(wǎng)友就知道，調(diào)用Style的方法很多，我們可以單擊鼠標(biāo)右鍵選擇CustonStyle來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。比如用CustonStyle來調(diào)用Style標(biāo)準(zhǔn)，在網(wǎng)頁代碼中就生成一個〈span〉標(biāo)簽，這樣的標(biāo)簽一多就會使文件十分臃腫而且影響瀏覽器的解析速度，所以我們應(yīng)盡量使用狀態(tài)欄中的元素列表來調(diào)用Style。
2、活用Format Table命令
在復(fù)雜的網(wǎng)頁設(shè)計(jì)中，表格的應(yīng)用是最多的，因?yàn)槔帽砀窨梢宰杂傻乜刂莆谋竞蛨D象在網(wǎng)頁上出現(xiàn)的具體位置，從而使整個網(wǎng)頁看上去緊湊統(tǒng)一。Dreamweaver在這方面也不甘落后，我們可以使用其中的“Format Table”(格式化表格)命令來快速地對表格應(yīng)用預(yù)先設(shè)計(jì)好的樣式。要使用預(yù)先設(shè)計(jì)好的樣式，先將光標(biāo)置于表格的任意一個單元格內(nèi)，再選擇“Command”→“Format Table”命令，在隨后出現(xiàn)的對話框中，從左邊的列表中選擇一個設(shè)計(jì)方案。按“Apply”鍵來查看效果，如果不滿意的話，還可以重新設(shè)置或者修改部分參數(shù)的值，如邊界粗細(xì)，背景顏色等等。
3、同時鏈接到兩個網(wǎng)頁
我們都知道超級鏈接一次只能連到一個頁面。如果我們要想一次在不同的框架頁中打開文檔，可以使用“GoToURL”JavaScript行為。打開一個有框架的網(wǎng)頁，選擇文字或圖象，然后從行為面板中選擇“GoToURL”。我們會注意到Dreamweaver會在“GoToURL”對話框中顯示所有可用的框架。選擇其中一個我們想鏈接的框架并輸入相應(yīng)的URL后再選擇另一個框架并輸入另一個URL。
4、不給文件起中文名稱
大家在制作好了網(wǎng)頁后，通常會給網(wǎng)頁起一個具有代表性的中文名稱，一來能使人一看文件名就能大概了解文件所包含的內(nèi)容，二來能夠方便各個超級鏈接之間的相互調(diào)用。但如果你在Dreamweaver中這樣做，就會發(fā)現(xiàn)Dreamweaver對中文文件名支持得不是太好，經(jīng)常會有頁面調(diào)用不正確的現(xiàn)象發(fā)生，所以我們以后在Dreamweaver中保存網(wǎng)頁的時候，盡量用英文或者數(shù)字作為文件名稱，這樣就可以避免上面的出錯現(xiàn)象。
5、巧妙設(shè)置字體分辨率
我們在制作網(wǎng)頁的時候，經(jīng)常有這種體會，那就是制作好的網(wǎng)頁在本地計(jì)算機(jī)上瀏覽時很正常，但在另外一臺計(jì)算機(jī)上瀏覽時發(fā)現(xiàn)原本漂亮的網(wǎng)頁變得歪歪扭扭了，這是為什么呢?原來各個計(jì)算機(jī)的分辨率要使你的主頁在不同的分辨率下都能正常顯示，在Dreamweaver中得到了較好的解決。在文檔窗口的右下角，Dreamweaver顯示當(dāng)前文檔被設(shè)計(jì)成的分辨率大小。單擊哪個數(shù)字，在彈出式菜單中可以為當(dāng)前的頁面指定顯示分辨率，通過修改可以使你的主頁更具靈活性。使不同分辨率的顯示器都能較好地顯示。
6、巧妙隱藏標(biāo)簽
如果在網(wǎng)頁中插入了不可見的元素時，Dreamweaver會自動在頁面上添加一個與之相應(yīng)的元素標(biāo)簽，以便于我們選擇不可見元素。但這并不全是件好事，比如我們在一個有很多層的頁面中的第一行便插入一個表格，就會發(fā)現(xiàn)由于首行排列了太多的層元素標(biāo)簽而使得表格自動退到了頁面的第二行，雖然在瀏覽時并不影響效果，但這確確實(shí)實(shí)會阻礙我們的工作。所以當(dāng)我們覺得某個元素標(biāo)簽礙手礙腳時，就索性將之屏蔽掉。方法是按Ctrl+U打開Preferences面板，在Category中選中InvisibelElements，在面板的右邊將會出現(xiàn)所有的元素標(biāo)簽。只要將不需要的元素標(biāo)簽前的勾去掉，以后它就保證不會再出現(xiàn)了。
7、善用拖放技巧
我們在使用Dreamweaver編輯網(wǎng)頁的時候，經(jīng)常需要插入一些圖象什么的，假設(shè)要插入的圖象很多，按照常規(guī)方法來操作就顯得非常麻煩。我們可以利用拖放技巧來很好地解決這個問題。首先我們把Dreamweaver的操作窗口變成活動窗口，以騰出空間來顯示Explorer窗口，找到要插入的圖象文件后，把它們一一用鼠標(biāo)拖動到網(wǎng)頁的適當(dāng)部位，Dreamweaver將自動把這些圖象的url添加到文件的HTML代碼中，當(dāng)然這里要求被拖動的圖象文件必須是gif、jpg等web圖象格式的文件。對于已經(jīng)在網(wǎng)頁中的圖象也是一樣，直接拖過來就可以了。但如果被拖動的圖象上有超級鏈接，就不可以再使用拖動技術(shù)了，因?yàn)槟菚r拖過來的僅僅是超級鏈接地址。
【網(wǎng)頁美工設(shè)計(jì)技巧】相關(guān)文章：
網(wǎng)頁美工設(shè)計(jì)色彩搭配技巧07-02
網(wǎng)頁美工設(shè)計(jì)的用戶體驗(yàn)12-16
網(wǎng)頁美工設(shè)計(jì)色彩搭配07-01
網(wǎng)頁美工設(shè)計(jì)的標(biāo)題設(shè)計(jì)07-02
網(wǎng)頁美工設(shè)計(jì)的色彩搭配07-02
美工設(shè)計(jì)配色技巧07-02