皮革城設計總結(jié)——用解構(gòu)的方法去落實具體的設計

在服裝服飾市場的基礎上，以皮革維度對市場進行強營銷。從材質(zhì)維度對買家進行導購，以真皮為堆頭打造品質(zhì)，以革為推手促進交易，還原線下皮革市場的場景。

　　從業(yè)務需求上來看，要將皮革城打造成一個相對獨立，以真皮為核心、革(潮元素)為推手的高端特色市場。由于皮草、皮革受眾多為女性，故女性化也成為皮革城設計的重要標簽。

　　在此基礎上的特色市場設計應區(qū)別于傳統(tǒng)的行業(yè)頻道頁面，保持相對獨立以及突出批發(fā)特色。

　　前期設計風格探索中，我們將皮革城的設計拆解為3個方向，分別是：色彩設定、質(zhì)感運用、結(jié)構(gòu)排版。

　　1)色彩設定

　　在色彩的探索上，跳出WEB設計的局限。收集了大量手機端、營銷設計、服裝設計的作品，包括到線下的商城去尋找設計的靈感。試圖運用視覺感受營造一種高端、以女性為主的批發(fā)市場氛圍。

　　分析結(jié)果：以紫色搭配金棕色來烘托市場氛圍，契合皮革類產(chǎn)品氣質(zhì)。

　　2)質(zhì)感運用

　　在質(zhì)感運用方面，需要尋找新的切入點去挖掘產(chǎn)品的個性特征。使它區(qū)別于傳統(tǒng)頻道頁面，讓用戶耳目一新。

　　分析結(jié)果：走扁平化的設計風格。阿拉伯設計師Abu Naji認為扁平化設計不僅僅是一種時尚，更是一場“反對數(shù)據(jù)過載的革命”，是一項改變過多細節(jié)的凈化技術。

　　3)結(jié)構(gòu)排版

　　在信息結(jié)構(gòu)的編排上，從用戶體驗的角度出發(fā)，合理控制信息密度與閱讀節(jié)奏，靈活突出以真皮為主導的營銷策略，豐富市場信息。

　　分析結(jié)果：采用靈活的模塊化結(jié)構(gòu)，強化信息分區(qū)。

　　在把握大的設計方向后，我們用解構(gòu)的方法去落實具體的設計。

　　簡單的理解，解構(gòu)主義——解開之后再構(gòu)成。著名建筑師弗蘭克?蓋里曾經(jīng)說過：“建筑設計應當抱有與科學研究相同的態(tài)度，即破舊立新，而不是對固有觀念的重復?！蹦敲矗@種方法運用到我們的設計中，即是從理解業(yè)務到打破固有模式的框架，重構(gòu)頁面。

　　我們主要提煉出2個模塊來分析一下。

　　1)首屏設計

　　以下是我們常見的頻道頁面交互稿。

　　可以看到此模塊由LOGO區(qū)、搜索區(qū)、導航區(qū)、類目區(qū)、BANNER區(qū)構(gòu)成。如果直接潤色成為視覺稿，信息的視覺層次會不夠清晰。我們調(diào)整重構(gòu)模塊后，得到以下視覺稿：

　　對比一下我們做了哪些改變：

　　將原有的6個模塊打散后重新組合，整合到規(guī)整的4個模塊中去。結(jié)構(gòu)更加清晰、簡單。

　　1. 加重了類目區(qū)的比重，默認突出展示女式分類，突出運營主打女款市場。

　　2. 放大了BANNER區(qū)。在一期規(guī)劃中加大視覺沖擊力，營造皮革城的品牌感。也為二期規(guī)劃預留足夠的切割資源位。

　　3. 相對弱化導航區(qū)。皮革城從基本屬性上來說，是一個聚合型引流頁面，我們希望引導用戶直接產(chǎn)生交易。

　　2)產(chǎn)業(yè)帶模塊設計

　　交互稿中有5個產(chǎn)業(yè)帶，其中突出展示成都與海寧。在這2個區(qū)域中需要展示30張圖片。如果不重構(gòu)頁面，最終會導致信息爆棚。

　　我們將設計稿整理成為：

　　加入TAB切換來靈活展示全部內(nèi)容。在承載了大量內(nèi)容的前提下，簡單的切換動畫使頁面更富生趣。

　　下面來梳理一下這塊的設計思路：

　　在頁面設計中營造出音樂般的節(jié)奏感，便能有效的引導用戶在閱覽時有節(jié)奏的“停頓”，減少閱讀疲勞。配合區(qū)塊化的設計，有利于感知不同區(qū)塊的信息，使用戶迅速定位及了解全局。如果不采用區(qū)塊化的設計，就需要用更多的留白空間去營造節(jié)奏感，使得頁面冗長，造成一定量的用戶流失。

　　BANNER的規(guī)范既可以減少運維同學的制作成本，也可以控制住頁面的統(tǒng)一性，使廣告更好融到入頁面中去。

　　皮革城的數(shù)據(jù)從初期到穩(wěn)定期呈現(xiàn)出一個健康的上升趨勢。上線初期CTR在100%左右，穩(wěn)定后上浮50%，達到150%—160%。頁面UV在穩(wěn)定后維持在6000左右，較初期上線投放更精準。

　　皮革城圍繞皮質(zhì)維度進行導購，顛覆了服裝服飾市場按品類導購的模式。它的個性化突出了服裝市場的特性，既有市場的創(chuàng)新，也是對線下皮革行業(yè)的還原。皮革城會在后期的規(guī)劃迭代中，進一步優(yōu)化，提升用戶體驗。

本文名稱：皮革城設計總結(jié)——用解構(gòu)的方法去落實具體的設計
標題URL：http://www.bm7419.com/news/163069.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁設計公司、App開發(fā)、網(wǎng)站設計公司、服務器托管、品牌網(wǎng)站建設、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)