在網(wǎng)絡(luò)購(gòu)物發(fā)達(dá)的互聯(lián)網(wǎng)時(shí)代，大部分年輕人（包括小?。┰谫?gòu)買(mǎi)商品前都會(huì)在各種平臺(tái)上找測(cè)評(píng)貼，其中小紅書(shū)就是代表平臺(tái)之一。

小紅書(shū)入駐了許多博主，從明星到素人，他們經(jīng)常發(fā)布筆記幫大家種草或者拔草，UGC+電商的模式也實(shí)現(xiàn)了完美的購(gòu)物流程閉環(huán)，使得小紅書(shū)擁有了一大批忠誠(chéng)用戶(hù)（小紅薯）。那么為了讓用戶(hù)買(mǎi)買(mǎi)買(mǎi)，小紅書(shū)都做對(duì)了哪些事情呢？

本篇文章將從小紅書(shū)App的界面設(shè)計(jì)和交互設(shè)計(jì)進(jìn)行分析。

一、小紅書(shū)至簡(jiǎn)的界面設(shè)計(jì)

『色調(diào)』

小紅書(shū)色調(diào)以紅色為主，與其名稱(chēng)呼應(yīng)，同時(shí)紅色受到年輕女性歡迎，與用戶(hù)的產(chǎn)品形象相吻合。

該設(shè)計(jì)還采用了女性喜愛(ài)的可愛(ài)清新風(fēng)格。

小紅書(shū)為其垂直官方帳號(hào)（穿搭薯、娛樂(lè)薯、校園薯等）也設(shè)計(jì)了可愛(ài)的卡通人物形象，為用戶(hù)打造了小紅薯表情包。

『界面』

小紅書(shū)與其它同類(lèi)的競(jìng)品風(fēng)格不太類(lèi)似，其界面給人簡(jiǎn)潔而又清晰的印象。這種簡(jiǎn)潔和清晰源自對(duì)于功能設(shè)置上的克制。在Feed流上，為用戶(hù)提供最佳的信息閱讀體驗(yàn)。

『Icon』

小紅書(shū)在一些內(nèi)容豐富的頁(yè)面，icon一般為線(xiàn)性，降低視覺(jué)感；面性的icon則會(huì)出現(xiàn)在比較醒目的地方，提醒用戶(hù)點(diǎn)擊；擬物風(fēng)格的icon一般為禮物圖標(biāo)等。

二、交互設(shè)計(jì)，如何做到簡(jiǎn)單？

小紅書(shū)的整體界面比較簡(jiǎn)潔，使用起來(lái)很簡(jiǎn)單。首頁(yè)只有三大功能模塊，用戶(hù)操作路徑清晰。底部導(dǎo)航條之間分類(lèi)明確，互不干擾，常用功能都能很快找到，不常用功能放在側(cè)邊欄中，節(jié)省了頁(yè)面空間。

小紅書(shū)的3種內(nèi)容方式

圖文：圖文筆記的瀏覽界面就是圖片與文字分開(kāi)的形式，圖片左右滑動(dòng)瀏覽，一般用戶(hù)會(huì)增加標(biāo)簽輔助說(shuō)明。文字也只能利用圖形來(lái)增加可看性。此外在文章內(nèi)還可以增加商品鏈接，直接引導(dǎo)轉(zhuǎn)化。

視頻：短視頻的瀏覽界面與抖音非常類(lèi)似了，文字說(shuō)明的內(nèi)容超過(guò)一定字?jǐn)?shù)會(huì)折疊。當(dāng)然也有一些短視頻沒(méi)有的功能彈幕。右上角有分享功能，點(diǎn)贊、收藏和評(píng)論則在左下角。

直播：小紅書(shū)直播內(nèi)容主要是以互動(dòng)為主，不同于其他的直播模式，而是以主播分享體驗(yàn)向用戶(hù)推薦商品，這樣的方式更能提高用戶(hù)對(duì)商品質(zhì)量的信任程度。直播過(guò)程中用戶(hù)可以右滑進(jìn)入簡(jiǎn)潔模式，這樣直播的彈幕以及禮物點(diǎn)贊特效則會(huì)隱藏。

三、小紅書(shū)的購(gòu)物方式

小紅書(shū)電商體量沒(méi)有淘寶大，商城首頁(yè)很干凈使各個(gè)活動(dòng)入口更加清晰，使用卡片的布局形式展示，可以有效的與輪播廣告相區(qū)分。小紅書(shū)在商品界面設(shè)計(jì)上更加清新、層次分明，讓用戶(hù)能明確操作流程。

購(gòu)物模塊與筆記社區(qū)有著非常巧妙的聯(lián)系，在添加筆記時(shí)，小紅書(shū)也鼓勵(lì)用戶(hù)關(guān)聯(lián)商品訂單，如果關(guān)聯(lián)，商品購(gòu)買(mǎi)鏈接就會(huì)顯示在筆記中，不僅縮短了用戶(hù)查找時(shí)間，也直接進(jìn)行了流量引導(dǎo)轉(zhuǎn)化。

作者：jongde          來(lái)源：站酷



藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加微信ban_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~

希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945。 



分享此文一切功德，皆悉回向給文章原作者及眾讀者. 免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。 



藍(lán)藍(lán)設(shè)計(jì)( www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司