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