首先麥格小編需要告訴大家，這是一篇適合廈門網(wǎng)站設(shè)計(jì)師的文章，當(dāng)然如果你不是網(wǎng)站設(shè)計(jì)師，那么看一下對(duì)你也是有幫助的。作為一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)師一定要時(shí)常保持有良好的創(chuàng)意，這只是這項(xiàng)工作的一部分，其實(shí)我們平時(shí)工作中如果能夠掌握一些網(wǎng)頁(yè)設(shè)計(jì)技巧也能起到很大作用。

這些技巧能夠幫助還處于新手的設(shè)計(jì)師“少走彎路”、“事半功倍”，設(shè)計(jì)出一個(gè)屬于自己的優(yōu)秀的網(wǎng)站。

這里麥格小編整理了一些小技巧。

第一、視覺(jué)效果非常重要

比起繁雜的文本內(nèi)容，一張簡(jiǎn)單的圖片能夠向用戶傳送更多有價(jià)值的信息。我們往往更能夠敏銳感知視覺(jué)傳達(dá)的信息，圖片有著跨越語(yǔ)言障礙的魅力，用戶對(duì)視覺(jué)圖片的感知通常比文字深刻。小竅門：

  在主頁(yè)顯示信息主圖片；

  圖片與產(chǎn)品特點(diǎn)一致；

  使產(chǎn)品圖片突顯；

  將圖片融進(jìn)到設(shè)計(jì)中；

  改善產(chǎn)品的視覺(jué)界面設(shè)計(jì)。

第二、切記搜索引擎優(yōu)化是十分關(guān)鍵的

在網(wǎng)站設(shè)計(jì)時(shí)，一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)當(dāng)始終銘記基本的SEO概念。比如，網(wǎng)頁(yè)結(jié)構(gòu)、網(wǎng)頁(yè)的標(biāo)題和標(biāo)志。這時(shí)，之前學(xué)習(xí)的怎樣合理編碼就派上用場(chǎng)了。當(dāng)了解HTML/CSS后，你能發(fā)現(xiàn)到DIV比表格布局好很多，不但更加正確地呈現(xiàn)內(nèi)容，并且對(duì)搜索引擎排行也是有幫助的。此外，了解用CSS換背景、文本和圖片也是一個(gè)好點(diǎn)子。

第三、網(wǎng)頁(yè)導(dǎo)航欄設(shè)計(jì)

來(lái)訪者的第一印象十分之關(guān)鍵，而導(dǎo)航條設(shè)計(jì)就等同于用戶的一個(gè)指引牌，他們進(jìn)入你的網(wǎng)站最開(kāi)始見(jiàn)到的就是導(dǎo)航欄。這里有幾個(gè)小竅門：要有好的布局、應(yīng)用高對(duì)比度，導(dǎo)航欄設(shè)計(jì)應(yīng)保持一致性和銜接性。

第四、合理“留白”

假如網(wǎng)頁(yè)上的元素太多就越容易混亂，用戶難以找到到正確的閱讀順序，內(nèi)容太繁雜，用戶就會(huì)感覺(jué)到厭倦，體驗(yàn)感就會(huì)很差，會(huì)導(dǎo)致用戶立即關(guān)閉頁(yè)面，進(jìn)而流失掉頁(yè)面的訪問(wèn)量。因此頁(yè)面要注意合理的留白，正確引導(dǎo)用戶訪問(wèn)。因此做網(wǎng)站也需要保持頁(yè)面的整潔、干凈，給讀者預(yù)留出一些視覺(jué)空間以避免視覺(jué)上的疲勞，這里特別說(shuō)明一下，合理留白可能會(huì)出現(xiàn)某些客戶不喜歡，因?yàn)轫?yè)面太空曠了，不過(guò)這個(gè)是一個(gè)目前設(shè)計(jì)的主流趨勢(shì)，大家自己去把握平衡這個(gè)設(shè)計(jì)的度。

第五、優(yōu)化文字排版設(shè)計(jì)

網(wǎng)絡(luò)上的信息絕大部分內(nèi)容是以書(shū)面文字的形式呈現(xiàn)的，文字排版設(shè)計(jì)是一個(gè)關(guān)鍵的設(shè)計(jì)范疇，做出恰當(dāng)?shù)呐虐嬖O(shè)計(jì)選擇能夠讓您的網(wǎng)站煥然一新。可以參照下列標(biāo)準(zhǔn)：嘗試使用標(biāo)準(zhǔn)字體、英文避免所有字母大寫(xiě)、確保足夠的顏色對(duì)比度、避免使用閃爍的文字，同時(shí)小編補(bǔ)充一點(diǎn)，如果是中文網(wǎng)站，盡量不要使用特殊字體，首先如果加載字體庫(kù)模式，會(huì)導(dǎo)致網(wǎng)站打開(kāi)很慢，另外可能出現(xiàn)侵權(quán)風(fēng)險(xiǎn)，如果一定要使用，最好是制作成圖片。

第六、盡量不要出現(xiàn)大塊文本

研究發(fā)現(xiàn)很多人不喜歡閱讀大塊的文本信息，感覺(jué)沒(méi)耐心一直閱讀下去，不論內(nèi)容寫(xiě)的多好。因此，我們務(wù)必這些大文本分解為若干小段落。突出關(guān)鍵的地方，放置點(diǎn)擊的按鈕也可以提高用戶的注意力。

第七、使用干凈、清晰的特寫(xiě)圖片

你可能會(huì)使用一些抽象的藝術(shù)性的圖片使你的網(wǎng)站看起來(lái)更有味道，但是這些圖片并不會(huì)吸引讀者的注意力。假如你需要應(yīng)用這些圖片，你必須確保圖片清晰，簡(jiǎn)單易理解。另外必須注意的是，使用與真實(shí)的“人”相關(guān)的圖片比模特圖片效果更好。

第八、設(shè)計(jì)一個(gè)有可塑性、易于維護(hù)的網(wǎng)站

一個(gè)出色的網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該做到確保以后網(wǎng)站能夠容易修改或更新。設(shè)計(jì)一個(gè)有可塑性、易于維護(hù)的網(wǎng)站，是一個(gè)偉大網(wǎng)頁(yè)設(shè)計(jì)師的標(biāo)志。建立更加靈活的網(wǎng)頁(yè)設(shè)計(jì)。

第九、優(yōu)化圖片

對(duì)于這個(gè)，我相信很大一部分設(shè)計(jì)師都會(huì)忽悠，特別是圖片的壓縮和格式關(guān)系，使用恰當(dāng)?shù)捻?yè)面格式圖，能讓網(wǎng)站打開(kāi)速度提高一半。這里有個(gè)選擇合適的文件格式的方法：假如照片是純色，那最好是存儲(chǔ)為PNG或是GIF格式照片；如果是持續(xù)的色調(diào)圖則最好是存儲(chǔ)為JPG格式的照片。在網(wǎng)上也有許多的輔助工具能夠協(xié)助你進(jìn)一步優(yōu)化你的圖片。盡可能把照片總數(shù)減到最少，靈活使用照片，盡量地減少圖片大小。

這樣將能夠極大地降低網(wǎng)頁(yè)的載入時(shí)間和改善網(wǎng)頁(yè)的性能。

雖然現(xiàn)在家庭帶寬對(duì)于這些圖片大小不是問(wèn)題，但是請(qǐng)注意，我們網(wǎng)站的服務(wù)器帶寬是有限制的，帶寬越高，成本越大！！！