隨著科技越來(lái)越進(jìn)步,各個(gè)瀏覽器不斷的更新及多元,各種設(shè)計(jì)花樣也越來(lái)越多,利用css3以及javascript讓使用者與平臺(tái)達(dá)到互動(dòng)的效果,故在頁(yè)面的設(shè)計(jì)便會(huì)有幾種做法來(lái)達(dá)到視覺(jué)上的呈現(xiàn)。
一、RWD響應(yīng)式網(wǎng)站取代一般傳統(tǒng)手機(jī)版網(wǎng)站
RWD網(wǎng)站開(kāi)發(fā)成本較低,做一個(gè)版型可適用任何寬度的瀏覽裝置,在設(shè)計(jì)視覺(jué)上也較容易保持原網(wǎng)站的形象完整性,在后臺(tái)的維護(hù)以及管理上也較為方便,SEO上RWD網(wǎng)站也比一般網(wǎng)站更能被搜尋到,在google 搜尋規(guī)則中已被證實(shí)。
二、使用大圖片取代過(guò)多的文字內(nèi)容
手機(jī)越來(lái)越發(fā)達(dá)的情況,讓人們?cè)谑褂檬謾C(jī)時(shí),是一種視覺(jué)上的享受,而不是過(guò)多的文字內(nèi)容,使用一張好看的圖片勝過(guò)滿滿的文字,網(wǎng)站設(shè)計(jì)師更能在圖片與文字做調(diào)整,而不是只有單純的文案排版。
?
三、字體的大小使用
一般網(wǎng)站所使用字體大小最小可以到12px,但近幾年來(lái)網(wǎng)路發(fā)達(dá),各個(gè)年齡層皆具有使用者,為了讓各個(gè)使用者都能舒服的瀏覽網(wǎng)站,在字體上就會(huì)較為大些,但在標(biāo)題以及內(nèi)文上,還是需要以圖示及顏色做區(qū)隔。
?
四、google web ?font使用
在還沒(méi)安裝任何字體時(shí),網(wǎng)站文字都是使用基本的系統(tǒng)文字,近幾年google提供了許多遠(yuǎn)端字體的服務(wù),網(wǎng)站設(shè)計(jì)師們也能透過(guò)此服務(wù)將設(shè)計(jì)的網(wǎng)站更具美感又不受限,目前英文字體已經(jīng)是相當(dāng)多選擇的,相信在未來(lái)中文的選擇上也能夠占一席之地。
?
?五、滾動(dòng)代替點(diǎn)擊
隨著智慧型手機(jī)越來(lái)越發(fā)達(dá),人們的習(xí)慣已不是傳統(tǒng)點(diǎn)擊而是用手指平滑的方式瀏覽網(wǎng)站,故在頁(yè)面的設(shè)計(jì)上已開(kāi)始朝一頁(yè)式網(wǎng)站發(fā)展,而不是過(guò)多的按鈕點(diǎn)擊進(jìn)入,手機(jī)版網(wǎng)站不像桌機(jī)版網(wǎng)站容易找到連結(jié)的地方,因此容易造成觀看手機(jī)版網(wǎng)站迷路的情況,進(jìn)而關(guān)閉網(wǎng)站造成網(wǎng)站跳出率高的情況,如何設(shè)計(jì)方便瀏覽的網(wǎng)站需要設(shè)計(jì)師們深思熟慮過(guò)。
六、適當(dāng)?shù)牧舭卓臻g
在設(shè)計(jì)網(wǎng)站時(shí)常常遇到客戶覺(jué)得空白處太空,須將版面放得滿滿才不會(huì)浪費(fèi),有時(shí)空白處能將網(wǎng)站的定位更為清楚,客戶們也能從中找到他們想要的東西,之后在維護(hù)上也好做調(diào)整較彈性。
設(shè)計(jì)師在針對(duì)每個(gè)客戶建設(shè)網(wǎng)站時(shí),須將自己扮演成客戶,當(dāng)需要某件產(chǎn)品時(shí),自己會(huì)希望該公司網(wǎng)站是怎樣呈現(xiàn)才能方便瀏覽,這是在做好任何網(wǎng)站時(shí)所必須面臨的重要課題。