同一個(gè)界面反復(fù)排布出現(xiàn)Banner，所以設(shè)計(jì)形式感要統(tǒng)一。Life采用的是圖標(biāo)+標(biāo)題+欄目上下排版形式。這樣的設(shè)計(jì)好處是每個(gè)模塊很清晰，且用戶可以很清晰的對(duì)應(yīng)分類各種子頻道。所以設(shè)計(jì)樣式不是隨意的選擇，單純的看視覺美學(xué)樣式。而是需要有效的對(duì)產(chǎn)品運(yùn)營(yíng)的需求進(jìn)行支撐。

△ Life手機(jī)網(wǎng)站建設(shè)首頁樓層網(wǎng)站banner與分類頁

手機(jī)網(wǎng)站建設(shè)模塊6：底部導(dǎo)航欄

底部導(dǎo)航一般分為 4 到 5 個(gè)模塊。以圖標(biāo)+文字的設(shè)計(jì)形式進(jìn)行展示，電商最常見的底部導(dǎo)航欄設(shè)置是首頁，分類，購(gòu)物車，社區(qū)，我的。

手機(jī)網(wǎng)站建設(shè)之商品分類

因?yàn)榇怪鳖?  電商的商品品類有限。所以很多時(shí)候用戶甚至不知道可以搜什么關(guān)鍵詞，去尋找他想要的商品。所以垂直類電商必須設(shè)計(jì)商品的分類頁面，對(duì)于用戶來說這是一種商品的重要檢索形式。同時(shí)也讓用戶知道你的平臺(tái)有哪些商品可以購(gòu)買。氧氣的商品分類有二級(jí)，所以采用的是類似B2C綜合平臺(tái)的品類設(shè)計(jì)形式，小圖+文字形式顯得非常的緊湊。這種設(shè)計(jì)的好處是在足夠小的面積內(nèi)，可以查看到盡可能多的信息。

△網(wǎng)站建設(shè) 氧氣的分類頁

如果產(chǎn)品的分類只有一級(jí)，可以采用大圖片+文字的設(shè)計(jì)形式。大圖的設(shè)計(jì)信息密度低，占用更多的頁面面積。例如想一屏幕只顯示了 4 個(gè)分類，但好看的圖片總是吸引人的眼球。

△ 網(wǎng)站建設(shè)去的分類頁

手機(jī)網(wǎng)站建設(shè)購(gòu)物車

一些垂直類電商應(yīng)用，是導(dǎo)購(gòu)的性質(zhì)，類似一個(gè)中介。通過收取品牌的廣告或者導(dǎo)購(gòu)的提成生存。當(dāng)用戶通過某個(gè)專題，看上這個(gè)商品需要購(gòu)買的時(shí)候，可以跳轉(zhuǎn)天貓或者其他B2C電商完成購(gòu)買，所以并沒有購(gòu)買支付的模塊，也就沒有購(gòu)物車。

△ Life手機(jī)網(wǎng)站建設(shè)購(gòu)買商品轉(zhuǎn)跳天貓

網(wǎng)站建設(shè)社區(qū)布局

社區(qū)的核心在于解答“什么值得買”這個(gè)問題，也可能是各種專題推薦的頻道集合地。社區(qū)分為 3 個(gè)部分：內(nèi)容曝光單品，達(dá)人輔助決策，購(gòu)買。這個(gè)屬于內(nèi)容電商。我準(zhǔn)備在后面章節(jié)單獨(dú)詳細(xì)去講。

我的

這個(gè)模塊和B2C綜合類應(yīng)用設(shè)計(jì)差不多，這是一個(gè)個(gè)人后臺(tái)的作用，管理自己購(gòu)買商品后的一系列狀態(tài)。例如查看商品物流狀態(tài)，退換商品，商品評(píng)價(jià)等。

網(wǎng)站建設(shè)垂直細(xì)分類App推薦

市面上的垂直細(xì)分類的App非常多，我挑選了一些自己非常喜歡的推薦給大家。畢竟我一個(gè)人看的有限，如果大家有覺得非常不錯(cuò)的也可以留言告訴我。

網(wǎng)站建設(shè)界面推薦1：東家守藝人（手工藝品）

東家作為匠人聚集的地方，專門售賣各種手藝人的親手制作的各種藝術(shù)品。電商已經(jīng)發(fā)展很多年了，該有的東西都已經(jīng)有。匠人，手藝，消費(fèi)升級(jí)，工匠精神，這些詞雖是剛剛熱起來，但手藝人，還有他們的作品，是一直就存在的，靠線下或者著其他線上平臺(tái)，或家傳或兼職，他們一直活著。東家的出現(xiàn)讓他們多了一個(gè)選擇。東家不僅僅是電商產(chǎn)品，也包含著對(duì)傳統(tǒng)手藝的尊重。

