2021-06-08 分類: 網(wǎng)站建設(shè)
很多人眼中的扁平化UI設(shè)計(jì)就是:界面被設(shè)計(jì)成扁的平的,并且無立體感的。僅僅是這些嗎?有這些就夠了嗎?
如果UI界面使用了擬物化的風(fēng)格,那么意味著人們對產(chǎn)品使用的學(xué)習(xí)成本大大降低,老少皆會用,因?yàn)榻缑婵雌饋砀顚?shí)物一模一樣,看到界面中擬物風(fēng)格的按鈕,你一定會有按下去的欲望。如果是“扁平”的按鈕呢?抱歉,你一定會聽到很多抱怨:啊,原來這個(gè)還能點(diǎn)???在繼續(xù)閱讀本文之前,請先欣賞一張擬物風(fēng)格的UI設(shè)計(jì)圖:
這個(gè)界面很明顯是用戶在注冊時(shí)會見到的,左側(cè)有一個(gè)信封樣子的輸入框,并且右側(cè)有一個(gè)“注冊”的按鈕,當(dāng)你輸完郵箱賬號并點(diǎn)擊注冊以后,你會發(fā)現(xiàn),這信封被塞了進(jìn)去,塞到哪里去呢?一定是網(wǎng)站當(dāng)中了,而且注冊完又馬上顯示Hello,Alex))以表示對用戶的歡迎。不 是每個(gè)人都有豐富的電子產(chǎn)品的使用經(jīng)歷,所以,缺乏這些經(jīng)歷的人初次使用該產(chǎn)品的時(shí)候,就會更傾向于點(diǎn)擊那些擬物化的按鈕,因?yàn)?,人生來如此,用手“按?得如此自然,如此舒心;而“扁平”的按鈕則會讓那些沒有電子產(chǎn)品使用經(jīng)歷的老人或者兒童感到迷惑,這個(gè)能按嗎???!原來這個(gè)還真能按!或許對于我們這些電 子產(chǎn)品熟客來說,這個(gè)按鈕可以點(diǎn)已經(jīng)是常識之中的事了,但是過度扁平的界面會讓人感到疑惑,增加人的反應(yīng)時(shí)間。因此,擬物化圖標(biāo)設(shè)計(jì)勢在必行。
那么扁平化呢?我們應(yīng)該拋棄嗎?請注意,在之前一段當(dāng)中,我沒有用到“扁平化”這三個(gè)字,而是用“扁平”二字代替。這有什么區(qū)別嗎?……有的!“扁平”二字 特指的是視覺上圖標(biāo)或者界面的扁平,像在張白紙上做設(shè)計(jì)一樣,沒有任何的立體感;而“扁平化”這三個(gè)字呢?這正是今天要講的主題:扁平化是一種內(nèi)在的設(shè)計(jì) 思想。
扁平化思想是一種讓設(shè)計(jì)者在界面設(shè)計(jì)過程中減少信息層級的思想。相信有用過智能手機(jī)的用戶都知道,手機(jī)中每天都要用到的應(yīng)用有:天氣、時(shí)鐘、日期信息、電池電量等。在不考慮桌面小部件的前提下,你是否有想過,為什么我想 看個(gè)天氣必須點(diǎn)開這個(gè)圖標(biāo)以后才能看得到;為什么我想看下今天是幾號星期幾還必須點(diǎn)開那個(gè)應(yīng)用才行?像這樣的抱怨不在少數(shù),看個(gè)電池電量的具體數(shù)值(百分 比)為什么還要進(jìn)入應(yīng)用以后才能看到,為什么不能直接顯示在圖標(biāo)上?我認(rèn)為,圖標(biāo)不僅僅是應(yīng)用程序本身的入口,更是一個(gè)信息的載體,這點(diǎn)Windows8的磁貼做得很好。
怎么減少信息層級?如Windows8中的磁貼,它直接將所需展示的信息直接顯示在磁貼上,這樣我們可以不用點(diǎn)進(jìn)去就可以看到一些重要的信息。
今后的UI設(shè)計(jì)方向?qū)鼉A向于一種擬物化與扁平化相結(jié)合的設(shè)計(jì)風(fēng)格。從外觀上看,界面是擬物的,但是實(shí)際使用中可以感受到信息層級的減少,以及化繁為簡帶來的愉悅感。
本文標(biāo)題:讓界面扁平化不如讓信息層級扁平
網(wǎng)站地址:http://www.muchs.cn/news34/116784.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊、關(guān)鍵詞優(yōu)化、品牌網(wǎng)站建設(shè)、電子商務(wù)、云服務(wù)器、標(biāo)簽優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容