前段時(shí)間有一個(gè)朋友微信問我有沒有看到過哪款產(chǎn)品把搜索功能放在界面中間的，然后給我發(fā)了一張?jiān)蛨D。我第一眼看到這個(gè)原型圖就覺得界面的信息布局很亂，像是把兩三個(gè)頁面的內(nèi)容強(qiáng)行塞到一個(gè)頁面。

界面里信息太多不知道怎么布局，我相信這個(gè)問題大家在日常工作也經(jīng)常會(huì)遇到。內(nèi)容獲取難度的降低，意味著內(nèi)容篩選難度的提高。產(chǎn)品不斷的迭代，功能越來越多。如何使產(chǎn)品避免在界面布局上越來越臃腫？——“極簡主義”或許是這個(gè)問題的答案。
什么是極簡主義？從字面上理解：極致簡約。設(shè)計(jì)上的簡約可以分為兩種：內(nèi)容簡約和形式簡約。以上面的那個(gè)例子來說，搜索功能是內(nèi)容，搜索框是搜索功能的展示形式。最近騰訊推出了新的產(chǎn)品：moo音樂，所以我這篇文章正好借著分析這款產(chǎn)品來聊一聊界面布局中的極簡主義。
內(nèi)容簡約
我們給一個(gè)頁面做簡化，第一步應(yīng)該確定界面中每一個(gè)元素存在的必要性。界面中元素那么多，但并不是每一個(gè)元素都有存在的必要，存在不一定合理。弄清楚界面中每一個(gè)元素的實(shí)際作用，進(jìn)行評估，對于一些作用有限的純裝飾性元素，為了界面的簡潔，我們可以刪除。
1）旋轉(zhuǎn)唱片
幾款常用的音樂類應(yīng)用播放界面的主體都是一個(gè)旋轉(zhuǎn)的唱片，而moo音樂直接去掉了這個(gè)唱片。為什么？因?yàn)檫@個(gè)“唱片”占據(jù)了界面大約一半的空間，導(dǎo)致切換歌曲、調(diào)整播放進(jìn)度、查看歌詞/歌手/專輯和分享這些常用功能必須在剩下的空間里排布，顯得很擁擠。
去除這個(gè)虛擬的“唱片”給我們帶來不僅僅是視覺上的輕量感，更意味著易用性上提升。用戶在moo音樂中切換歌曲、調(diào)整播放進(jìn)度、返回上一級(jí)頁面等都可以通過滑動(dòng)手勢來完成。并且它是幾款音樂產(chǎn)品中，唯一一個(gè)支持上下滑動(dòng)切換歌曲的，網(wǎng)易云音樂是左右滑動(dòng)切換歌曲，而qq音樂直接不支持，用戶必須點(diǎn)擊才能切換歌曲。我在之前的文章用戶體驗(yàn)之點(diǎn)擊和滑動(dòng)也提到過，滑動(dòng)手勢比點(diǎn)擊更容易受到用戶的青睞。
當(dāng)然可能會(huì)有人反駁，你看網(wǎng)易云音樂也是有唱片，但是它還是支持滑動(dòng)的。脫離手指落點(diǎn)去談手勢都是耍流氓。網(wǎng)易云音樂中手指落點(diǎn)在唱片內(nèi)是切換歌曲，落點(diǎn)在唱片外是返回上一級(jí)頁面，落點(diǎn)稍有不慎就會(huì)造成誤操作。而moo音樂是上下滑動(dòng)切換歌曲，左滑動(dòng)返回上一界面。手指落點(diǎn)更模糊，用戶也就可以減少找位置的時(shí)間，用戶體驗(yàn)更好。
此外網(wǎng)易云音樂中用戶要播放/暫停歌曲必須點(diǎn)擊播放/暫停按鈕，而moo音樂中你只要點(diǎn)擊屏幕中任何位置就可以完成這一操作。為什么moo音樂可以這么任性？因?yàn)榭臻g大，不怕用戶會(huì)誤操作。
2）去線化
去線化設(shè)計(jì)是極簡主義的一大特征。在moo音樂中，我沒有找到一條分割線。要知道為什么moo音樂可以選擇去除分割線，我們首先要弄清楚分割線在界面布局中到底起什么作用。分割線主要是幫助用戶區(qū)分界面中不同級(jí)別和維度的內(nèi)容，完成信息層級(jí)的構(gòu)建。
分割線可以分為兩種：通欄分割線和非通欄分割線。通欄分割線顧名思義就是指分割線貫穿整個(gè)屏幕，而非通欄分割線一般會(huì)留有缺口。要了解這倆的區(qū)別，我們可以看虎撲，虎撲之前的版本就是通欄分割線，而最新的版本中改成了非通欄分割線。
通欄分割線因?yàn)椤胺指睢绷苏麄€(gè)屏幕，所以在內(nèi)容區(qū)分上更加的明顯，更能表現(xiàn)不同的模塊之間的獨(dú)立性。但是它的缺點(diǎn)在于線條的存在會(huì)阻礙用戶的瀏覽視線，影響信息的獲取效率。

名稱欄目：極致簡約可以分為兩種：內(nèi)容簡約和形式簡約
分享地址：http://m.rwnh.cn/news/106353.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站策劃、搜索引擎優(yōu)化、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(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)