电子商务网站和普通网站一样,需要良好的设计,除此之外,电子商务站点还有许多额外的东西需要考虑,后台支撑程序,购物车,结算,产品目录,产品搜索与导 航,一个优秀的电子商务站点会引导用户快速找到他们需要的货品并顺畅地完成购买。本文搜集了上百种与电子商务网站设计相关的资源。

1. 设计灵感与借鉴资源
A。通用资源
20 of the Best e-commerce Websites - 20 个最佳电子商务网站
Cart Craze – 电子商务网站设计展示
23 Excellent Examples of How to Design Online Stores – 25个优秀的电子商务网站设计案例
20 Well Designed E-Commerce Websites – 20 个设计出众的电子商务网站
50 Inspirational e-commerce Website Designs – 50 个电子商务网站设计样例
35 Excellent e-commerce User Interface Designs – 35个出色的电子商务类站点UI设计
B. 按钮
107 Add to Cart Buttons of the Top Online Retailers – 107 个购物车按钮设计
80 Examples of Add to Cart Buttons for Design Inspiration – 80个购物车按钮设计样例
20 e-commerce Add To Cart Buttons For Your Inspiration – 20个购物车按钮展示
"Add to Cart" Button Showcase – 购物车按钮展示
2. 购物车与电子商务平台 A. 独立购物车
PrestaShop – 一个免费,开源购物车,灵活,界面直观。
OpenCart – 基于 PHP 的免费,开源购物车。支持产品预览,自动图片尺寸,支持可下载类虚拟产品。
Magento – 开源电子商务平台,包含免费的社区版和收费的企业版。
CubeCart – 购物车程序,有两个版本,包括一个免费版。
Zen Cart – 免费开源购物车,包括各种免费扩展。
osCommerce – 开源,免费的购物车,已经应用到超过 225000 在线商店。
Digistore – 基于 osCommerce 的免费,开源购物车。
StoreSprite – 一个免费但功能强大的,基于 PHP/MySQL 的购物车。![]()
BossCart – 基于 PHP 的购物车,含免费版和高级收费版。
FatFreeCart – 一个通过复制粘贴代码就能实现的购物车,支持 Paypal 和 Google Checkout,无需注册和安装。
C. 插件
WordPress e-Commerce – 用于 WordPress 的免费,开源电子商务插件。
Shopp – 用于 WordPress 的超简单的购物车插件。
Ubercart – 用于 Drupal 5/6 的购物车插件。
Drupal e-Commerce – 用于 Drupal 的电子商务插件,支持 Paypal,Authorize.net 以及其它支付方式。
VirtueMart – 用于 Joomla 的免费购物车。
Seber Cart – 用于 Joomla 的小巧,易用的购物车。
Joomla jQuery Cart – JCart 是一个易于安装,定制的,免费的 Ajax 购物车。
本文来源:http://www.hongkiat.com/blog/e-commerce-design-resources-the-ultimate-round-up/
------------------------------------------------------------------------------------------
这是电子商务类站点终极资源大全的第二部分,本部分搜集的是海量的设计资源,包含与电子商务网站设计相关的模板,主题,图标,素材等。本文的第一第三部分请参阅:电子商务类站点终 极资源大全(上)(下)。

3. 图标与设计素材
A. 电子商务网站主题
35 Free High-Quality E-Commerce Templates – Smashing Magazine 搜集的非常出色的电子商务网站主题。

25 Magento Templates for Your E-Commerce Business – 25 套 Magento 主题

20+ Best e-commerce (WordPress Themes, Templates, Icons, Flash Sites) Collection – 最佳电子商务主题集。

The Clothes Shop Theme – 基于 WP 的布艺网店主题。

The Furniture Store Theme – 基于 WP 的家居网店主题。

enVirashop – 用于 WP 的电子商务主题

wpShop Reloaded – 一套 WP 网店主题

RGBSTore e-commerce – 一套电子商务 HTML 模板,支持 Magento, osCommerce, Zen Cart 等

Boutique – 一套优雅的电子商务 HTML 模板

Sancart – 一套简单的 OpenCart 模板

OScomm E-Commerce Template – 一套 e-commerce HTML 模板

ClassyShop – 使用 960 网格框架设计的 e-commerce 模板

Store Theme – 一套来自 Templatic 的主题,能将标准 WP 换成在线网店

Crafty Cart Theme – 另一个将 WP 变成在线网店的主题

SimpleCart(js) – 还有一个

Market Theme – 这个也是

ShopperPress – WP 网店主题,支持 Google Checkout, PayPal, Authorize.net 等支付方式

B. 设计素材
e-commerce Web Elements, Dark Grey & Green – 一套绿色系的电子商务网站素材

