因?yàn)槲彝ǔ＝虒W(xué)生減少上課時間，所以我寫了一些通緝書。我之前有朋友私信，希望不要用圖片，我也知道圖片體驗(yàn)不太好?，F(xiàn)在盜版太大了無助。但想想它是為了給每個人提供更好的閱讀體驗(yàn)，或者使用文本版本。如果您發(fā)現(xiàn)我未經(jīng)授權(quán)重印了我的文章，請向我報告。本介紹介紹了垂直電子商務(wù)的主頁設(shè)計(jì)。因此，讓我們首先了解什么是垂直的電子商務(wù)類。
B2C垂直電子商務(wù)細(xì)分
淘寶的產(chǎn)品類別（SKU）數(shù)十億，而天貓和京東也應(yīng)該在數(shù)千萬。大量商品類別，混合魚商和鋸齒狀產(chǎn)品給消費(fèi)者的購物帶來了巨大的購買時間成本。消費(fèi)者有時在這樣的購物環(huán)境中比在大海撈針中找到合適的產(chǎn)品更容易，并且大量的假冒偽劣商品增加了購物的難度。與B2C綜合商城相比，還有一種小而美觀的電子商務(wù)形式，稱為B2C垂直電子商務(wù)，它只專注于銷售一個或多個相關(guān)類別的電子商務(wù)。識別電子商務(wù)是否是垂直的是一組能夠找到共同屬性的用戶。例如，女性，文學(xué)青年等。垂直電子商務(wù)的價值在于它站在獨(dú)立第三方的視角中，并從大量商品中選擇消費(fèi)者。該平臺需要為這些產(chǎn)品提供信譽(yù)，因此這些產(chǎn)品的質(zhì)量相對有保證。通過口口相傳，我們可以逐步建立消費(fèi)者之間的信任。
模式優(yōu)點(diǎn)和缺點(diǎn):垂直類電子商務(wù)的優(yōu)勢在于面向客戶群具有一致的屬性。有了這個大前提，很容易知道客戶在哪里，他們喜歡什么，他們關(guān)心什么，以及有針對性的營銷。而客戶群的集中和特殊性將使其更具歸屬感。垂直電子商務(wù)的缺點(diǎn)是：單一產(chǎn)品類別，低用戶購買率。如果用戶想要購買您沒有的其他商品，那么用戶可以選擇全面的B2C電子商務(wù)平臺。因此，在垂直電子商務(wù)發(fā)展到一定程度后，業(yè)績增長將遇到上限，因此它將開始擴(kuò)大品類，走大而完整的道路。它也將受到來自大型B2C商場的競爭。從商品和價格的角度來看，淘寶，天貓和京東的綜合B2C電子商務(wù)。有大量商品可以取代垂直電子商務(wù)。
常見的垂直電子商務(wù)應(yīng)用
在B2C垂直內(nèi)部，在某些應(yīng)用中有更多的商業(yè)產(chǎn)品。例如，母嬰電子商務(wù)的大型垂直分類，有很多小類，如服裝，鞋子，奶粉。這些應(yīng)用程序相當(dāng)于垂直電子商務(wù)中的綜合類（圖1-1）。分類名稱產(chǎn)婦寶貝貝貝網(wǎng)，蜜芽，兒王化妝品聚美優(yōu)產(chǎn)品，樂蜂網(wǎng)品牌折扣唯品會，聚美友，楚楚街女性導(dǎo)購美女，蘑菇街頭服裝夢想義賣市場，優(yōu)衣庫，麥旺，現(xiàn)貨跨界電子商業(yè)小紅書，網(wǎng)易考拉，海運(yùn)碼頭，海濤，親愛的，美麗的，高飛，云猴全球購買新鮮日常好二手交易閑置魚圖1-1綜合垂直電子商務(wù)
由于有許多類別，頁面攜帶的信息密度相對較高。因此頁面設(shè)計(jì)采用類似于集成B2C商城的設(shè)計(jì)（圖1-2）。如果您對這篇文章感興趣，頁面設(shè)計(jì)可以參考我之前的文章《綜合B2C電商首頁設(shè)計(jì)》，這超出了本文的范圍。
圖1-2北and和居美友的垂直電子商務(wù)有一些垂直的細(xì)分。例如，各種鞋襪，奢侈品，食品，箱包，水果，鉆石戒指和珠寶，葡萄酒，保健品，禮品和玩具，花店，家居，汽車用品，藥店等。這些子類別逐漸消失隨著時間的推移，比如出售鞋子的樂濤。有許多綜合推薦類別和家居用品可以留下各種流行趨勢。這些垂直細(xì)分的產(chǎn)品類別并不多，因此大多數(shù)頁面設(shè)計(jì)都使用大型白色簡約設(shè)計(jì)。本節(jié)重點(diǎn)介紹推薦一些垂直子類別的電子商務(wù)分析（圖1-3）。分類名稱手工藝品東家首義家居，生活，美好的東西，尖叫的設(shè)計(jì)，工匠綜合導(dǎo)購最美的東西，好倉庫，想去，毒藥，野獸派，看美食享受，二十四季男裝男裝國家女裝ICY，ZARA，H&M;女士內(nèi)衣氧氣1-3精細(xì)分類垂直電子商務(wù)
垂直電子商務(wù)App的主頁結(jié)構(gòu)是垂直電子商務(wù)用戶，購物的目的可能不是很明確，一般會根據(jù)購物，通過購物找到一些自己喜歡的商品來完成購買行為。因此，主頁將提供各種類型的產(chǎn)品推薦。推薦表格通常有1，品牌中熱門商品的類別或推薦。 2.特殊形式的某類產(chǎn)品的集中推薦，主要基于產(chǎn)品推薦。 3，如果有達(dá)人推薦的子頻道，它會在首頁上曝光，通過一些意見領(lǐng)袖的推薦，4，知識庫，我的理解是一個主題的集合，比如哪些場合適合什么衣服，什么季節(jié)適合吃什么，如何選擇合適的鍋。當(dāng)然，在這方面的知識中，對各種商品的建議并不缺乏。 5.由于有許多集成的電子商務(wù)平臺模塊，所以其他小通道列是暴露的，每個模塊可能屬于某個部門，有必要平衡各部門的利益。設(shè)計(jì)師設(shè)計(jì)的頁面反映了各種協(xié)調(diào)意愿。雖然垂直電子商務(wù)的模塊要少得多，但設(shè)計(jì)師可以更自由地考慮各種模塊的設(shè)計(jì)。了解了垂直家庭電子商務(wù)主頁的內(nèi)容，我們開始研究垂直電子商務(wù)的具體模塊組成。
第1單元：標(biāo)題欄
每個應(yīng)用程序都有一個標(biāo)題欄，它成為應(yīng)用程序的標(biāo)準(zhǔn)設(shè)計(jì)。標(biāo)題欄上通常有三個重要元素：徽標(biāo)圖形或文本，搜索頁面的入口以及購物車的圖標(biāo)。視覺設(shè)計(jì)1放置在品牌標(biāo)識欄中的徽標(biāo)文本將用于字體設(shè)計(jì)。垂直電子商務(wù)通常會非常注重品牌的曝光度，因此這里不會使用系統(tǒng)默認(rèn)字體，但會使用徽標(biāo)或徽標(biāo)設(shè)計(jì)。 （圖1-4）。
圖1-4使用標(biāo)題欄的徽標(biāo)圖形和其他帶字體設(shè)計(jì)的徽標(biāo)設(shè)計(jì)。 2搜索最垂直的電子商務(wù)，并希望瀏覽推薦的內(nèi)容并購買推薦的活動。而不是直接搜索項(xiàng)目，完成購買。因此，垂直電子商務(wù)應(yīng)用程序?qū)⒂幸庾R地削弱商品搜索。與B2C集成電子商務(wù)導(dǎo)航欄上引人注目的搜索欄，食品電子商務(wù)享受和興趣購物指南生活頁面（圖1-5）不同，搜索圖標(biāo)直接放在右側(cè)的導(dǎo)航欄。
圖1-5食品電子商務(wù)享受和關(guān)注購物指南生活如果您的產(chǎn)品類別不是很多，那么用戶很難通過關(guān)鍵字搜索找到東西。因此，一些應(yīng)用程序只是組合搜索和產(chǎn)品分類頁例如，進(jìn)行搜索（圖1-6）并單擊“搜索”。輸入的搜索頁面是產(chǎn)品的類別頁面。
第一頁和圖1-6的分類頁面中沒有很多垂直類別的電子產(chǎn)品，因此直接刪除了搜索門戶。在2016年，唯品會的應(yīng)用程序甚至極大地刪除了搜索功能，并希望用戶可以在頁面上停留更長時間。這種想法顯然有點(diǎn)如意，因?yàn)橛泻芏囝悇e的唯品會，這種設(shè)計(jì)遭到了很多用戶的反對。在最新版本的唯品會將悄然添加搜索功能。因此，留在搜索門戶網(wǎng)站取決于您的類別是否足夠豐富。
第2單元：由于垂直電子商務(wù)類別，分類模塊并不多。子渠道也是有限的，因此它不需要與集成的電子商務(wù)相同，使用圖標(biāo)的形式作為模塊快速輸入，但直接設(shè)計(jì)為標(biāo)簽標(biāo)簽欄設(shè)計(jì)，放在標(biāo)題下欄，方便用戶快速瀏覽和切換。視覺設(shè)計(jì)1如果有更多類別，則底部選項(xiàng)卡欄選項(xiàng)卡選項(xiàng)卡使用時尚設(shè)計(jì)。如果應(yīng)用程序具有較少的通道，例如制作應(yīng)用程序（圖1-7），您甚至可以直接在底部設(shè)計(jì)標(biāo)簽欄，這相當(dāng)于整個底部標(biāo)簽欄。當(dāng)然，底部標(biāo)簽欄對于“我的”模塊很重要。入口位于頂部標(biāo)題欄上。
圖1-7創(chuàng)建第一頁的底欄。視覺設(shè)計(jì)2滑動隱藏的標(biāo)簽欄一些垂直電子商務(wù)主頁設(shè)計(jì)為單一形式，完全由橫幅圖像組成。用戶向上滑動頁面并自動隱藏標(biāo)題欄，為用戶提供更大的頁面顯示區(qū)域。例如，Life應(yīng)用程序（圖1-8），至于要向上滑動多少像素以開始隱藏標(biāo)題欄，您需要為程序員定義高度。
圖1-8生命滑動隱藏標(biāo)簽欄
梁倉的主頁沒有使用這種滑動隱藏標(biāo)題欄設(shè)計(jì)（圖1-9）。我想這是因?yàn)樵诤梦恢糜刑嗟讬?，購物車沒有單獨(dú)的位置。因此，為了強(qiáng)調(diào)購物車的全局顯示，欄頂部的標(biāo)簽欄是固定的。當(dāng)然，我認(rèn)為這種想法可能沒有意義，因?yàn)橹黜摬惶赡軐?dǎo)致交易行為，更多的是排水的作用。我認(rèn)為好位置底部的分享是一種非常無味的功能。其實(shí)質(zhì)是推薦一些漂亮的產(chǎn)品。如果您將此頻道降級到其他位置，請將此位置留在購物車中。我想設(shè)計(jì)師可以舒適地使用隱藏的標(biāo)題欄設(shè)計(jì)。
圖1-9固定標(biāo)記列的位置
第3單元：橫幅廣告
由于垂直類電子商務(wù)的信息密度較低，因此有足夠的空間放置橫幅。 Banner的常見比例是16: 9和1: 1.即750 * 422和750 * 750。一般的橫幅設(shè)計(jì)基于750寬度的iphone6/7。至于較大尺寸的iphone6/7plus，仍然使用此圖像，因?yàn)閺墓?jié)省帶寬的角度來看，不需要如此大的尺寸。 2X橫幅地圖也足夠3X。什么是2X，3X？有關(guān)這些移動設(shè)計(jì)知識，請閱讀我編寫的UI設(shè)計(jì)書《術(shù)與道-移動應(yīng)用設(shè)計(jì)必修課》。那么圖像的比例何時使用16: 9和何時使用1: 1？它仍然從內(nèi)容的角度進(jìn)行分析。視覺設(shè)計(jì)1 16: 9橫幅圖如果您的應(yīng)用程序顯示的橫幅圖本質(zhì)上相似。圖片只是一個參考功能，用戶無法從大圖片中看到更多的產(chǎn)品信息，需要更多的文字說明來輔助閱讀，圖片比例選擇使用16: 9.例如，游覽的產(chǎn)品圖片是適用于16: 9.例如，如果你想制作一條歐洲航線，你只能把艾菲爾鐵塔的照片放在巴黎。提供的信息量不足。您必須添加德國和法國深度10日游的文字說明。例如，創(chuàng)建（圖1-10）顯示了主頁的主題，而不是特定的主頁。因此使用16: 9橫幅圖像比例。
圖1-10 16: 9主頁橫幅
視覺設(shè)計(jì)2 1: 1橫幅地圖如果您的應(yīng)用程序顯示的橫幅地圖本質(zhì)上相似。圖片具有重要的參考作用，用戶可以通過觀看精美圖片來吸引點(diǎn)擊而無需過多關(guān)注文字內(nèi)容。圖像比例選擇使用4: 3.例如，最漂亮的Banner圖基于單個產(chǎn)品（圖1-11）。它不需要太多文本，用戶可以看到它。簡單地說有一張圖片就夠了，所以圖片比例是4: 3。
圖1-11最漂亮的1: 1橫幅地圖
第4單元：梳理內(nèi)容建議
縱向電子商務(wù)，主頁需要提出各種主題建議來指導(dǎo)各種商品。各種編輯選擇，由人推薦，熱門商品。對于用戶而言，本質(zhì)是推薦的產(chǎn)品。因此用戶不關(guān)心您的內(nèi)部內(nèi)部分類。然后一些電子商務(wù)直接打破了綜合B2C電子商務(wù)的豆腐塊實(shí)踐。相反，它使用卡片設(shè)計(jì)。各種建議都是卡片設(shè)計(jì)，這種設(shè)計(jì)的優(yōu)點(diǎn)是它足夠小，看起來不錯。缺點(diǎn)是信息密度非常低，無法保存足夠的信息。視覺設(shè)計(jì)1水平卡片想要使用水平大卡片進(jìn)行設(shè)計(jì)。啟動畫面推薦的產(chǎn)品（圖1-12）通過動畫切換直接顯示在第一頁的第一張卡片上。通過這種強(qiáng)調(diào)，用戶足夠?qū)Ｗ?。這種水平卡的一個缺點(diǎn)是可以容納的信息量不是太大，因此它僅適用于單一類型的內(nèi)容卡。如果您嘗試向卡中添加各種復(fù)雜模塊內(nèi)容。一旦卡太多，用戶在水平滑動卡時往往會失去位置感。我在哪個模塊，我只看模塊，用戶容易混淆，這是一個問題，魚和熊掌不能兼得。
圖1-12啟動頁面和主頁卡設(shè)計(jì)視覺設(shè)計(jì)2垂直卡另一種大卡設(shè)計(jì)是垂直卡，最漂亮的家用卡是縱向滑動（圖1-13）。與橫向滑動相比，滑動的容易性略好于橫向滑動，因?yàn)槭褂谜吒?xí)慣于上下滑動。垂直滑動的信息滑動程度低于水平滑動的信息滑動程度，因?yàn)轫撁嫘枰舫鲎銐虻膮^(qū)域來放置更多的前后卡以產(chǎn)生卡的上下立體感。這種三維設(shè)計(jì)可以給用戶更好的位置感。由于設(shè)計(jì)的可用區(qū)域較小，因此通過仔細(xì)的標(biāo)題設(shè)計(jì)，用戶的點(diǎn)擊會更加受到關(guān)注。
圖1-13最漂亮的主頁卡設(shè)計(jì)
第5單元：樓層橫幅
我們之前曾說過，垂直精細(xì)分類的渠道分類可能不是那么多，因此不需要像B2C集成電子商務(wù)那樣復(fù)雜的設(shè)計(jì)形式。它可以以橫幅形式從上到下直接以單個主題的形式呈現(xiàn)。視覺設(shè)計(jì)1圖片的比例是因?yàn)闄M幅設(shè)計(jì)的形式相對簡單，采用了圖片+文字的視覺風(fēng)格。每層都是一個小模塊，那么模塊和模塊如何通過視覺方式區(qū)分？ Life應(yīng)用程序使用1 + N設(shè)計(jì)（圖1-14）。在設(shè)計(jì)風(fēng)格中，Life的上半部分有一個大橫幅和一個半透明的黑色背景，下半部分有一個白色背景和一個白色的上三角形。這使用戶清楚產(chǎn)品的下半部分屬于主題的上半部分。
圖1-14生活的樓層橫幅
在Life的上半部分，Banner使用750 * 400PX的分辨率，與16: 9相比扣除22px。不使用16: 9的原因是因?yàn)樯喜坑?0px的空白區(qū)域較低的部分。不要讓整個Banner浪費(fèi)太多的區(qū)域，所以要采取400PX的高度。在下半部分，Banner使用176 * 176PX（1: 1）的小圖像。通過這種方式，圖像比例與先前分析的適用于16: 9的專題圖一致，并且產(chǎn)品圖適用于1: 1.這個尺寸比似乎使得該部分在之前清楚地清楚。當(dāng)然，如果圖片的下半部分必須使用小圖片，否則看起來這個級別是混亂的。例如，男性主頁的主頁（圖1-15），上圖和下圖的比例看起來非常接近。模塊層次結(jié)構(gòu)不是很好。
圖1-15滿義邦樓層橫幅設(shè)計(jì)2視覺風(fēng)格同一界面反復(fù)排列顯示橫幅，因此設(shè)計(jì)風(fēng)格應(yīng)統(tǒng)一。 Life使用圖標(biāo)+標(biāo)題+列頂部和底部布局（圖1-16）。這種設(shè)計(jì)的優(yōu)點(diǎn)是每個模塊都非常清晰，用戶可以清楚地對各種子信道進(jìn)行分類。所以設(shè)計(jì)風(fēng)格不是隨意選擇，只需看看視覺審美風(fēng)格。相反，它需要有效地支持產(chǎn)品運(yùn)營的需求。
圖1-16生活家庭樓層橫幅和類別頁面
第6單元：底部導(dǎo)航欄
底部導(dǎo)航一般分為4到5個模塊。以圖標(biāo)+文字設(shè)計(jì)的形式顯示，電子商務(wù)最常見的底部導(dǎo)航欄設(shè)置是主頁，類別，購物車，社區(qū)，我的。由于電子商務(wù)的垂直類別，商品分類有限。很多時候，用戶甚至不知道他們可以搜索哪些關(guān)鍵字并找到他們想要的產(chǎn)品。因此，垂直電子商務(wù)必須設(shè)計(jì)商品分類頁面，這是用戶商品的重要檢索形式。它還可以讓用戶知道您的平臺上可以購買哪些商品。氧氣具有二級產(chǎn)品分類，因此它使用類似于B2C集成平臺的類別設(shè)計(jì)。小圖像+文本形式（圖1-17）非常緊湊。這種設(shè)計(jì)的好處是，您可以在足夠小的區(qū)域內(nèi)看到盡可能多的信息。
圖1-17氧氣分類頁
如果產(chǎn)品分類只有一個級別，則可以使用大圖+文本設(shè)計(jì)表單。大圖像的設(shè)計(jì)信息密度低，占用更多頁面區(qū)域。例如，如果你想去（圖1-18），屏幕上只顯示四個類別中的一個，但好看的圖片總是引人注目。
圖1-18分類頁面
購物車中的一些垂直電子商務(wù)應(yīng)用程序是購物指南的本質(zhì)，類似于中介。通過收集品牌的廣告或購物指南的傭金來生存。當(dāng)用戶通過某個主題并看到需要購買產(chǎn)品時，他可以跳轉(zhuǎn)到天貓或其他B2C電子商務(wù)來完成購買（圖1-19），因此沒有購買付款的模塊，沒有購物車。
圖1-19生活購買商品跳躍天貓
社區(qū)社區(qū)的核心是回答“什么是值得購買”的問題，或者它可能是各種主題推薦的渠道集合。社區(qū)分為三個部分：內(nèi)容曝光項(xiàng)目，最多人協(xié)助決策，購買。這屬于內(nèi)容電子商務(wù)。我將在單獨(dú)的章節(jié)中詳細(xì)介紹。我的模塊類似于B2C集成應(yīng)用程序設(shè)計(jì)。這是個人背景角色，在購買產(chǎn)品后管理一系列州。例如，檢查商品物流狀態(tài)，退貨商品，商品評估等。
垂直子類別App推薦
市場上的垂直子類別中有很多應(yīng)用程序，我選擇了一些我非常喜歡的建議。畢竟，我受到一個人的限制。如果你感覺很好，你可以留言告訴我。我的微信是booui2017，請寫一下來自UI中國。建議1：東家首義（手工藝品）東家是一個工匠聚集的地方，出售各種工匠制作的各種藝術(shù)品（圖1-20）。電子商務(wù)已經(jīng)發(fā)展多年，已經(jīng)有一些東西了。工匠，工藝，消費(fèi)升級，工藝，這些詞語變得越來越熱，但工匠和他們的作品，一直存在，下線或其他在線平臺，或家庭或兼職，他們總是活著。東方的出現(xiàn)給了他們一個選擇。東方不僅是電子商務(wù)產(chǎn)品，也是對傳統(tǒng)工藝的尊重。
圖1-20 Dongjia Shouyi Starter頁面和主頁
建議2：銷售原創(chuàng)設(shè)計(jì)家居品牌的平臺（圖1-21）。我不知道有多少人喜歡我，去宜家買東西，只選擇一些小工具，大家具是不會選擇宜家的。由于宜家的一些大型家具，材料主要是刨花板和MDF，很長一段時間后很容易變形。實(shí)際上，價格不是太高。一些大型裝飾城鎮(zhèn)的家具感覺太普通，缺乏設(shè)計(jì)。創(chuàng)作中有很多設(shè)計(jì)家具，適合年輕消費(fèi)者。
圖1-21用作啟動頁面和主頁
建議3：Life的應(yīng)用主要是幫助您選擇家中的各種物品（圖1-22）。適用于追求生活品質(zhì)，喜歡用戶群中的各種精美小物件。里面的各種主題內(nèi)容質(zhì)量高，值得一讀。主頁橫幅設(shè)計(jì)上的圖標(biāo)設(shè)計(jì)非常精致。對應(yīng)于該部分中列的圖標(biāo)，部分描述非常清楚。
圖1-22生活啟動頁面和主頁
建議4：好東西（家庭）這是一個推薦時尚，創(chuàng)意和優(yōu)質(zhì)生活用品的應(yīng)用程序（圖1-23）。
圖1-23好東西啟動頁面和主頁
建議5：良好的地位（全面）生活審美共享社區(qū)（圖1-24），數(shù)百名意見領(lǐng)袖分享各種生活美學(xué)。 “梁倉”雜志報道了最有趣，最有品味的人物和事物，梁倉商店出售來自世界各地的最美麗的生活方式產(chǎn)品和禮品。
圖1-24亮倉啟動頁面和主頁
建議6：最美麗（集成）為時尚達(dá)人提供了一個發(fā)現(xiàn)良好的全球設(shè)計(jì)和優(yōu)秀設(shè)計(jì)師的平臺（圖1-25）。當(dāng)你第一次看到最漂亮的麋鹿圖標(biāo)時，你知道這是一個非常面向設(shè)計(jì)的應(yīng)用程序。它滿足了人們對美麗和小眾產(chǎn)品的需求，使“不在人群中”的審美標(biāo)準(zhǔn)逐漸滲透到人們的心中。這是一個我認(rèn)為在垂直電子商務(wù)中具有非常高質(zhì)量的應(yīng)用程序。
圖1-25最漂亮的起始頁面和主頁
建議7：我想去（集成）是一個購物共享平臺，突出“好設(shè)計(jì)，手工制作”（圖1-26）。專為時尚達(dá)人設(shè)計(jì)的尖端設(shè)計(jì)理念和產(chǎn)品。您要轉(zhuǎn)到的主導(dǎo)航欄圖標(biāo)與應(yīng)用程序圖標(biāo)的設(shè)計(jì)語言緊密結(jié)合。使用小鉤子這個圖形元素貫穿圖標(biāo)的設(shè)計(jì)。其中，TA中的橫幅圖表示它可以顯示動畫，非常生動有趣。這張照片是我的學(xué)生為我錄制的。你也可以告訴我如何錄制一張好照片。
圖1-26想要轉(zhuǎn)到TA說出子信道頁面
建議8：野獸派（綜合）野獸派是一個與時尚相關(guān)的綜合家庭相關(guān)銷售平臺（圖1-27）。野獸派原本是購買鮮花的應(yīng)用程序。她賣的不是花，而是美麗的生活理念。隨著您越來越大，該類別擴(kuò)展到各種家居，美容，香水，配件和食品。這里更有吸引力的是野獸派的家庭互動設(shè)計(jì)。使用整個插圖作為首頁上各種子模塊商店的入口。這種設(shè)計(jì)是獨(dú)一無二的，一見鐘情，非常吸引人。
圖1-27野獸派的起始頁和主頁
建議9：男士服裝（男士服裝）這是一個解決男士服裝問題的應(yīng)用程序（圖1-28）。男性和女性的消費(fèi)行為與女性的消費(fèi)行為大不相同。女性喜歡購買服裝（包括在線和離線），并愿意花很多時間去購物。購買結(jié)果是隨機(jī)和情緒化的。男人們買東西來處理快速修復(fù)，購買具有強(qiáng)烈目的的衣服，追求效率和結(jié)果導(dǎo)向。所以我不想在購物和采摘上花太多時間。我相信很多男人，像我一樣，對服裝的要求通常不高，但有時會有某些場合或追求生活質(zhì)量。我希望有一件體面或有品位的禮服。所以我真的需要一個像這樣的平臺。我應(yīng)該穿什么？這個設(shè)計(jì)師應(yīng)該是一個平面，非常喜歡使用各種海報元素，從開始頁面到各種橫幅的前面，熟練地使用各種點(diǎn)線元素穿插。
圖1-28男子狀態(tài)啟動頁面和主頁
建議10：氧氣（女性內(nèi)衣）氧氣是女性內(nèi)衣的推薦平臺（圖1-29）。在精品雜志的方式中，我們每天向用戶推薦買家在發(fā)現(xiàn)世界商店后發(fā)現(xiàn)的內(nèi)衣。雖然竹子是男人，但選擇女士內(nèi)衣時你會感覺不一樣。但我聽說女人選擇舒適的內(nèi)衣并不容易。內(nèi)衣體驗(yàn)專家提供了許多關(guān)于氧氣的圖形經(jīng)驗(yàn)報告。這些經(jīng)驗(yàn)者是從氧氣用戶中脫穎而出的人。 “氧氣希望這些人成為意見領(lǐng)袖，他們會引導(dǎo)用戶消費(fèi)。 。
圖1-29氧氣啟動頁面和主頁
建議11：享受（美食）一個知道如何吃，選擇和擁有風(fēng)格的食品電子商務(wù)平臺（圖1-30）。這與公眾評論不同，ENJOY選擇的一些餐廳，其中一些有米其林星級餐廳，其中一些是精心裝飾的，其中一些是基于配料或菜肴; ……與時尚商店類似，“ENJOY-Selected Limited Foods”的核心競爭力是有效篩選餐廳和菜肴的能力。它不會制作流行的自助餐，也很少涉及連鎖品牌。所以這里不是吸引人們的價格，更多的是那些精致餐廳的推薦。
圖1-30 ENJOY啟動頁面和主頁
建議12：Hanada Otaru（鮮花）這是一種花卉選擇應(yīng)用，是送花的首選（圖1-31）。在不同的場合發(fā)送不同的人，你應(yīng)該發(fā)送不同的鮮花，這些非常特別。該應(yīng)用程序解決了這個問題。但遺憾的是，送花對日常使用的需求很低，淘寶和京東也有完美的送花服務(wù)，所以這個平臺應(yīng)該很難做到。我推薦這個應(yīng)用程序的原因是我認(rèn)為設(shè)計(jì)師應(yīng)該喜歡花這個主題，應(yīng)用程序的標(biāo)志設(shè)計(jì)也非常好。
圖1-31華天小玉創(chuàng)業(yè)頁面和主頁
垂直電子商務(wù)品牌植入
通過對上述App的分析，發(fā)現(xiàn)一些具有設(shè)計(jì)感的應(yīng)用非常喜歡使用黑白色調(diào)。并擁有自己獨(dú)特的設(shè)計(jì)語言?，F(xiàn)在打開各種設(shè)計(jì)網(wǎng)站，尋找app界面設(shè)計(jì)參考。您會發(fā)現(xiàn)，如果您刪除圖標(biāo)并只看界面設(shè)計(jì)，許多應(yīng)用程序的界面設(shè)計(jì)都非常小。應(yīng)用程序設(shè)計(jì)傾向于趨于同質(zhì)化。那么這對界面設(shè)計(jì)師來說是一個挑戰(zhàn)，也是一個機(jī)遇。經(jīng)過幾年的移動創(chuàng)業(yè)趨勢，已經(jīng)存在大量的應(yīng)用程序設(shè)計(jì)?，F(xiàn)在，設(shè)計(jì)人員不會面臨如何從0設(shè)計(jì)應(yīng)用程序的問題，而是面對各種修訂設(shè)計(jì)的需求。如何設(shè)計(jì)與競爭產(chǎn)品具有差異化設(shè)計(jì)的界面是UI設(shè)計(jì)者日益迫切的需求。