在這片文章中,為大家提供了一些簡(jiǎn)潔風(fēng)格電商網(wǎng)站頁(yè)面設(shè)計(jì)的技巧以及幾個(gè)能夠?yàn)榇蠹規(guī)?lái)啟發(fā)的極簡(jiǎn)風(fēng)格的電商網(wǎng)站案例.
有比商品單頁(yè)更好的方法來(lái)展示我們的商品呢?這就是緊隨電商網(wǎng)站設(shè)計(jì)發(fā)展趨勢(shì)的設(shè)計(jì)觀念-逐漸趨向于極簡(jiǎn).
在以前,許多網(wǎng)上商城界面的設(shè)計(jì)采取的是相反的方向,通常他們的網(wǎng)站會(huì)堆滿商品的信息,字體和色塊占據(jù)了網(wǎng)站的大幅面積,很簡(jiǎn)單,這就是所謂的過(guò)度設(shè)
現(xiàn)在，許多網(wǎng)站已經(jīng)不在采用原來(lái)那種使用一些夸張的配色和字體的設(shè)計(jì)方法，而是采用最簡(jiǎn)單的排版方式，將一組精致的照片羅列開來(lái)以顯示商品，它將是一個(gè)趨勢(shì)，隨著響應(yīng)式網(wǎng)站設(shè)計(jì)的出現(xiàn)它會(huì)取代許多網(wǎng)站的設(shè)計(jì)(不僅僅是電商)。當(dāng)我們聚焦網(wǎng)站的可讀性和可用性的時(shí)候，也會(huì)有更多設(shè)計(jì)師欣然接受這種設(shè)計(jì)趨勢(shì)，因?yàn)樗咕W(wǎng)站更加的簡(jiǎn)潔，視覺(jué)效果更好。
這樣的設(shè)計(jì)給網(wǎng)上客戶帶來(lái)了更好的購(gòu)物體驗(yàn)，更加整潔的界面，文字更易閱讀并且網(wǎng)站界面更簡(jiǎn)單，反應(yīng)更加的迅速，對(duì)用戶更加的友好。這種趨勢(shì)并不僅僅是關(guān)于設(shè)計(jì)，它在整體上為用戶帶來(lái)了更好的購(gòu)物體驗(yàn)。
想一下蘋果公司的成功和他們的網(wǎng)上商城，簡(jiǎn)單直接達(dá)到銷售的目的，接下來(lái)，我們一起來(lái)看一下這種趨勢(shì)，對(duì)于公司來(lái)說(shuō)，希望這些技巧能夠更好的為你服務(wù)，使你們做的更好。
The Trend
越來(lái)越多的公司摒棄了多種色彩、板塊和動(dòng)作的設(shè)計(jì)，而采用了更加簡(jiǎn)潔的設(shè)計(jì)方案。
網(wǎng)站背景圖案更加的細(xì)微-或者完全摒棄了以往的方法，而采用一種簡(jiǎn)單的黑色或白色的背景，排版簡(jiǎn)單直接，產(chǎn)品的圖片更加的突出，但是為什么這么做呢?
因?yàn)椴捎靡环N簡(jiǎn)單的設(shè)計(jì)方案能夠允許一個(gè)品牌更加突出的展示自己的產(chǎn)品，用戶根本不用去猜這個(gè)網(wǎng)站到底在銷售什么，因?yàn)榫W(wǎng)站的每一個(gè)元素都定義的很清晰。這就不需要品牌再像以前的銷售活動(dòng)那樣，通過(guò)提倡一種生活方式或?qū)嶋H的產(chǎn)品來(lái)使客戶感覺(jué)到。
這種類型的設(shè)計(jì)方案成本不高，因?yàn)樗鼪](méi)有高成本的設(shè)計(jì)模塊，采用的是簡(jiǎn)單的背景而沒(méi)有預(yù)先設(shè)計(jì)背景的類型，一點(diǎn)顏色漸變和一些高質(zhì)量的商品圖片就是你前期需要準(zhǔn)備的。
少花些時(shí)間在超級(jí)復(fù)雜的設(shè)計(jì)上，這樣使公司有更多時(shí)間進(jìn)行用戶體驗(yàn)的優(yōu)化工作，畢竟對(duì)電商網(wǎng)站來(lái)說(shuō)最需要考慮的就是銷量，因此網(wǎng)站必須運(yùn)行良好，加載迅速并且使用戶很容易發(fā)現(xiàn)他們想要的商品，從而完成交易。
電商網(wǎng)站設(shè)計(jì)建議：
并不僅僅是復(fù)制另一個(gè)網(wǎng)站，什么能使你的網(wǎng)站風(fēng)格獨(dú)特呢?
你的網(wǎng)站內(nèi)容需要是易讀的。界面應(yīng)該簡(jiǎn)潔，標(biāo)題數(shù)字、字號(hào)、顏色和商品價(jià)格需要明確的標(biāo)明，并且不要忘了添加購(gòu)買和賬單查詢的圖像符號(hào)-這樣的標(biāo)簽應(yīng)該是最優(yōu)先考慮的。
網(wǎng)站的圖片應(yīng)該能夠直接跳轉(zhuǎn)到詳細(xì)的商品圖片介紹中,不要給圖片添加奇怪的角度和發(fā)光效果,對(duì)于顧客來(lái)說(shuō),商品介紹的標(biāo)題要盡可能的清晰,并且要確保你的圖片能夠正確的傳達(dá)商品的信息,每一張圖片應(yīng)該符合實(shí)際標(biāo)題的描述。
必須確保你的網(wǎng)站導(dǎo)航清晰，跳轉(zhuǎn)準(zhǔn)確迅速。如果它加載遲鈍或者用戶操作起來(lái)太過(guò)復(fù)雜，用戶會(huì)迅速的離開你的網(wǎng)站，這包括商品的銷售信息和公司有關(guān)的相關(guān)介紹。你必須讓客戶了解到你們的獨(dú)特，以及讓他們感覺(jué)到物有所值。
網(wǎng)站的每一部分應(yīng)該是特點(diǎn)鮮明并且是計(jì)劃好的，如果一張圖片是不合格的或者比較模糊，那就不要使用它，如果網(wǎng)站設(shè)計(jì)的其中一個(gè)部分與你的產(chǎn)品不搭，那么選擇其他的技術(shù)加以修正。
使購(gòu)物變得簡(jiǎn)單有趣，如果你采用一種有趣的手法，使之后的頁(yè)面導(dǎo)航簡(jiǎn)單易用，那么你的網(wǎng)站的驚奇之處不光是帶顧客進(jìn)來(lái)而是讓他們停留在那里。
8個(gè)優(yōu)秀網(wǎng)站案例
Le Coq Sportif: 簡(jiǎn)單凝練的目錄，你能夠很直觀的看到不同種類的商品而不需要在點(diǎn)擊更多去查看，這對(duì)于那些猶豫不決的顧客和沖動(dòng)型消費(fèi)的買家來(lái)說(shuō)是很棒的。
Visual Supply:每個(gè)產(chǎn)品都采用超級(jí)簡(jiǎn)單的格式清楚的標(biāo)明，當(dāng)你劃過(guò)產(chǎn)品圖片的時(shí)候周圍會(huì)有紅色的邊框，這是一個(gè)非常好的體驗(yàn)。
Ditto:選購(gòu)眼鏡在這里變得有趣了起來(lái)，因?yàn)楫a(chǎn)品的圖片簡(jiǎn)單自然(及網(wǎng)站設(shè)計(jì))，在挑選自己喜歡的款式的同時(shí)，你也可以多角度對(duì)比查看商品。
Neve/Hawk: 簡(jiǎn)單并不意味著乏味，這個(gè)公司的網(wǎng)站采用了單一的顏色方案和簡(jiǎn)單的圖片展示每一個(gè)商品細(xì)節(jié)(他們還有一個(gè)非常漂亮的登陸頁(yè)面)
Narwhal Co.:這個(gè)網(wǎng)站的圖片立刻會(huì)抓住你的眼球，它們特點(diǎn)獨(dú)特，色彩鮮艷，一張高質(zhì)量的清晰圖片隨時(shí)都會(huì)吸引你。
Callaway Golf: 形象生動(dòng)的圖片為每一種產(chǎn)品奠定了基調(diào)，并且每一種產(chǎn)品又能夠相互獨(dú)立，產(chǎn)品圖片采用相同的方式展示以方便顧客進(jìn)行比較。
MANKINDdog:精彩的照片搶了風(fēng)頭,每一個(gè)產(chǎn)品都看起來(lái)很出眾,使它文字中的小故事更加的獨(dú)特,充滿溫情。
Incase: 這個(gè)公司做了很多的促銷活動(dòng)但頁(yè)面并沒(méi)有變得雜亂無(wú)章,擁堵不堪.簡(jiǎn)潔的圖片搭配清晰的按鈕讓消費(fèi)者快速的找到他們所需要的商品。
總結(jié)
這是一個(gè)需要堅(jiān)持下去的趨勢(shì).
簡(jiǎn)潔設(shè)計(jì)是一件非常棒的事情。 這對(duì)于公司來(lái)說(shuō)，采用這種概念來(lái)展示他們所要展示的產(chǎn)品，將是更好的選擇。
網(wǎng)站的產(chǎn)品圖片和簡(jiǎn)單背景對(duì)比明顯、效果顯著有很多的原因，但它的最終目的僅僅是通過(guò)圖片充分的說(shuō)明產(chǎn)品的功能和特點(diǎn)，并且在顧客購(gòu)買之前通過(guò)標(biāo)題和文字的描述使顧客對(duì)商品有個(gè)很不錯(cuò)的感受。