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