任何网站都需要有良好的设计，电子商务网站亦不例外，相形而言，电子商务站点还有许多额外的东西需要考虑，后台支撑程序、购物车、结算、产品目录、产品搜 索与导航…总之，一个优秀的电子商务站点会引导用户快速找到他们需要的货品并顺畅地完成购买。本文搜集了上百种与电子商务网站设计相关的资源，希望能够对 致力于电子商务方向发展的网人有所帮助。
这是本文的第[3]部分，更多阅读需要请访问第[1] 第[2]。
3. 图标与设计素材(续)
C. 通用图标（续）
200 Mini Icons – 一大套小图标，包含购物车等
![200miniicons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/200miniicons.jpg "电子商务类网站资源全录 [3]")
Web Icon Set – 蓝色系的
![bluewebicons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/bluewebicons.jpg "电子商务类网站资源全录 [3]")
Glossy Internet Icons – Set 4 – 方方正正的
![glossyinterneticons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/glossyinterneticons.jpg "电子商务类网站资源全录 [3]")
Colorful Stickers Part 3 Icon Set – 即时贴形的
![colorfulstickerspart3 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/colorfulstickerspart3.jpg "电子商务类网站资源全录 [3]")
Flames Web Icons – 流火形的
![flameswebicons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/flameswebicons.jpg "电子商务类网站资源全录 [3]")
Glossy Icon Set – 梅红色系的
![fuschiawebicons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/fuschiawebicons.jpg "电子商务类网站资源全录 [3]")
Futuristica Icons – 机器风的
![futuristica 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/futuristica.jpg "电子商务类网站资源全录 [3]")
Shopping Icons – Smooth Series – 很精致的
![smoothshoppingicons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/smoothshoppingicons.jpg "电子商务类网站资源全录 [3]")
Free Shipping Icon – 矢量包装箱
![freeshippingicon 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/freeshippingicon.jpg "电子商务类网站资源全录 [3]")
Web Assortment – 又一套
![webassortment 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/webassortment.jpg "电子商务类网站资源全录 [3]")
Halloween Shop Icons – 鬼节风的
![halloweenshop 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/halloweenshop.jpg "电子商务类网站资源全录 [3]")
Free Shipping Icon – 包装箱
![orangefreeshipping 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/orangefreeshipping.jpg "电子商务类网站资源全录 [3]")
D. 信用卡图标
Credit Card Icon – 256×256 PNG 格式的信用卡图标
![creditcardicon 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/creditcardicon.jpg "电子商务类网站资源全录 [3]")
Chalkwork Payments (Free) – 来自 Mezzoblue 的信用卡图标
![chalkworkpayments 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/chalkworkpayments.jpg "电子商务类网站资源全录 [3]")
Free Icons – e-commerce – Visa, MasterCard, and American Express 三大信用卡
![freeiconsecommerce 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/freeiconsecommerce.jpg "电子商务类网站资源全录 [3]")
Credit Card Icons Set – 72像素的信用卡图标
![creditcardiconsset 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/creditcardiconsset.jpg "电子商务类网站资源全录 [3]")
Credit Cards – 通用信用卡图标
![genericcard 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/genericcard.jpg "电子商务类网站资源全录 [3]")
E. 国旗图标
Country Flag Icons – 一套漂亮的国旗图标
![countryflagicons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/countryflagicons.jpg "电子商务类网站资源全录 [3]")
243 Country Flag Icons – 大量国旗图标
![243countryflags 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/243countryflags.jpg "电子商务类网站资源全录 [3]")
World Flag Icons Pack – 一大套国旗图标
![worldflagiconspack 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/worldflagiconspack.jpg "电子商务类网站资源全录 [3]")
XP Flags Icon – 飘动的国旗图标
![xpflagsicon 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/xpflagsicon.jpg "电子商务类网站资源全录 [3]")
Flag Icons – 247个国旗图标，含 GIF 和 PNG
![flagicons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/flagicons.jpg "电子商务类网站资源全录 [3]")
World Flag Orbs – 圆牌状国旗图标
![worldflagorbs 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/worldflagorbs.jpg "电子商务类网站资源全录 [3]")
Flags – 圆形国旗图标
![flags 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/flags.jpg "电子商务类网站资源全录 [3]")
110 Famous City Flag Icons – 城市图标
![cityflags 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/cityflags.jpg "电子商务类网站资源全录 [3]")
50 Flag Icons – 圆角国旗图标
![50flagicons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/50flagicons.jpg "电子商务类网站资源全录 [3]")
Rounded Flag Icons – 一套圆形立体国旗图标，含 124×124, 48×48, 24×24 三种尺寸
![roundedflags 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/roundedflags.jpg "电子商务类网站资源全录 [3]")
F. 购物车，购物篮图标
Shopping Basket Icon – 256×256 尺寸的购物篮
![basket 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/basket.jpg "电子商务类网站资源全录 [3]")
Shopping Paper Bags Icons – 一套购物袋图标
![shoppingpaperbags 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/shoppingpaperbags.jpg "电子商务类网站资源全录 [3]")
Free Icon Set – 不同的购物车图标
![lukapensa 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/lukapensa.jpg "电子商务类网站资源全录 [3]")
Shopping Basket Icons 3D – 3维购物篮图标
![3dshoppingbaskets 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/3dshoppingbaskets.jpg "电子商务类网站资源全录 [3]")
Bubble Icon Series – Shopping Baskets and Carts – 来自 iStockPhoto 的购物篮，购物车图标
![bubbleiconseries 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/bubbleiconseries.jpg "电子商务类网站资源全录 [3]")
Shop Cart Icons – 一套购物车
![shopcarticons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/shopcarticons.jpg "电子商务类网站资源全录 [3]")
Shopping Cart Icon – 很精致的购物车图标
![bartelmeshoppingcart 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/bartelmeshoppingcart.jpg "电子商务类网站资源全录 [3]")
E-Shop Icon – 另一套
![eshopicon 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/eshopicon.jpg "电子商务类网站资源全录 [3]")
Shopping Cart – 购物车
![shoppingcartwheely 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/shoppingcartwheely.jpg "电子商务类网站资源全录 [3]")
Shopping Cart – 小购物车图标
![tinyshoppingcart 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/tinyshoppingcart.jpg "电子商务类网站资源全录 [3]")
3D Shopping Cart – 3D购物车
![3dshoppingcart 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/3dshoppingcart.jpg "电子商务类网站资源全录 [3]")
4. 教程
A. 通用教程
Design an e-commerce Website in Photoshop – 在 Photoshop 中设计电子商务站点。
![designinphotoshop 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/designinphotoshop.jpg "电子商务类网站资源全录 [3]")
How to Build an Online Store with WordPress – 怎样用 WP 设计网店
![onlinestorewithwordpress 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/onlinestorewithwordpress.jpg "电子商务类网站资源全录 [3]")
How To Create an e-commerce Websit with WordPress in Under 5 Minutes – 5分钟做一个 WP 电子商务网站
![wordpresstvhowto 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/wordpresstvhowto.jpg "电子商务类网站资源全录 [3]")
B. 按钮
Add-to-Cart Buttons: Bigger is Better – 地址商务网站的购买按钮，越大越好
![biggerisbetter 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/biggerisbetter.jpg "电子商务类网站资源全录 [3]")
How to Design Buttons to Help Improve Usability – 如何设计按钮以提升易用性
![improveusability 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/improveusability.jpg "电子商务类网站资源全录 [3]")
Add to Cart Button Tutorial – The Best Converting Button to Use – 设计购买按钮
![belcherbutton 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/belcherbutton.jpg "电子商务类网站资源全录 [3]")
Scalable CSS Buttons Using PNG and Background Colors – 基于 CSS 的按钮
![scalablebuttons 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/scalablebuttons.jpg "电子商务类网站资源全录 [3]")
Add to Cart Photoshop Tutorial – 购买按钮 Photoshop 教程
![roundedbutton 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/roundedbutton.jpg "电子商务类网站资源全录 [3]")
Web 2.0 Button – Web 2.0 风格的按钮
![web20button 电子商务类网站资源全录 [3]](http://media02.hongkiat.com/e-commerce-design-roundup/web20button.jpg "电子商务类网站资源全录 [3]")
更多资源
- Open Source E-Commerce Shopping Carts – Best Of – Hongkiat.com
- 15 Free Shopping Cart Icons – [Re]Encoded.com
- 30 High-Quality Icons Sets for E-Commerce Designs – Six Revisions
- Shopping Cart Icons – Hidden Pixel
- Ultimate e-commerce Starter Kits for WordPress Users – WebDesignBooth
Fearless (28)
lafingn (7)
Louis Han (7)
鸟人缘 (6)
skywalker (4)
ARTMK (3)
leesum (3)
Mr.Z (3)
梓朕 (3)
Bin Lee (2)
chentao211 (2)
