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