UI設(shè)計(jì)中設(shè)計(jì)沒亮點(diǎn)怎么辦_上

　　想要你的設(shè)計(jì)有亮點(diǎn)，你需要“記錄”。今天AAA教育郭老師就梳理了自己記錄的有趣的設(shè)計(jì)進(jìn)行了整合，對(duì)其中的亮點(diǎn)進(jìn)行解讀，與大家分享。

 

　　大家是否有過(guò)這樣的經(jīng)歷，老板天天催稿，辛辛苦苦通宵加班做的界面“被罵是垃圾”、“界面大平了”、“和競(jìng)品太像了”、“界面沒亮點(diǎn)”，這段時(shí)間出現(xiàn)嚴(yán)重的自我懷疑，“我真的是做設(shè)計(jì)的料嗎?“
 

　　首先我們應(yīng)該相信能做好設(shè)計(jì)，對(duì)于界面沒有亮點(diǎn)該怎么辦呢?
 

　　方法其實(shí)很簡(jiǎn)單，只需要我們?cè)谄綍r(shí)養(yǎng)成“玩APP”的習(xí)慣，將產(chǎn)品中一些功能、交互、視覺亮點(diǎn)都記錄下來(lái)，同時(shí)描述他的操作方式、作用，我們?yōu)槭裁从X得好。
 

　　通過(guò)這樣的分析和總結(jié)，當(dāng)你“玩”的APP達(dá)到一定量時(shí)，你發(fā)現(xiàn)你的設(shè)計(jì)水平也上了一個(gè)臺(tái)階，界面設(shè)計(jì)也變得越來(lái)越豐富，交互方式越來(lái)越新穎了，加班的時(shí)間也少了……
 

　　具體該如何記錄呢，下面我將近幾個(gè)月記錄的有趣的設(shè)計(jì)整合到一起和大家進(jìn)行分享，當(dāng)你做界面不知如何設(shè)計(jì)時(shí)，看看這些趣設(shè)計(jì)也許會(huì)給你帶來(lái)靈感。
 

　　01 樂動(dòng)力 滑塊調(diào)節(jié)
 

　　設(shè)置身高和體重時(shí)，分別采用豎向和橫向標(biāo)尺進(jìn)行調(diào)節(jié)，讓設(shè)置更加直觀易操作，適用于一定范圍內(nèi)選定一個(gè)參數(shù)的場(chǎng)景，例如設(shè)置投資金額、地圖距離等。

 

　　02 小猿口算 拍照檢查作業(yè)
 

　　使用拍照檢查，系統(tǒng)會(huì)自動(dòng)幫你檢查作業(yè)，并給出檢查結(jié)果，同時(shí)對(duì)于做錯(cuò)的題目還給出了解析，媽媽再也不用擔(dān)心給孩子輔導(dǎo)作業(yè)了～，目前該功能在教育APP中比較常見。
 

　　當(dāng)然做記錄是為了能夠舉一反三，這個(gè)功能一定是可以應(yīng)用到其他行業(yè)，其他類型的APP中;
 

　　因此我就在想這個(gè)功能是否可以用在醫(yī)療類APP中，通過(guò)拍照檢查體檢單，系統(tǒng)自動(dòng)分析并給出檢查結(jié)果和相應(yīng)的建議，這樣的功能作為一個(gè)輔助檢查窗口，可以解決等待醫(yī)生宣布病情的那種忐忑情緒。

 

　　03 鏈家 一問(wèn)多答
 

　　鏈家這個(gè)功能出現(xiàn)簡(jiǎn)直大愛，以前每次使用咨詢時(shí)都需要手動(dòng)一個(gè)人的去問(wèn)，同時(shí)還需要跳轉(zhuǎn)到消息界面，效率極低，哪怕我只是問(wèn)一個(gè)首付多少時(shí)也需要一個(gè)人一個(gè)人的問(wèn)，現(xiàn)在我們只需提一個(gè)問(wèn)題，就可以得到多位經(jīng)紀(jì)人反饋，大大的降低用戶咨詢成本。

 

　　04 MOO音樂 滑動(dòng)切換
 

　　滑動(dòng)唱片，可快速切換音樂。同時(shí)也可快速點(diǎn)擊播放和暫停按鈕。MOO音樂推薦大家可以下載來(lái)玩玩，相比傳統(tǒng)的音樂APP，它有很不一樣的視覺、交互體驗(yàn)。

 

