網(wǎng)站建設(shè)過程中有哪些細節(jié)設(shè)計需要大家注意呢?今天圭谷設(shè)計來為大家講解以下幾點內(nèi)容:
1.菜單、標簽、按鈕、圖標
目前,大部分網(wǎng)站還是以菜單、標簽、按鈕、圖標為主。菜單和標簽形式常用作主導航,位置和功能比較顯眼;圖標常常為一組風格統(tǒng)一、寓意明確的圖形,或與文字鏈接組合使用,增強客戶的理解力。按鈕作為某個任務(wù)動作或鏈接形式,運用靈活。
我們從日常生活中認識到,按鈕是凸起的,按下后變矮,按鈕的投影也變短,在制作圖像按鈕時會模擬這種體驗。首先,通過漸變、投影等效果使圖像按鈕有凸起的立體感,看上去是可以被點擊的;其次,設(shè)計當光標滑入按鈕時,按鈕的顏色或者其上文字的顏色變化;然后,當單擊按鈕后,要設(shè)計按鈕被按下的狀態(tài)。
按鈕的視覺隱喻多采用投影、高光、漸變等手法模擬真實的視覺效果,如此復雜的設(shè)計對各種設(shè)備的適應性不是很好,在細節(jié)上需要分別對這些設(shè)備進行微調(diào)。相對而言,扁平化設(shè)計具有更好的適應性。然而,不可否認的是,對于老年、幼年或其他對交互設(shè)備不夠熟悉的客戶,或者強調(diào)使用效率的應用,采用良好的視覺隱喻的設(shè)計比過于簡潔的扁平化設(shè)計具有更強的易用性。
在網(wǎng)站導航的視覺設(shè)計上,同類導航按鈕或標簽的設(shè)計風格、比例應保持一致性。而特別推薦的商品或新聞,則需要在顏色或動態(tài)效果上做特殊處理,引起瀏覽者的關(guān)注。
所以,信息構(gòu)建要分層次,并進行合理的組織設(shè)計。如果濫用設(shè)計理論和技術(shù),網(wǎng)站頁面中到處是視線跳躍點,就會造成瀏覽者視覺疲勞、心情煩躁。
2.文字和數(shù)字
除了菜單、標簽、按鈕、圖標以外,導航還常以文字或數(shù)字的形式出現(xiàn),或者在傳統(tǒng)菜單、標簽、按鈕、圖標之中以文字或數(shù)字為主要視覺元素。這樣的導航,風格簡潔、意義明確。
3.網(wǎng)頁空間感
顯示器是網(wǎng)站的顯示終端,顯示器的大小是有限的。網(wǎng)站設(shè)計師如何通過精心的設(shè)計來擴展界面顯示的空間感呢?利用Flash、Ajax等技術(shù),可以制作出靈活、流動的空間。
一般來講,網(wǎng)站設(shè)計師會把重要的內(nèi)容顯示在網(wǎng)站第一屏,但是,對于現(xiàn)如今每個企業(yè)都希望自己的網(wǎng)站量身定制的,比如企業(yè)品牌網(wǎng)站建設(shè)、產(chǎn)品專業(yè)化較強的展示網(wǎng)站。有的網(wǎng)站利用瀏覽器的滾動條來顯示水平或垂直排列的多屏信息;有的網(wǎng)站界面有自己的導航菜單,但信息布置在同一個頁面之中,當客戶選擇不同的菜單項,界面會單向或者多向滑動顯示相關(guān)信息;有的網(wǎng)站把相似信息布置在一個屏幕內(nèi),不同的信息內(nèi)容分屏幕布局設(shè)計。
4.小化或無導航
網(wǎng)站導航幾乎滲透網(wǎng)站之中的所有頁面,但是對于網(wǎng)站結(jié)構(gòu)深層的詳細頁面,以新開頁面建立的頁面以及彈出式的單獨廣告頁面則不一定設(shè)置主導航,客戶可以關(guān)閉此頁面,點擊返回按鈕回到登陸此頁面之前的網(wǎng)頁,或者通過簡化版的導航菜單跳轉(zhuǎn)到其他頁面。
5.圖像導航
圖像導航提供形象化的視覺信息,比文字導航更容易被識別和理解。圖像導航可以增強信息的故事性,使客戶在興趣中接收信息,一般來說,圖像導航的響應交互的區(qū)域更大,方便點擊。圖像導航同時配有文字導航,使客戶明確圖像的意義和導航欄目。
6.模擬紙制品
互聯(lián)網(wǎng)不過幾十年,但印刷品可謂歷史悠久了。人們早已熟知印刷品的閱讀方式了,并執(zhí)著地把它沿襲到網(wǎng)站設(shè)計上。利用隱喻,將人們對傳統(tǒng)印刷品的認知經(jīng)驗運用到與網(wǎng)絡(luò)產(chǎn)品的交互過程中。
例:紐約時報網(wǎng)站,以信息發(fā)布為主要目的。網(wǎng)站建設(shè)風格與報紙接近,標志的位置居中,文字信息分六欄。與報紙頭版不同的是,網(wǎng)站主頁設(shè)有導航、搜索框、廣告等內(nèi)容。網(wǎng)站中的文章顯示有鏈接的標題和主要內(nèi)容,不必像報紙一樣一次性顯示全部內(nèi)容,單擊鏈接后進入更詳細的新聞解讀。
7.網(wǎng)站引導頁
有些網(wǎng)站打開后直接進入首頁或第一個欄目頁面,而有的網(wǎng)站登錄后首先看到的是網(wǎng)站引導頁。引導頁以網(wǎng)站視覺識別系統(tǒng)或網(wǎng)站風格的圖形元素組成,集中呈現(xiàn)網(wǎng)站所有者希望帶給客戶的第一印象。
8.網(wǎng)站第一屏
第一屏也稱網(wǎng)站的可見區(qū)域,是指網(wǎng)站上不需要拉動滾動條就能看到的區(qū)域。而折疊位置是指網(wǎng)站在屏幕上可見區(qū)域的下方位置,折疊位置取決于客戶的屏幕大小。既然第一屏是不需要滑動滾動條就能看到的區(qū)域,點擊量相對較高。網(wǎng)站的主導航一般位于網(wǎng)站頁面的頂部或左側(cè),即便位于頁面底部的主導航也會顯示在第一屏,在內(nèi)容較多的網(wǎng)站首頁上幾乎不會把主導航設(shè)置在頁面底部。重要信息一般也會在第一屏顯示出來,同時,在第一屏出現(xiàn)的廣告位價格也會較高。
Copyright All Rights GreatGoal Design co.,ltd. 魯ICP備16002128號-3 技術(shù)支持: @圭谷設(shè)計