Web 2.0 Button (e-commerce #2) – 一套电子商务网站按钮集

e-commerce Web Elements – 一套电子商务设计素材,可以自行配色

Web Pack (Price Table, Banner, Buttons…) – 一套黑白灰色系设计素材

Price Table – 价格表素材

Colorful Pricing Table – 多彩的价格表

Pricing Tables – 5 Pack – 5 套价格表素材

Pricing Tables – 价格表,包含功能清单

Super Bright Pricing Tables – 各种配色的价格表

C. 通用图标
Vector Free Shipping Bag Set – 矢量购物袋

Free Shipping Tag Icon – 矢量标签

13 E-Commerce Icons – 13 套电子商务网站图标
![]()
Universal Icons – Set 16 (Shopping) – 来自 iStockPhoto 的电子商务网站图标素材
![]()
Sale and Shopping Icons – Alto Series – 另一套

Shopping & Consumerism Icons – White or Black Series – 来自 iStockPhoto 的图标

Set of 77 Web Icons – Web 图标集
![]()
BlueSakura – 45个图标,包括购物车图标

Icon Set n9 – Commerce – 一套电子商务网站图标
![]()
Icon Set n8 – Commerce – 另一套
![]()
Stylish Cardboard Tag Icons – 挂牌

Beautiful e-commerce Icons – 来自 Nettuts+ 的图标,包括购物车等
![]()
Hola Icons – Shopping – 一套漂亮的电子商务图标
![]()
Simple Icons on Black Background – Set 4 – 灰色系图标集,包括购物车等
![]()
Shopping Icons Set – 一套明亮的电子商务图标
![]()
Shopping Icons Fresh Collection – Set 10 – 很卡通的电子商务图标
![]()
Smooth Icon Set – 一套电子商务图标
![]()
Shopping Icons Retro Revival Collection – Set 9 – 一套怀旧风的电子商务图标

Green Icons Retro Revival Collection – Set 5 – 绿色系的

Shopping Icon Set (Isometric) – 黄色系的
![]()
E-Commerce Icon Set – 青色系的电子商务图标
![]()
Themes Ultimate Icon Set – 电子商务图标
![]()
--------------------------------------------------------------------------------------------------------------------------
这是电子商务类站点终极资源大全的第三部分,本部分继续搜集海量的设计资源,包含与电子商务网站设计相关的模板,主题,图标,素材,另外,本部分还包含一些电子商务网站设计教程。本文的第一第二部分请参阅:电子商务类站点终 极资源大全(上)(中)。

3. 图标与设计素材(续)
C. 通用图标(续)
200 Mini Icons – 一大套小图标,包含购物车等
![]()
Web Icon Set – 蓝色系的
![]()
Glossy Internet Icons – Set 4 – 方方正正的
![]()
Colorful Stickers Part 3 Icon Set – 即时贴形的

Flames Web Icons – 流火形的
![]()
Glossy Icon Set – 梅红色系的
![]()
Futuristica Icons – 机器风的

Shopping Icons – Smooth Series – 很精致的
![]()
Free Shipping Icon – 矢量包装箱
![]()
Web Assortment – 又一套

Halloween Shop Icons – 鬼节风的

Free Shipping Icon – 包装箱

D. 信用卡图标
Credit Card Icon – 256×256 PNG 格式的信用卡图标
![]()
Chalkwork Payments (Free) – 来自 Mezzoblue 的信用卡图标

Free Icons – e-commerce – Visa, MasterCard, and American Express 三大信用卡
![]()
Credit Card Icons Set – 72像素的信用卡图标
![]()
Credit Cards – 通用信用卡图标

E. 国旗图标
Country Flag Icons – 一套漂亮的国旗图标
![]()
243 Country Flag Icons – 大量国旗图标

World Flag Icons Pack – 一大套国旗图标
![]()
XP Flags Icon – 飘动的国旗图标
![]()
Flag Icons – 247个国旗图标,含 GIF 和 PNG
![]()
World Flag Orbs – 圆牌状国旗图标

Flags – 圆形国旗图标

110 Famous City Flag Icons – 城市图标

50 Flag Icons – 圆角国旗图标
![]()
Rounded Flag Icons – 一套圆形立体国旗图标,含 124x124, 48x48, 24x24 三种尺寸

F. 购物车,购物篮图标
Shopping Basket Icon – 256x256 尺寸的购物篮

Shopping Paper Bags Icons – 一套购物袋图标

Free Icon Set – 不同的购物车图标

Shopping Basket Icons 3D – 3维购物篮图标

Bubble Icon Series – Shopping Baskets and Carts – 来自 iStockPhoto 的购物篮,购物车图标
![]()
Shop Cart Icons – 一套购物车
![]()
Shopping Cart Icon – 很精致的购物车图标

E-Shop Icon – 另一套
![]()
Shopping Cart – 购物车

Shopping Cart – 小购物车图标

3D Shopping Cart – 3D购物车

4. 教程
A. 通用教程
Design an e-commerce Website in Photoshop – 在 Photoshop 中设计电子商务站点。

How to Build an Online Store with WordPress – 怎样用 WP 设计网店

How To Create an e-commerce Websit with WordPress in Under 5 Minutes – 5分钟做一个 WP 电子商务网站

B. 按钮
Add-to-Cart Buttons: Bigger is Better – 地址商务网站的购买按钮,越大越好

How to Design Buttons to Help Improve Usability – 如何设计按钮以提升易用性

Add to Cart Button Tutorial – The Best Converting Button to Use – 设计购买按钮

Scalable CSS Buttons Using PNG and Background Colors – 基于 CSS 的按钮

Add to Cart Photoshop Tutorial – 购买按钮 Photoshop 教程

Web 2.0 Button – Web 2.0 风格的按钮

更多资源
- 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
本文提供了电子商务网站设计的全面资源,包括设计灵感、购物车、电子商务平台、图标、设计素材和教程,帮助开发者构建高效、美观的电子商务站点。
8167

被折叠的 条评论
为什么被折叠?



