Godzilla. 2016-12-19
網(wǎng)站建設(shè)
衢州網(wǎng)站設(shè)計(jì)人員談現(xiàn)代電子商務(wù)網(wǎng)站趨勢(shì)
電子商務(wù)網(wǎng)站尤其獨(dú)特，因?yàn)樵O(shè)計(jì)師必須專(zhuān)注于布局中的產(chǎn)品展示。用戶(hù)界面并不復(fù)雜，但它們需要大量額外的元數(shù)據(jù)，例如價(jià)格，數(shù)量和項(xiàng)目類(lèi)型。在這篇文章中，我想討論一些相對(duì)普遍的電子商務(wù)網(wǎng)站主題。衢州網(wǎng)站設(shè)計(jì)人家談現(xiàn)代電子商務(wù)網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)。
1.動(dòng)畫(huà)頁(yè)面元素
現(xiàn)在我承認(rèn)，我已經(jīng)看到只有少數(shù)電子商務(wù)網(wǎng)站優(yōu)雅地拉動(dòng)動(dòng)畫(huà)。如果不適當(dāng)?shù)刈觯苋菀讎樑苡慰?。但是?dāng)你創(chuàng)建有用的動(dòng)畫(huà)綁定到一個(gè)重要的部分你的布局動(dòng)畫(huà)樣式可以經(jīng)常提高可用性。菜單和產(chǎn)品字幕只是隱藏內(nèi)容的幾個(gè)示例，可以動(dòng)畫(huà)到頁(yè)面中。
Threadless正在推出一個(gè)新的測(cè)試版布局，其中有這些效果。 對(duì)于熟悉舊布局的購(gòu)物者來(lái)說(shuō)，這是一個(gè)很大的調(diào)整。 但是，通過(guò)懸停在任何頂部鏈接，查看他們新的非常酷的子導(dǎo)航彈出菜單。 小塊容器將從頁(yè)面動(dòng)畫(huà)化。 您會(huì)注意到主題標(biāo)題以及相關(guān)的縮略圖。
2.無(wú)線(xiàn)照片縮略圖產(chǎn)品分類(lèi)購(gòu)物
如果你開(kāi)始向下滾動(dòng)頁(yè)面，你會(huì)注意到大塊的標(biāo)題照片在頁(yè)面下方。 這些圖片區(qū)塊各自指定不同的產(chǎn)品類(lèi)別。 當(dāng)您將鼠標(biāo)懸停在照片上時(shí)，系統(tǒng)會(huì)顯示一個(gè)新的子鏈接列表。 這是一個(gè)獨(dú)特的設(shè)計(jì)風(fēng)格，你不會(huì)在許多其他電子商務(wù)布局中找到。
3.深嵌套導(dǎo)航
提供店面和產(chǎn)品的在線(xiàn)網(wǎng)站必須小心組織所有這些數(shù)據(jù)。 典型的網(wǎng)站導(dǎo)航菜單通常還將保存具有一些潛在子菜單項(xiàng)的鏈接的小集合。但電子商務(wù)網(wǎng)站通常需要多級(jí)嵌套菜單鏈接。 可能這么多級(jí)別，你將不能一次顯示他們！ 當(dāng)用戶(hù)瀏覽任何產(chǎn)品類(lèi)別時(shí)，導(dǎo)航菜單應(yīng)該打開(kāi)以顯示更多選項(xiàng)。 但這些鏈接僅對(duì)當(dāng)前選定的主題可見(jiàn)。 你可以在Newegg看到這個(gè)導(dǎo)航樣式的一個(gè)奇妙的例子。如果你有更多關(guān)于網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷、APP/微信開(kāi)發(fā)等產(chǎn)品服務(wù)的需求，歡迎咨詢(xún)摩恩網(wǎng)絡(luò)官網(wǎng)，新上線(xiàn)企業(yè)VI設(shè)計(jì)套餐和網(wǎng)站營(yíng)銷(xiāo)推廣系統(tǒng)（強(qiáng)）！
4.Newegg主頁(yè)彈出導(dǎo)航菜單邊欄
當(dāng)您將鼠標(biāo)懸停在左側(cè)的每個(gè)菜單項(xiàng)上時(shí)，將顯示一個(gè)帶有其他鏈接的彈出菜單。 然后，當(dāng)您選擇這些選項(xiàng)之一時(shí)，左側(cè)會(huì)顯示一個(gè)新的更新的導(dǎo)航菜單。這些提供額外的屬性可供選擇，如品牌，尺寸，類(lèi)型和價(jià)格范圍。
你可以在Guess網(wǎng)站上看到另一個(gè)典型的例子。 通過(guò)選擇頂部導(dǎo)航項(xiàng)之一，您將在左側(cè)欄中獲得一個(gè)小導(dǎo)航菜單。 選擇這些類(lèi)別中的另一個(gè)將在父級(jí)下面附加更多子鏈接。Guess網(wǎng)站界面容易準(zhǔn)備，非常容易導(dǎo)航。 大多數(shù)典型的用戶(hù)不會(huì)在任何頁(yè)面上失去這么多的導(dǎo)航選項(xiàng)。 它也很簡(jiǎn)單地回到頂部導(dǎo)航類(lèi)別。
5.產(chǎn)品放大
在線(xiàn)銷(xiāo)售產(chǎn)品是關(guān)于吸引您的受眾群體。你想提供最好的觀(guān)看體驗(yàn)。這可以通過(guò)發(fā)布非常高品質(zhì)的圖像來(lái)實(shí)現(xiàn)。但是你還需要給用戶(hù)一個(gè)不錯(cuò)的觀(guān)看設(shè)置。
6.推薦產(chǎn)品
有些客戶(hù)會(huì)訪(fǎng)問(wèn)您的電子商務(wù)網(wǎng)站，了解他們想要購(gòu)買(mǎi)什么。其他客戶(hù)將顯示瀏覽項(xiàng)目，可能會(huì)發(fā)現(xiàn)自己被插入其他區(qū)域。這些是您應(yīng)該使用相關(guān)產(chǎn)品結(jié)果定位的用戶(hù)。
我們可以看一個(gè)Lacoste的示例，其中有兩個(gè)項(xiàng)目列在側(cè)邊欄中。標(biāo)題在大粗體文本中顯示為“您可能也喜歡”。 它在所有其他文本中脫穎而出，用戶(hù)可以通過(guò)大型縮略圖來(lái)告訴這些是進(jìn)一步的產(chǎn)品列表。
7.設(shè)計(jì)師展示
除了在這里提出的所有想法，我還想提供一些令人愉快的最后的感動(dòng)。我們把這個(gè)簡(jiǎn)短的設(shè)計(jì)畫(huà)廊放在一起，設(shè)計(jì)了精心設(shè)計(jì)的電子商務(wù)網(wǎng)站布局。你會(huì)注意到，大多數(shù)前面提到的接口趨勢(shì)出現(xiàn)在大多數(shù)這些例子中。
文章標(biāo)簽：
電商網(wǎng)站趨勢(shì)
Godzilla 簽
為了在編輯、圖象設(shè)計(jì)方面進(jìn)一步的提高，我想投身于網(wǎng)站行業(yè)中，一展所長(zhǎng)，為所在的公司和社會(huì)貢獻(xiàn)一分力量!
文章評(píng)論：