1. 視覺風(fēng)格
不同的Web網(wǎng)站應(yīng)有自己獨(dú)特的風(fēng)格,Web網(wǎng)站的視覺風(fēng)格反映著其用戶本身以及自身主題的特點(diǎn)。因此,在進(jìn)行Web網(wǎng)站視覺風(fēng)格界定的時(shí)候,必須根據(jù)web網(wǎng)站目標(biāo)用戶的特點(diǎn)以及本身的主題來(lái)進(jìn)行,只有這樣才能有效的吸引用戶,以增加訪問(wèn)量。比如國(guó)內(nèi)著名的社交網(wǎng)站豆瓣主要目標(biāo)人群是具有“文藝范”的年輕人,其視覺界面根據(jù)網(wǎng)格布局,整齊而有節(jié)奏;色彩使用均是系統(tǒng)調(diào)色板中“色值”靠中間的色彩值,明度和飽和度都比較適中,整個(gè)界面顯得“素雅、柔和、簡(jiǎn)潔”,符合有“文藝范”的年輕人的期望。
2. 網(wǎng)站建設(shè)網(wǎng)頁(yè)布局
符合用戶期望的網(wǎng)頁(yè)界面布局設(shè)計(jì)主要是以用戶為主要考慮因素,首先要立足界面信息的傳達(dá),但又要符合用戶的閱讀習(xí)慣,設(shè)計(jì)好自然暢快的視覺導(dǎo)向,使其能夠符合用戶的視覺流程。
同時(shí)Web網(wǎng)站的網(wǎng)頁(yè)布局設(shè)計(jì)還要注意整體的形式美感。運(yùn)用視覺屬性將元素分組,避免版面凌亂,使其具有清晰的層次結(jié)構(gòu)。
隨著互聯(lián)網(wǎng)行業(yè)的發(fā)展,網(wǎng)站中需要傳遞的信息也越來(lái)越多,因此,布局方式也有在發(fā)生了很大變化。目前 Web 網(wǎng)站設(shè)計(jì)中,以二欄式布局和三欄式布局最為常見。
其中二欄式布局是指網(wǎng)站縱向有有兩個(gè)豎欄的版面結(jié)構(gòu),結(jié)構(gòu)簡(jiǎn)單清晰,內(nèi)容可以并置。比如知名社交網(wǎng)站豆瓣網(wǎng)、電子商務(wù)網(wǎng)站淘寶網(wǎng)以及視頻分享網(wǎng)站迅雷看看都采用了二欄式布局的方式。而三欄式布局是指網(wǎng)站縱向有三個(gè)豎欄的版面結(jié)構(gòu),結(jié)構(gòu)相對(duì)復(fù)雜,但能夠同時(shí)呈現(xiàn)較多的內(nèi)容。比如知名社會(huì)化信息分享網(wǎng)站新浪微博、社交網(wǎng)站人人網(wǎng)等。這兩種布局方式通過(guò)留白或畫線將各功能區(qū)域劃分,合理放置導(dǎo)航,布局清晰,同時(shí)又能快速引導(dǎo)用戶獲取信息。
3. 色彩搭配色彩是用戶接觸Web網(wǎng)站時(shí)最直觀的視覺元素,對(duì)用戶的第一印象起著至關(guān)重要的作用。色彩的運(yùn)用與搭配,在一定程度上決定了Web網(wǎng)站設(shè)計(jì)能夠成功與否。
另外,色彩的作用在于美化網(wǎng)站頁(yè)面的同時(shí),更應(yīng)該能夠幫助用戶獲取信息。
通過(guò)Web網(wǎng)站的色彩收集發(fā)現(xiàn),網(wǎng)站背景均為白色,或少量灰色以輔助,這樣的背景提供了一個(gè)柔和的閱讀環(huán)境,能夠最大限度方便用戶獲取信息。通過(guò)導(dǎo)航顏色或者字體顏色(包括加粗)的使用來(lái)引導(dǎo)視覺關(guān)注點(diǎn),同時(shí)通過(guò)分割線色彩的適當(dāng)分割,能夠清晰的告訴用戶功能分區(qū)。這些小范圍的色彩運(yùn)用能夠讓頁(yè)面從整體上不會(huì)顯得單調(diào)乏味,訪問(wèn)者在閱讀文本信息時(shí)也不會(huì)感到吃力。而彩色使用的不宜超過(guò)2種,這樣就不會(huì)對(duì)用戶造成視覺噪音,而干擾用戶讀取信息。
4. 文字設(shè)計(jì)
文字元素是 Web 網(wǎng)站信息傳達(dá)的主體部分,同時(shí)也是影響界面風(fēng)格的重要視覺元素。在對(duì) Web 網(wǎng)站的文字進(jìn)行設(shè)計(jì)時(shí),應(yīng)當(dāng)考慮的是信息傳達(dá)的有效性,比如考慮文字的字體、字號(hào)、行距、字間距等等。同時(shí)還應(yīng)考慮界面的整體風(fēng)格,使其能夠增強(qiáng)頁(yè)面的視覺傳達(dá),比如考慮文字的色彩運(yùn)用、藝術(shù)處理。