成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

讓頁(yè)面布局變得簡(jiǎn)單

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


前段時(shí)間有一個(gè)朋友微信問(wèn)我有沒(méi)有看到過(guò)哪款產(chǎn)品把搜索功能放在界面中間的,然后給我發(fā)了一張?jiān)蛨D。


我第一眼看到這個(gè)原型圖就覺(jué)得界面的信息布局很亂,像是把兩三個(gè)頁(yè)面的內(nèi)容強(qiáng)行塞到一個(gè)頁(yè)面。界面里信息太多不知道怎么布局,我相信這個(gè)問(wèn)題大家在日常工作也經(jīng)常會(huì)遇到。內(nèi)容獲取難度的降低,意味著內(nèi)容篩選難度的提高。產(chǎn)品不斷的迭代,功能越來(lái)越多。如何使產(chǎn)品避免在界面布局上越來(lái)越臃腫?——“極簡(jiǎn)主義”或許是這個(gè)問(wèn)題的答案。

什么是極簡(jiǎn)主義?從字面上理解:極致簡(jiǎn)約。設(shè)計(jì)上的簡(jiǎn)約可以分為兩種:內(nèi)容簡(jiǎn)約和形式簡(jiǎn)約。以上面的那個(gè)例子來(lái)說(shuō),搜索功能是內(nèi)容,搜索框是搜索功能的展示形式。最近騰訊推出了新的產(chǎn)品:moo音樂(lè),所以我這篇文章正好借著分析這款產(chǎn)品來(lái)聊一聊界面布局中的極簡(jiǎn)主義。

內(nèi)容簡(jiǎn)約

我們給一個(gè)頁(yè)面做簡(jiǎn)化,第一步應(yīng)該確定界面中每一個(gè)元素存在的必要性。界面中元素那么多,但并不是每一個(gè)元素都有存在的必要,存在不一定合理。弄清楚界面中每一個(gè)元素的實(shí)際作用,進(jìn)行評(píng)估,對(duì)于一些作用有限的純裝飾性元素,為了界面的簡(jiǎn)潔,我們可以刪除。

1)旋轉(zhuǎn)唱片幾款常用的音樂(lè)類應(yīng)用播放界面的主體都是一個(gè)旋轉(zhuǎn)的唱片,而moo音樂(lè)直接去掉了這個(gè)唱片。為什么?因?yàn)檫@個(gè)“唱片”占據(jù)了界面大約一半的空間,導(dǎo)致切換歌曲、調(diào)整播放進(jìn)度、查看歌詞/歌手/專輯和分享這些常用功能必須在剩下的空間里排布,顯得很擁擠。


去除這個(gè)虛擬的“唱片”給我們帶來(lái)不僅僅是視覺(jué)上的輕量感,更意味著易用性上提升。用戶在moo音樂(lè)中切換歌曲、調(diào)整播放進(jìn)度、返回上一級(jí)頁(yè)面等都可以通過(guò)滑動(dòng)手勢(shì)來(lái)完成。并且它是幾款音樂(lè)產(chǎn)品中,唯一一個(gè)支持上下滑動(dòng)切換歌曲的,網(wǎng)易云音樂(lè)是左右滑動(dòng)切換歌曲,而qq音樂(lè)直接不支持,用戶必須點(diǎn)擊才能切換歌曲。我在之前的文章用戶體驗(yàn)之點(diǎn)擊和滑動(dòng)也提到過(guò),滑動(dòng)手勢(shì)比點(diǎn)擊更容易受到用戶的青睞。


當(dāng)然可能會(huì)有人反駁,你看網(wǎng)易云音樂(lè)也是有唱片,但是它還是支持滑動(dòng)的。脫離手指落點(diǎn)去談手勢(shì)都是耍流氓。網(wǎng)易云音樂(lè)中手指落點(diǎn)在唱片內(nèi)是切換歌曲,落點(diǎn)在唱片外是返回上一級(jí)頁(yè)面,落點(diǎn)稍有不慎就會(huì)造成誤操作。而moo音樂(lè)是上下滑動(dòng)切換歌曲,左滑動(dòng)返回上一界面。手指落點(diǎn)更模糊,用戶也就可以減少找位置的時(shí)間,用戶體驗(yàn)更好。


此外網(wǎng)易云音樂(lè)中用戶要播放/暫停歌曲必須點(diǎn)擊播放/暫停按鈕,而moo音樂(lè)中你只要點(diǎn)擊屏幕中任何位置就可以完成這一操作。為什么moo音樂(lè)可以這么任性?因?yàn)榭臻g大,不怕用戶會(huì)誤操作。

2)去線化

去線化設(shè)計(jì)是極簡(jiǎn)主義的一大特征。在moo音樂(lè)中,我沒(méi)有找到一條分割線。要知道為什么moo音樂(lè)可以選擇去除分割線,我們首先要弄清楚分割線在界面布局中到底起什么作用。分割線主要是幫助用戶區(qū)分界面中不同級(jí)別和維度的內(nèi)容,完成信息層級(jí)的構(gòu)建。分割線可以分為兩種:通欄分割線和非通欄分割線。


通欄分割線顧名思義就是指分割線貫穿整個(gè)屏幕,而非通欄分割線一般會(huì)留有缺口。要了解這倆的區(qū)別,我們可以看虎撲,虎撲之前的版本就是通欄分割線,而最新的版本中改成了非通欄分割線。

本文標(biāo)題:讓頁(yè)面布局變得簡(jiǎn)單
分享URL:http://jinyejixie.com/news/106548.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司全網(wǎng)營(yíng)銷推廣、軟件開發(fā)、定制開發(fā)、響應(yīng)式網(wǎng)站

廣告

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

外貿(mào)網(wǎng)站建設(shè)
泗阳县| 连州市| 大竹县| 天峻县| 栾川县| 区。| 唐海县| 阿巴嘎旗| 乌兰县| 阜城县| 伊春市| 阜城县| 府谷县| 博爱县| 望奎县| 延边| 屏山县| 绍兴市| 辉南县| 施甸县| 梧州市| 布尔津县| 汉寿县| 南投县| 资溪县| 普定县| 汽车| 连城县| 栖霞市| 岚皋县| 育儿| 扶余县| 盐亭县| 白河县| 陆良县| 黔南| 遵化市| 白水县| 凤庆县| 江北区| 福州市|