APP的UI風(fēng)格分析與總結(jié)(靈羽)

APP風(fēng)格及特點(diǎn)總結(jié)2024/7/242013-6-08天貓去哪兒美團(tuán)網(wǎng)心情記事本一、天貓APPAPP結(jié)構(gòu)：主頁(yè)、精品、搜索、頻道、我的天貓1.1主頁(yè)主頁(yè)：1、定位為優(yōu)選和品牌活動(dòng)——賣家通過(guò)折扣手段曝光產(chǎn)品，提升銷售。2、為買家提供活動(dòng)展示——抓住買家物美價(jià)廉的心理，實(shí)現(xiàn)買賣雙方的對(duì)接。1.2精品精品：1、定位為賣家推廣——四個(gè)維度提升賣家的曝光度，細(xì)分為新品推廣、分類推廣、

熱門推廣、品牌推廣2、為買家篩選出四種類型的精品——迎合買家選擇物品的方式和愛好。1.2.1精品—部分詳情界面1.3搜索搜索：1、定位查找產(chǎn)品——分類搜索，大類到小類、篩選（品牌和屬性）2、關(guān)鍵字搜索——任意關(guān)鍵字查找1.4頻道頻道：1、定位于用戶可能感興趣的內(nèi)容——如活動(dòng)推薦、每日精選、關(guān)注推薦、品牌日記、手機(jī)充值等1.5我的天貓我的天貓：1、定位以我為中心——喜歡商品、收藏、關(guān)注、我的優(yōu)惠券、購(gòu)物車、訂單信息，還包括設(shè)置1.6天貓總結(jié)一、界面風(fēng)格特點(diǎn)：1、扁平化設(shè)計(jì)：導(dǎo)航條、菜單、圖片、數(shù)據(jù)行等扁平化設(shè)計(jì)2、簡(jiǎn)潔、易懂：導(dǎo)航條、菜單、圖標(biāo)元素簡(jiǎn)潔，易理解；3、易操作：元素的點(diǎn)擊區(qū)域較大，易操作二、界面顏色特點(diǎn)：1、黑白灰為背景色，輔以彩色圖片、按鈕、線條，整體以暖色調(diào)2、主色調(diào)為枚紅色：如紅色按鈕、紅色線條等三、交互特點(diǎn)1、平而淺的結(jié)構(gòu)2、信息布局清晰，選擇、查看和訂單流程簡(jiǎn)單、易懂3、易識(shí)別、無(wú)需思考：用戶看到的、操作的流程及結(jié)果，在80%的用戶認(rèn)知范疇內(nèi)。二、去哪兒APPAPP結(jié)構(gòu)：收藏、訂單、首頁(yè)、個(gè)人中心、設(shè)置2.1主頁(yè)主頁(yè)：1、定位為商品展示區(qū)2、點(diǎn)擊時(shí)，出現(xiàn)指紋，表示當(dāng)前點(diǎn)擊的位置——十分好的用戶體驗(yàn)點(diǎn)擊時(shí)，出現(xiàn)指紋2.2其它界面2.3總結(jié)一、界面風(fēng)格特點(diǎn)：1、扁平化設(shè)計(jì)：特別是主頁(yè)面，點(diǎn)擊時(shí)出現(xiàn)指紋是亮點(diǎn)。2、簡(jiǎn)潔、易懂：導(dǎo)航條、菜單、圖標(biāo)元素簡(jiǎn)潔，易理解；二、界面顏色特點(diǎn)：1、青藍(lán)色為主色調(diào)三、交互特點(diǎn)1、平而淺的結(jié)構(gòu)2、突出重點(diǎn)，弱化次點(diǎn)三、美團(tuán)網(wǎng)APP結(jié)構(gòu)：團(tuán)購(gòu)、周邊、我的、更多3.1團(tuán)購(gòu)團(tuán)購(gòu)：1、顯示當(dāng)前城市的團(tuán)購(gòu)信息，可通過(guò)區(qū)域、類別等篩選3.2周邊周邊：1、根據(jù)LBS定位，顯示你周邊的團(tuán)購(gòu)3.4更多更多：1、顯示所有與賬號(hào)、軟件相關(guān)的設(shè)置，還包括反饋、幫助等3.3我的我的：1、與我相關(guān)的所有內(nèi)容，都集合在這里3.3總結(jié)一、風(fēng)格特點(diǎn)：1、簡(jiǎn)潔設(shè)計(jì)為主，2、元素的點(diǎn)擊區(qū)域較大，易操作二、顏色特點(diǎn)：1、淺灰和白色作為內(nèi)容區(qū)2、藍(lán)色作為主色調(diào)3、欄目導(dǎo)航采用灰色三、交