△ 東家守藝人啟動(dòng)頁和首頁

網(wǎng)站建設(shè)界面推薦2：造作（家居）

售賣原創(chuàng)設(shè)計(jì)家居品牌的平臺(tái)。不知道有多少人像我一樣，去宜家買東西，只會(huì)選擇一些小玩意，大的家具不太會(huì)去選擇宜家的。因?yàn)橐思业囊恍┐蠹揖?，材質(zhì)以刨花板和密度板居多，用久了就容易變形。其實(shí)性價(jià)比不是太高。一些大的裝飾城里的家具感覺又太普通，缺乏設(shè)計(jì)感。造作上有很多極具設(shè)計(jì)感的家具，適合年輕消費(fèi)者。

△ 網(wǎng)站建設(shè)設(shè)計(jì)造作啟動(dòng)頁和首頁

網(wǎng)站建設(shè)界面推薦3： Life（家居）

這個(gè)應(yīng)用主要是幫你挑選家居各種物品搭配。適用于追求生活品質(zhì)，喜歡家居中各種各樣精致小物件搭配的用戶群體。里面的各種專題內(nèi)容質(zhì)量很高，值得翻閱。首頁下banner專題設(shè)計(jì)上的圖標(biāo)設(shè)計(jì)非常精致。與板塊內(nèi)欄目上的圖標(biāo)相對(duì)應(yīng)，板塊描述非常清晰。

△  Life啟動(dòng)頁和首頁

網(wǎng)站建設(shè)界面推薦4：好物（家居）

這是一個(gè)推薦新潮、創(chuàng)意、優(yōu)質(zhì)的生活物品的應(yīng)用。

△ 好物啟動(dòng)頁和首頁

網(wǎng)站建設(shè)界面推薦5：良倉(cāng)（綜合）

一個(gè)生活美學(xué)分享社區(qū)，有數(shù)百位意見領(lǐng)袖分享各種生活美學(xué)。良倉(cāng)雜志報(bào)道最有趣味及品味的人和事，良倉(cāng)商店精選售賣來自全球最精美的生活產(chǎn)品及禮物。

△ 良倉(cāng)啟動(dòng)頁和首頁

網(wǎng)站建設(shè)界面推薦6：最美有物（綜合）

為時(shí)尚達(dá)人提供一個(gè)發(fā)現(xiàn)全球好設(shè)計(jì)和優(yōu)秀設(shè)計(jì)師的平臺(tái)。第一眼看到最美有物的麋鹿圖標(biāo)，就知道這是一個(gè)非常有設(shè)計(jì)感的應(yīng)用。滿足了人們對(duì)美而小眾的產(chǎn)品的需求，使「不從眾」的審美標(biāo)準(zhǔn)逐漸深入人心。這是我認(rèn)為垂直電商里設(shè)計(jì)質(zhì)量相當(dāng)高的應(yīng)用。

△ 最美有物啟動(dòng)頁和首頁

推薦7：想去（綜合）

是一家突出“好設(shè)計(jì)、純手工”的購(gòu)物分享平臺(tái)。專為時(shí)尚達(dá)人提供前沿的設(shè)計(jì)理念與產(chǎn)品。想去的主導(dǎo)航欄圖標(biāo)和應(yīng)用圖標(biāo)的設(shè)計(jì)語言結(jié)合緊密。運(yùn)用了一個(gè)小勾這個(gè)圖形元素貫穿了圖標(biāo)的設(shè)計(jì)。其中TA說中的banner圖可以顯示動(dòng)圖，非常的生動(dòng)有意思。

野獸派是綜合類的時(shí)尚類家居相關(guān)售賣平臺(tái)。野獸派本來是一個(gè)買花起家的應(yīng)用，她賣的不是花，而是花一般的美好的生活理念。隨著越做越大，品類也擴(kuò)張到各種家居、美妝、香氛、配飾和美食等。這里比較吸引人的是野獸派的首頁交互設(shè)計(jì)。使用一個(gè)整張插畫，作為首頁各種子模塊店鋪的入口。這樣的設(shè)計(jì)別具一格，的確第一眼非常的吸引人。

△ 野獸派的啟動(dòng)頁和首頁

網(wǎng)站建設(shè)界面推薦9：男衣邦（男性服飾）

