網(wǎng)站設(shè)計(jì)，要能充分吸引訪問者的注意力，讓訪問者產(chǎn)生視覺上的愉悅感。因此在網(wǎng)頁創(chuàng)作的時(shí)候就必須將網(wǎng)站的整體設(shè)計(jì)與網(wǎng)頁設(shè)計(jì)的相關(guān)原理緊密結(jié)合起來。網(wǎng)站設(shè)計(jì)是將策劃案中的內(nèi)容、網(wǎng)站的主題模式，以及結(jié)合自己的認(rèn)識(shí)通過藝術(shù)的手法表現(xiàn)出來；而網(wǎng)頁制作通常就是將網(wǎng)頁設(shè)計(jì)師所設(shè)計(jì)出來的設(shè)計(jì)稿，按照W3C規(guī)范用html（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）將其制作成網(wǎng)頁格式。那么網(wǎng)站設(shè)計(jì)技巧有哪些？

　　1、單頁面

　　單個(gè)長頁面的設(shè)計(jì)一度不受人待見（無論是客戶還是設(shè)計(jì)師），但如今整個(gè)互聯(lián)網(wǎng)隨處可見。一個(gè)合理的解釋是，用戶如今早已習(xí)慣于使用鼠標(biāo)滾輪了，比起在多個(gè)頁面間來回查看，用滾輪上下瀏覽要省事得多。包括蘋果在內(nèi)的一些知名大公司也使用了相當(dāng)長的頁面來展示產(chǎn)品，獲得了很不錯(cuò)的效果。

　　2、用照片做背景

　　出于品牌或展示的目的，把照片用作網(wǎng)站的背景，這樣可以形成強(qiáng)烈的視覺表達(dá)效果。這也是為何你能在時(shí)尚、服裝品牌、旅游業(yè)等等行業(yè)看到這樣的設(shè)計(jì)辦法。

　　3、色塊設(shè)計(jì)

　　這一設(shè)計(jì)方法主要是引入了方塊的網(wǎng)格設(shè)計(jì)，這些方塊要么是純色塊配上文字，要么是方形照片配上文字。“簡潔”是吸引用戶的一大原因。不同的色塊放在一起形成強(qiáng)烈的對(duì)比，容易引起用戶的視覺興趣，進(jìn)而繼續(xù)探索下去。

　　4、超大號(hào)的圖片

　　這一潮流的興起多少與Mac OS X圖標(biāo)設(shè)計(jì)的流行有關(guān)。當(dāng)程序員為自己的Mac程序推出網(wǎng)站時(shí)，這樣配有超大號(hào)圖片、突出品牌的設(shè)計(jì)再常見不過。自然地，這一潮流后來也被iOS開發(fā)者繼承了下來，成為現(xiàn)代設(shè)計(jì)文化的一部分。

　　5、聚焦簡潔

　　對(duì)簡潔的追求貫穿了整個(gè)2012年，許多的網(wǎng)站開始尋求明快、直觀的設(shè)計(jì)。極簡設(shè)計(jì)旨在通過整合或是刪除多余的頁面實(shí)現(xiàn)簡化，只給用戶需要的東西。極簡設(shè)計(jì)通常會(huì)用到大號(hào)的加粗字體、以及超大號(hào)的圖片，清晰地把重要的東西傳達(dá)出來。

　　6、響應(yīng)式設(shè)計(jì)

　　隨著手機(jī)和平板設(shè)備越來越多地進(jìn)入人們的生活，響應(yīng)式設(shè)計(jì)也成為了當(dāng)下網(wǎng)站開發(fā)不可忽視的一股力量。一個(gè)可自適應(yīng)任何設(shè)備的網(wǎng)頁是很了不起的。響應(yīng)式設(shè)計(jì)能確保用戶無論是在移動(dòng)設(shè)備還是在PC上都能按你的意愿瀏覽內(nèi)容。

　　7、視差滾動(dòng)

　　所謂“視差滾動(dòng)(Parallax Scrolling)”就是讓多層背景以不同的速度移動(dòng)，形成運(yùn)動(dòng)視差3D效果。隨著越來越多的瀏覽器增加對(duì)視差的支持，這一技術(shù)也很有可能會(huì)更加流行。

　　8、強(qiáng)調(diào)字體

　　從前設(shè)計(jì)師所能使用的字體受用戶電腦本地已有的字體所限。如今借助Google fonts和Typekit等服務(wù)，從理論上說，能使用的字體是無限多的，極大增強(qiáng)了網(wǎng)站設(shè)計(jì)的吸引力。設(shè)計(jì)師利用這一機(jī)會(huì)也已有了一段時(shí)間了，越來越多的網(wǎng)站也體現(xiàn)了對(duì)字體的重視。甚至有些網(wǎng)站如Typographica，字體就占了整個(gè)網(wǎng)站設(shè)計(jì)的絕大部分，出來的效果也相當(dāng)不錯(cuò)。