網(wǎng)頁UI設(shè)計(jì)師應(yīng)遵循的高效設(shè)計(jì)原則

2021-04-11    分類: 網(wǎng)站建設(shè)

在網(wǎng)站上,“重復(fù)”多以“重復(fù)的視覺元素”貫穿于站點(diǎn)的全部頁面中。這些元素包括顏色、形狀、紋理、字體、排版、圖形、圖片、視頻、空間關(guān)系、線條的粗細(xì)、頁眉、頁腳、導(dǎo)航、工具欄等等。按統(tǒng)一方式顯示的重復(fù)元素可以幫助提升網(wǎng)站的組織性,增強(qiáng)其連貫性。元素也可以漸變的方式來實(shí)現(xiàn)重復(fù),在重復(fù)的過程中,元素可以越來越大,也可以越來越小,正如左圖所示的“Repetition”案例。重復(fù)方式的多樣性可以避免網(wǎng)站變乏味、變枯燥。

重復(fù)對(duì)增加網(wǎng)站流量很重要

重復(fù)是大自然的一部分。假設(shè)某一天你外出花一定時(shí)間去研究森林里的樹木,你會(huì)發(fā)現(xiàn)其中有很多相似的物種。在冬天觀看一群向南飛的鳥,它們會(huì)重復(fù)擺出各種不同的類“v”字型的圖案。在動(dòng)物園里,在一群斑馬中同樣可以發(fā)現(xiàn)重復(fù)的多樣性。比如下圖中兩匹斑馬身上有重復(fù)的條紋圖案,但每個(gè)條紋又各不相同。沒有任何變化的重復(fù)會(huì)使網(wǎng)站變得枯燥、無趣、令人厭煩。

重復(fù)也會(huì)給你的用戶帶來一種有組織、一致性的體驗(yàn)。使用重復(fù)的logo,讓標(biāo)題、字體、顏色、大小和樣式在網(wǎng)站的所有頁面中保持統(tǒng)一,可以增加網(wǎng)站的重復(fù)連貫性,同樣可以增加網(wǎng)站的流量。具有相同屬性的元素,它們的重復(fù)使用可以創(chuàng)造一種愉悅的視覺形象,在簡單重復(fù)的基礎(chǔ)上增加稍微的變化,可以吸引訪問者的好奇心與注意力。

重復(fù)可以創(chuàng)造連貫性,看起來更專業(yè)

相似元素的重復(fù),可以帶來一致性。比如當(dāng)你從一個(gè)頁面瀏覽到另一個(gè)頁面,導(dǎo)航部分始終保持在同一位置。這將給訪問者帶來舒服的感覺,每個(gè)頁面將提供相似的功能,并提供均衡的在線體驗(yàn)。

每當(dāng)你走到道路的交叉口,每個(gè)交通燈所代表的交通規(guī)則是什么呢?在某個(gè)城市,你發(fā)現(xiàn)紫色的正方形燈亮了代表“通過”,而在另一個(gè)城市,長方形的藍(lán)燈代表“通過”,但又到了其他城市,圓形的閃爍的粉紅色燈代表“通過”。

當(dāng)然,上面是一個(gè)極端的案例,試著記下你最近訪問的缺失這種連續(xù)性、平衡性的網(wǎng)站。包含導(dǎo)航、頁眉、排版、圖像及整體風(fēng)格在內(nèi)的,具有重復(fù)一致性的元素可以給用戶提供一個(gè)線路地圖,幫助他們順利瀏覽全站。如果用戶對(duì)這種重復(fù)設(shè)計(jì)的元素感到舒適,他們最有可能瀏覽完全站,并不斷地回訪你的網(wǎng)站。

網(wǎng)站設(shè)計(jì)及字體、顏色、圖片、導(dǎo)航等設(shè)計(jì)中,你是如何利用“重復(fù)”這一設(shè)計(jì)原則的呢?

分享文章:網(wǎng)頁UI設(shè)計(jì)師應(yīng)遵循的高效設(shè)計(jì)原則
新聞來源:http://www.muchs.cn/news/106904.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)站排名、網(wǎng)站導(dǎo)航、ChatGPT網(wǎng)站策劃、面包屑導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)