這是一個(gè)解決男士穿衣打扮的問題的應(yīng)用。男女消費(fèi)行為和女性有很大的不同，女性享受購(gòu)買衣服的過程（包括線上線下）愿意花費(fèi)大量時(shí)間去逛去看，購(gòu)買結(jié)果具有隨機(jī)性，感性消費(fèi)。而男士買東西講究速戰(zhàn)速?zèng)Q，購(gòu)買衣服目的性強(qiáng)，追求效率，結(jié)果導(dǎo)向。所以不愿意花太多時(shí)間在逛和挑選上。相信很多男士和我一樣，平時(shí)對(duì)衣著并沒有太大的要求，但也會(huì)有一些場(chǎng)合或者對(duì)生活品質(zhì)有所追求的時(shí)候。希望有得體或者有品位的衣著。那么非常需要這樣一個(gè)平臺(tái)我該穿什么比較合適。這個(gè)設(shè)計(jì)師應(yīng)該是平面出身，非常喜歡運(yùn)用各種海報(bào)元素，從啟動(dòng)頁到首頁的各種banner，熟練的運(yùn)用各種點(diǎn)線面元素穿插。

△ 男衣邦網(wǎng)站建設(shè)啟動(dòng)頁和首頁

網(wǎng)站制作推薦10：氧氣（女士?jī)?nèi)衣）

氧氣是一款女性內(nèi)衣推薦的平臺(tái)。以精品雜志的方式每天向用戶推薦買手在世界各地親自探店后發(fā)現(xiàn)的內(nèi)衣。雖然竹子是一個(gè)男士，對(duì)于選擇女性內(nèi)衣這件事情，不能感同身受。不過聽說女士選擇一款舒服的內(nèi)衣也不是那么容易的事情。氧氣內(nèi)有很多內(nèi)衣體驗(yàn)師提供的圖文體驗(yàn)報(bào)告，這些體驗(yàn)師就是從氧氣的用戶中脫穎而出的“達(dá)人”，氧氣希望把這些達(dá)人打造成為意見領(lǐng)袖，由她們來引導(dǎo)用戶的消費(fèi)。

△ 氧氣啟動(dòng)頁和首頁

網(wǎng)站建設(shè)界面推薦11： ENJOY（美食）

一個(gè)“懂吃、會(huì)選、有格調(diào)”的美食電商平臺(tái)。這個(gè)和大眾點(diǎn)評(píng)不一樣的是， ENJOY挑選的一些餐廳中，有的具備米其林元素的星級(jí)餐廳，有的是精雕細(xì)作的家庭小館，有的則以食材產(chǎn)地或料理手法取勝……和時(shí)裝領(lǐng)域的買手店類似，“ENJOY-精選限量美食”的核心競(jìng)爭(zhēng)力是對(duì)餐廳和菜品的有效篩選的能力，既不做大眾化的自助餐，也很少接觸連鎖品牌。所以在這里不是以價(jià)格吸引人，更多的是那些精致餐廳的推薦。

△ ENJOY網(wǎng)站制作啟動(dòng)頁和首頁

網(wǎng)站建設(shè)推薦12：花田小憩（鮮花）

這是一個(gè)挑選鮮花的應(yīng)用，送花首選。在不同場(chǎng)合送不同人，應(yīng)該送不同的花，這些都很有講究的。這個(gè)應(yīng)用解決的就是這個(gè)問題。但很可惜送花是一個(gè)日常使用頻次很低的需求，而且淘寶、京東也有完善的送花服務(wù)，所以這個(gè)平臺(tái)應(yīng)該很難做下去。我推薦這個(gè)應(yīng)用的原因是我覺得設(shè)計(jì)師應(yīng)該很喜歡花這個(gè)題材，App的logo設(shè)計(jì)也非常不錯(cuò)。

△ 花田小憩做網(wǎng)站啟動(dòng)頁和首頁

通過以上App的分析發(fā)現(xiàn)，一些有設(shè)計(jì)感的應(yīng)用都非常喜歡使用黑白色調(diào)。且有自己的獨(dú)特的設(shè)計(jì)語言。

現(xiàn)在打開各種設(shè)計(jì)網(wǎng)站，去找尋找app界面設(shè)計(jì)參考。你會(huì)發(fā)現(xiàn)如果去掉圖標(biāo)，僅僅去看界面設(shè)計(jì)，很多app的界面設(shè)計(jì)差異性非常小。App設(shè)計(jì)有一種趨于同質(zhì)化的傾向。那么這對(duì)界面設(shè)計(jì)師就是一個(gè)挑戰(zhàn)，也是一個(gè)機(jī)會(huì)。

經(jīng)過這幾年的移動(dòng)創(chuàng)業(yè)風(fēng)潮，大量App設(shè)計(jì)已經(jīng)存在，現(xiàn)在設(shè)計(jì)師遇到的不是從 0 如何設(shè)計(jì)一款A(yù)pp的問題了，而是面臨各種改版設(shè)計(jì)的需求。如何設(shè)計(jì)一款和競(jìng)品有差異化設(shè)計(jì)的界面，這是UI設(shè)計(jì)師越來越迫切的需求。深圳網(wǎng)站建設(shè)博納網(wǎng)絡(luò)編輯整理。