扁平化設(shè)計(jì)
扁平化設(shè)計(jì)可以說(shuō)是時(shí)下最常用的網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格了，它弱化了材質(zhì)、漸變、陰影，去除了冗余信息的圖形元素、排版。這種風(fēng)格設(shè)計(jì)可以使畫(huà)面顯得更加平滑，提升了網(wǎng)站內(nèi)容信息的視覺(jué)層級(jí)，更加方便用戶(hù)快速尋找自己需要的內(nèi)容。同時(shí)扁平化的界面能更好實(shí)現(xiàn)不同尺寸的轉(zhuǎn)化。
3D風(fēng)格
這里所說(shuō)的3D風(fēng)格不是純粹的使人感到身在其中的3D壞境，而是那些運(yùn)用少量3D效果使整個(gè)網(wǎng)頁(yè)顯得更加靈動(dòng)，通過(guò)扁平化的基礎(chǔ)上，添加一些生動(dòng)的非扁平元素，給網(wǎng)站帶來(lái)了原本缺乏的縱深感，同時(shí)提升主體視覺(jué)吸引力。
極簡(jiǎn)風(fēng)格
著名工業(yè)設(shè)計(jì)大師迪特拉姆斯的一個(gè)設(shè)計(jì)原則就是“好的設(shè)計(jì)是盡可能少的設(shè)計(jì)”，這條原則也同樣適用于網(wǎng)頁(yè)設(shè)計(jì)中，在網(wǎng)頁(yè)中去除非必要的信息，頁(yè)面中每增加一個(gè)元素，都會(huì)引起用戶(hù)過(guò)多的小，甚至成為用戶(hù)完成目標(biāo)任務(wù)的阻礙。極簡(jiǎn)設(shè)計(jì)的好處就在于它能最大化節(jié)約用戶(hù)的時(shí)間成本。
無(wú)邊框風(fēng)格
無(wú)邊框風(fēng)格是指那些避免使用各類(lèi)邊框的網(wǎng)頁(yè)設(shè)計(jì)，這里的邊框是指任何類(lèi)型的裝飾性容器，通過(guò)去掉這些裝飾性容器，加強(qiáng)基本內(nèi)容的設(shè)計(jì)感，比如圖片質(zhì)量和排版布局，從而提升整體因無(wú)裝飾性容器的視覺(jué)表現(xiàn)。
插畫(huà)風(fēng)格
在網(wǎng)頁(yè)設(shè)計(jì)中，除了使用大量的圖片作為背景或主體元素外，圖形插畫(huà)的運(yùn)用也是一種很好的方式，網(wǎng)頁(yè)Banner可以運(yùn)用插畫(huà)來(lái)表達(dá)網(wǎng)站主題，同時(shí)加上插畫(huà)圖標(biāo)的點(diǎn)綴，使得網(wǎng)頁(yè)看起來(lái)清新有趣，加強(qiáng)網(wǎng)站本身的獨(dú)特性。
黑板風(fēng)格
雖然黑板風(fēng)格不是一個(gè)常見(jiàn)的風(fēng)格，但是其經(jīng)典的使用方式和延伸效果同樣可以作為網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格的一項(xiàng)選擇。最常見(jiàn)的運(yùn)用方式就是將黑板作為背景元素，同時(shí)黑板本身的裝飾效果使網(wǎng)站呈現(xiàn)非常時(shí)尚。許多經(jīng)典的美食網(wǎng)站設(shè)計(jì)都采用了這種風(fēng)格，除了使用黑板以外，將現(xiàn)實(shí)場(chǎng)景中的桌面運(yùn)用到背景中也格外出彩。
縱向分割
習(xí)慣了一欄式的設(shè)計(jì)，將頻幕一分為二甚至是多欄式的網(wǎng)頁(yè)設(shè)計(jì)方式受到了眾多用戶(hù)的喜愛(ài)，在網(wǎng)頁(yè)設(shè)計(jì)中使用新鮮的分屏式設(shè)計(jì)可以方便呈現(xiàn)不同的信息，創(chuàng)造對(duì)比。同時(shí)劃分有效區(qū)域，方便用戶(hù)進(jìn)行快速選擇和視覺(jué)聚焦。
超級(jí)頭版
以往的網(wǎng)頁(yè)設(shè)計(jì)中，輪播幻燈片的效果使用充斥著各種網(wǎng)站，雖然這種設(shè)計(jì)方式在許多首頁(yè)上仍然適用名，但卻正在失去吸引力，取而代之的是采用的核心區(qū)域元素，也就是主題的主題圖或者說(shuō)是超級(jí)頭版，在首頁(yè)上使用尺寸超大、迷人的精美Banner，而這個(gè)超級(jí)頭版匯聚了對(duì)產(chǎn)品的精華總結(jié)，從而將網(wǎng)站最重要的內(nèi)容展示給用戶(hù)。
照片與白字搭配
嚴(yán)格意義上，這不算一種設(shè)計(jì)風(fēng)格，但是這種方法可以幫助我們快速制作出色的Banner或者網(wǎng)站，通過(guò)對(duì)照片進(jìn)行一些色彩疊加，同時(shí)搭配白色文案，從而形成對(duì)比，使文字更加清晰易于傳達(dá)。你可以把它像公式一樣記在腦子里，碰到合適的機(jī)會(huì)就可以使用。
1、全屏圖片背景設(shè)計(jì)
設(shè)計(jì)特色：該類(lèi)網(wǎng)站設(shè)計(jì)頁(yè)面中的文字內(nèi)容很少，如果必須時(shí)會(huì)將文字以一種藝術(shù)字的形式展現(xiàn)出來(lái)。以圖片為主，讓看到了文字網(wǎng)站的用戶(hù)們耳目一新，漂亮的顏色、合理的搭配給人一種賞心悅目的感覺(jué)。簡(jiǎn)單、直接讓用戶(hù)一眼就能夠明白企業(yè)想傳達(dá)給用戶(hù)的信息。
2、網(wǎng)頁(yè)扁平化設(shè)計(jì)
扁平化設(shè)計(jì)的特色：除低網(wǎng)站想要表達(dá)的內(nèi)容本身的信息量，簡(jiǎn)單明了。提升網(wǎng)站的還的加載速度度，降低網(wǎng)站對(duì)內(nèi)存的占用量。
3、3D動(dòng)畫(huà)響應(yīng)網(wǎng)頁(yè)設(shè)計(jì)
3D動(dòng)畫(huà)網(wǎng)頁(yè)設(shè)計(jì)的特色：用戶(hù)通過(guò)將鼠標(biāo)放置到指定位置并進(jìn)行滑動(dòng)，以此來(lái)控制網(wǎng)站不同信的展現(xiàn)。這類(lèi)設(shè)計(jì)給用戶(hù)一種控制感，一種響應(yīng)式的交互體驗(yàn)。趣味性非常強(qiáng)，無(wú)論是網(wǎng)站還是廣告宣傳都可以使用。
4、瀑布流式網(wǎng)站設(shè)計(jì)風(fēng)格
瀑布流式網(wǎng)站設(shè)計(jì)風(fēng)格特色：網(wǎng)站內(nèi)采用垂直排布的方式展現(xiàn)，提升了用戶(hù)在站內(nèi)搜索的速度，除、降低了網(wǎng)站分頁(yè)的打開(kāi)時(shí)間。這種設(shè)計(jì)多用于電類(lèi)為網(wǎng)站，非常適用于那些每日更新且信息量大的網(wǎng)站。
5、個(gè)性化網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格
個(gè)性化網(wǎng)頁(yè)設(shè)計(jì)風(fēng)格特色：個(gè)性化的字體，生動(dòng)有趣的動(dòng)畫(huà)和具有沖機(jī)力的色彩都是吸引用戶(hù)的元素，個(gè)性化網(wǎng)頁(yè)設(shè)計(jì)主要突出的是個(gè)性，就是用某些與眾不同的東西來(lái)吸引用戶(hù)。
1、網(wǎng)站標(biāo)志(LOGO)
LOGO是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可以是符號(hào)、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來(lái)自網(wǎng)站的名稱(chēng)和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動(dòng)物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化；專(zhuān)業(yè)網(wǎng)站可以以本專(zhuān)業(yè)有代表的物品作為標(biāo)志。最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱(chēng)作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。
2、色彩的運(yùn)用
網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪(fǎng)問(wèn)者的情緒。顏色搭配是體現(xiàn)風(fēng)格的關(guān)鍵?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊，給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色。一般以白色和黑色的背景網(wǎng)頁(yè)最好做，顏色搭配最方便；亮色與暗色配合，最容易突出畫(huà)面，如黑與白，紅與黑，黃與紫；而近似的顏色的搭配，能給一種柔和的感覺(jué)，如墨藍(lán)與淡藍(lán)，深綠與淺綠。最好能給主頁(yè)定一個(gè)主色調(diào)，不要搞得花花綠綠的。
3、網(wǎng)站字體、準(zhǔn)字體
是指用于標(biāo)志、標(biāo)題、主菜單的特有字體。一般網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。需要說(shuō)明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒(méi)有安裝特別字體，他看到的只能是亂碼，那么辛苦的設(shè)計(jì)制作便付之東流了。
4、視覺(jué)元素之間要保持一致性
視覺(jué)元素包括圖片的運(yùn)用、有知識(shí)功能的圖標(biāo)以及操作性質(zhì)的按鈕，這些元素在風(fēng)格上要保持一致。特別是圖片的運(yùn)用，不僅要與網(wǎng)站的主題相關(guān)，類(lèi)型也要相關(guān)。例如一個(gè)商務(wù)網(wǎng)站就不應(yīng)該出現(xiàn)卡通圖片，否則會(huì)給用戶(hù)一種混亂的感覺(jué)。
5、網(wǎng)站的排版也要保持一致
網(wǎng)站在排版的時(shí)候，整體上要保證統(tǒng)一，包括每一個(gè)版塊中的文字大小、排列的規(guī)律，間距、行距等等。這些也是網(wǎng)站內(nèi)容排版要注意的事項(xiàng)。排版做到一致可以加強(qiáng)網(wǎng)站視覺(jué)的平衡感。
6、語(yǔ)言表達(dá)形式
現(xiàn)代生活節(jié)奏加快，人們往往沒(méi)有時(shí)間看大塊文章。為了節(jié)約時(shí)間，在單位時(shí)間內(nèi)獲取最大量的信息，人們需要精練的信息，即信息精品，要用信息語(yǔ)言來(lái)表達(dá)信息內(nèi)容。所謂信息語(yǔ)言是指以下公式：信息=基本事實(shí)＋數(shù)據(jù)描述＋專(zhuān)家觀(guān)點(diǎn)。信息語(yǔ)言摒棄一切廣告性詞句、文學(xué)性修飾詞句，不歡迎一切關(guān)于意義、重要性的過(guò)分渲染。盡量采用數(shù)字說(shuō)話(huà)，歡迎定量描述，反對(duì)過(guò)多的定性描述，特別是無(wú)法形成準(zhǔn)確概念的定性描述。用信息語(yǔ)言描述，任何信息都應(yīng)該有出處，有時(shí)間，分類(lèi)準(zhǔn)確。當(dāng)然，應(yīng)當(dāng)滿(mǎn)足信息的時(shí)效性、準(zhǔn)確性、完整性、精練性等固有的特點(diǎn)。在此特別注意的是，不要出現(xiàn)錯(cuò)別字、病句。