　　05 好搭盒子 虛擬人物搭配
 

　　進(jìn)入APP可根據(jù)身高體重三圍，捏一個(gè)和你身材很像的人，你在逛衣服的時(shí)候可以直觀的看到上身效果，以及你看中衣服的相關(guān)搭配。
 

　　這個(gè)功能其實(shí)更多的是產(chǎn)品層面規(guī)劃的內(nèi)容，同時(shí)還需要根據(jù)技術(shù)實(shí)力來(lái)進(jìn)行。

 

　　06 NAVER 撥盤設(shè)計(jì)
 

　　我們?cè)谕鍭PP時(shí)，不要限制在國(guó)內(nèi)的應(yīng)用，國(guó)外的應(yīng)用大家也可以下載來(lái)體驗(yàn)下，NAVER是韓國(guó)的一款類似百度的APP應(yīng)用，其分類頁(yè)采用撥盤設(shè)計(jì)相比傳統(tǒng)設(shè)計(jì)更方便拇指操作、更具趣味性。
 

　　當(dāng)然這也的設(shè)計(jì)在國(guó)內(nèi)其實(shí)不太常見，因?yàn)槲覀兊男畔⒍急容^多，這也設(shè)計(jì)延展性不太好，但是這樣的方式在一些場(chǎng)景，我們?nèi)匀豢梢越栌?，比如汽車之家的智慧展廳也用了類似撥盤的設(shè)計(jì)。

 

　　07 馬蜂窩 短視頻預(yù)告功能
 

　　馬蜂窩是我比較喜歡逛的應(yīng)用之一，因?yàn)樗ㄆ诳偸菚?huì)更新一些亮點(diǎn)的功能和交互，比如短視頻底部顯示即將播放內(nèi)容，讓用戶可提前預(yù)知播放內(nèi)容，相比微博這種傳統(tǒng)Feed流沉浸式體驗(yàn)更好。

 

　　08 馬蜂窩 懸浮定位
 

　　點(diǎn)擊懸浮按鈕可快速定位到對(duì)應(yīng)欄目，這個(gè)功能讓我想起了網(wǎng)頁(yè)專題中的快捷導(dǎo)航，點(diǎn)擊對(duì)于的導(dǎo)航即可到相應(yīng)的界面去，大家是否發(fā)現(xiàn)交互是不是只要能夠解決問(wèn)題，就算網(wǎng)頁(yè)端中的交互效果，用在APP中也是一大亮點(diǎn)呢。

 

　　09 馬蜂窩 評(píng)論區(qū)卡通貼紙
 

　　評(píng)論模塊，通過(guò)情感化的卡通貼紙?jiān)O(shè)計(jì)，讓評(píng)論變得更加有趣。
 

　　其實(shí)大家發(fā)現(xiàn)，這個(gè)評(píng)論貼紙和抖音的打賞貼紙是不是很像，它讓整個(gè)評(píng)論區(qū)都熱鬧了起來(lái)。

 

　　10 脈脈 快捷評(píng)論
 

　　脈脈的好友祝福模塊，點(diǎn)擊快捷評(píng)論標(biāo)簽可快速完成祝福，降低互動(dòng)門檻。
 

　　當(dāng)然在設(shè)計(jì)時(shí)這樣的快捷方式不單單只用在評(píng)論區(qū)，也可用在其他輸入場(chǎng)景或者聊天窗口中，比如淘寶消息頁(yè)和UC瀏覽器搜索頁(yè)。

 

　　總結(jié)
 

　　我經(jīng)常會(huì)聽到大家說(shuō)，”老板說(shuō)界面太平“、”沒亮點(diǎn)“、”我感覺自己不適合做設(shè)計(jì)“等消極的態(tài)度。其實(shí)這只是我們還沒有掌握學(xué)習(xí)的方法，當(dāng)你堅(jiān)持分享總結(jié)，堅(jiān)持每天抽半個(gè)小時(shí)玩玩手機(jī)中的APP，長(zhǎng)期下去你的界面就會(huì)上一個(gè)臺(tái)階。因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計(jì)師的工作相關(guān)的主要技能。如果您想了解更多信息，請(qǐng)?jiān)L問(wèn)AAA教育，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。