優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利
優(yōu)惠活動(dòng) - 12周年慶本月新客福利

網(wǎng)頁(yè)UI中的扁平化

       網(wǎng)頁(yè)UI中的扁平化隨著扁平化設(shè)計(jì)風(fēng)格的風(fēng)靡,扁平化風(fēng)格的網(wǎng)頁(yè)界面越來(lái)越多,尤其是在許多歐美網(wǎng)站中都應(yīng)用了扁平化設(shè)計(jì)風(fēng)格,頁(yè)面整體簡(jiǎn)單、大方、直觀并且凸顯主體。應(yīng)用扁平化的界面具有良好的用戶體驗(yàn)和交互性。

       扁平化完全屬于二次元,這個(gè)概念最核心的地方就是放棄一切裝飾效果,諸如陰影、透視、紋理、漸變等能做出3D效果的元素一概不用。所有元素的邊界都干凈利落,沒(méi)有任何羽化、漸變,或者陰影。尤其在手機(jī)上,更少的按鈕和選項(xiàng)使得界面干凈整齊,使用起來(lái)格外簡(jiǎn)潔??梢愿雍?jiǎn)單、直接地將信息和事物的工作方式展示出來(lái),減少認(rèn)知障礙的產(chǎn)生。

       圖標(biāo)在網(wǎng)頁(yè)中只占很小的位置,不會(huì)影響到網(wǎng)頁(yè)的整體宣傳效果,而且設(shè)計(jì)精美的圖標(biāo)還會(huì)為網(wǎng)頁(yè)增色不少。由于圖標(biāo)本身的優(yōu)勢(shì),幾乎所有網(wǎng)頁(yè)都會(huì)使用圖標(biāo)來(lái)為用戶指路。既提高了用戶的瀏覽速度,又提升了網(wǎng)頁(yè)界面的美觀程度。折角效果顧名思義就是讓網(wǎng)頁(yè)或者網(wǎng)頁(yè)當(dāng)中的元素以類似紙張邊角折起或者卷曲的效果。完美地將印刷形式和網(wǎng)頁(yè)相結(jié)合,帶給瀏覽者美的感受。折角的網(wǎng)頁(yè)應(yīng)用廣泛,這種網(wǎng)頁(yè)界面容易讓人聯(lián)想到紙張,可以與主題相呼應(yīng),豐富網(wǎng)站內(nèi)容和整體結(jié)構(gòu)。圓角是用一段與角的兩邊相切的圓弧替換原來(lái)的角,圓角的大小用圓弧的半徑表示。在網(wǎng)頁(yè)設(shè)計(jì)越來(lái)越精美的今天,圓角的應(yīng)用已經(jīng)越來(lái)越廣泛。相較于直角的尖銳,圓角給人一種圓潤(rùn)的感覺(jué)。使瀏覽者在瀏覽網(wǎng)頁(yè)時(shí),在視覺(jué)上有一種舒適和平靜的感覺(jué)。注意,圓角在網(wǎng)頁(yè)中并不是能夠隨意所欲地大量使用的,要根據(jù)網(wǎng)頁(yè)需要表達(dá)的內(nèi)容和風(fēng)格來(lái)進(jìn)行匹配。徽章在網(wǎng)頁(yè)設(shè)計(jì)中的主要作用是吸引用戶注意力,一般用作品牌的宣傳,如車、包和表的標(biāo)志等,并且可以傳達(dá)某些重要信息,如果應(yīng)用得當(dāng),會(huì)得到意想不到的效果。條紋的使用在網(wǎng)頁(yè)設(shè)計(jì)中是最簡(jiǎn)單,也是占位最小的一個(gè)部分,但卻經(jīng)常出現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)中。條紋并沒(méi)有其他元素那么耀眼,但卻可以在不經(jīng)意間提升頁(yè)面的設(shè)計(jì)水平。標(biāo)簽在網(wǎng)頁(yè)中的應(yīng)用并不廣泛,卻能以一種巧妙的方式為用戶提供網(wǎng)頁(yè)信息。需要在標(biāo)簽上放置一個(gè)標(biāo)題,就可以突出該部分的效果。裝飾元素的存在是很有意義的,多數(shù)網(wǎng)頁(yè)通過(guò)各種精美的裝飾元素進(jìn)行點(diǎn)綴,從而吸引瀏覽者停留欣賞,使頁(yè)面信息得到充分宣傳。網(wǎng)頁(yè)中的背景元素也屬于裝飾元素,多數(shù)網(wǎng)頁(yè)都需要通過(guò)各種精美的裝飾元素來(lái)點(diǎn)綴,吸引瀏覽者駐足觀看,從而能夠使得網(wǎng)頁(yè)信息得到充分宣傳。
本文地址:http://m.cdrpkj.cn//article/25717.html
相關(guān)文章:
最新文章: