下面是小编整理的电子商务网站商品信息展示页面设计（共含9篇），欢迎阅读分享，希望对大家有所帮助。同时，但愿您也能像本文投稿人“Bunny”一样，积极向本站投稿分享好文章。
你注意到了吗，当展示交叉销售和向上销售（cross-sells and upsells）时（译者注：向上销售含义），许多电子商务网站会将用户从正在浏览的网页劫持到他们想推荐的商品网页，并且经常没有提供“返回”的链接。显然，这不是最有效的产品推销方式，有提升商品购买转换率的可能。
很明显，交叉销售可用性是能否达成效力提升的关键因素。但如何做到在不打断用户浏览流程的前提下更好的给用户展示商品信息呢？
AJAX 浮层效果
我最推崇的展示交叉销售/向上销售的方式是通过鼠标悬浮（pre-click）来显示相关产品信息。这能以AJAX “hover” 效果来实现。至少，你能展示商品的标题、价格和库存情况。也可以展示下大致的商品信息、物流选项、顾客平均评分/销售评分、可选颜色等。Barnes and Noble甚至还能允许用户快速将该商品加入到购物车：
但这里有一个潜在的问题，太多的信息会充斥在一个小的悬浮窗口中，像TheFind的前端功能竟然还包含标签：
快速预览
Foot Locker给消费者“快速预览”的选项：
你能选择产品尺寸、颜色等，甚至添加进购物车且不需要离开初始产品页面。唯一有些棘手的是，如果你不点击右侧的预览小图就会直接读取产品全尺寸大图页面。这就是一些针对快速查看和快速预览功能的可用性总结。然后，如果你偶然读取页面，Foot Locker会在副栏提供一个最近查看过的商品列表。
对比阵列
当建议的是“向上销售”（建议购买属于同一系列的更多更贵版本的产品）或“可选产品”（同一品类且价格相似的产品）的商品时，如果提供一个复选框（check box）来提供功能比较矩阵来对比各个产品功能将会非常有用，
我已经看到一些实现的案例，下方是一个有点类似的原型：
这种功能对“交叉销售”没有意义，因为将苹果、习惯和甜甜圈做功能上的对比没有意义。
将几种商品打包加入购物车
Amazon和Sears允许用户将多种商品打包加入收藏夹，并提供选项来删除那些你不需要的建议商品：
有几种方法可以让你改善交叉销售和向上销售的可用性.
Victoria’s Secret针对交叉销售有良好的页面布局，允许将多个商品加到购物车里。
这个设计的问题是，除非你点击3次“加入购物车”进行所有选择后，否则你将在进入购物车页面且无法回到刚才的商品页面。如果用户不确定如何操作，页面上也没有清晰的指导。
Martin和Osa’s shop的装备捆绑配置允许用户一个接一个的做出购物选择而不用离开页面，当你全部完成后点击一次“加入购物车”即可。
将建议带到购物车
一些顾客会担心如果点击了相关的商品将不能回到他们正在看的商品页面。Arden B在购物车汇总页面显示相同的交叉销售商品：
Walmart在商品细节的底部展示推荐商品，下图是浏览婴儿车的商品推荐：
在你将商品加到购物车后，你的购物车将铜鼓AJAX即时更新（右上角），用户仍然在产品界面，但“买了此商品的顾客还买了XX”移到了顶部，商品细节部分移到了下方。非常聪明的做法。
Sears也采用了类似的做法，当某商品被加到购物车后，将顾客带到登入页（landing page）并在顶部显示“买了这个，也买了那个”：
此文主要讨论电子商务网站产品页面设计模式，从产品页面元素、设计理由，解决方案等对产品页面设计进行分析，以客观的思路来探讨如何设计出好用的产品页面
产品页面作用
用于显示在一个电子商务网站中的产品信息，包括商品制造商，品牌，产品说明，价格以及用户评论等。
产品页面元素与解决方案
目前产品页面都会包含以下一些必要元素：
产品名称
产品图片
价格
“添加到购物车”或“购买”按钮
此外，下面的元素也经常出现在产品页面中：
折扣价格（通常为红色，与原价进行区分，原价一般都有横线）
详细的图像（大图片）
产品型号（大小，颜色等）
产品样式图片（不同颜色或图案的产品图片）
库存量
交货时间
“加入收藏”/“收藏夹”按钮
缩放功能
简短说明
更长的描述
产品规格/详细资料
产品标签与关键词（比如“畅销书”，“热销商品”等）
产品ID，
特别优惠（购买此产品可以免运费等）
支持信息 – 包括厂家维修电话号码或电子邮件地址
分享按钮（比如 ，豆瓣等）
产品页面设计目标
产品页面的主要目标就是将感兴趣的访问者转换成付费用户。说服用户作出决定购买一个或更多的产品。
如何增加产品页面转化率
有几个因素可以调整，以增加转换。包括技术和设计模式：
使用高质量的产品照片。照片可以包含的两个功能：（1）设置语音（以语音形式介绍产品的功能与使用范围）和（2）让客户可以从不同角度观看产品图片
门户页面—你的秘密武器 管理员建立一个门户门户页面只有一个目的：使某些关键字或短语在某些搜索引擎上获得更好的排名，假设你走进了...
门户页面―你的秘密武器
管理员建立一个门户门户页面只有一个目的：使某些关键字或短语在某些搜索引擎上获得更好的排名。假设你走进了一家pizza餐厅，肯定有很多人来你的餐厅，但是不是所以的人都要同一口味的pizza。搜索引擎的工作原理也是一样的，他们不是都喜欢同一个页面的。
有些时候你的网站在某个搜索引擎获得了较好的排名，但是在其他的搜索引擎中却找不到。所以是时候去建立一些门户页面去适应多个搜索引擎的“口味”。
如果搜索引擎发现你的门户页面适合他的口味，你网站的排名将会提高。
1、垃圾与门户页面
在过去，门户页面只是由几个关键字或者几幅图片组成，没有实际、有价值的内容。然后直接链到主站。人们喜欢使用一些软件自动生成多个门户页面，然后自动向众多搜索引擎提交，结果排名却反而更后了。
那么门户页面对于网站排名真的起到了积极的作用了吗？有一些人还在不断的争论，这样的门户页面对某些搜索引擎来说仍然是有用的，
低质量的门户页面没有实际工资的内容，会被搜索引擎认为是垃圾。
2、对搜索引擎友好的门户页面的组建
如果使用得当的话，门户页面不会被搜索引擎误认为是垃圾。如果能建立高质量的门户页面，这对于提高网站排名会起到一个非常积极的作用。如果要用门户页面来提高你网站排名，你的门户页面必须给访问者提供足够多的信息、图片和链接。正如你的主站一样。
一个好的门户页面应该像正式的页面一样，只不过是根据特定的搜索引擎而设计。以下这几是要切记：
A、没有必要对每一个搜索引擎建立相对的门户页面。把你的注意力放在那些对你网站没有什么好感的搜索引擎上（当然，如果所有的搜索引擎都不喜欢，那么你就 没有必要去建立门户页面，而是做好你的主站）
B、不要向主要的目录提交你的门户页面，因为这些目录只允许收录你的主站页面。否则，你将会得到惩罚。
C、在你建立门户页面前，你必须对所针对的搜擎引擎有比较深的了解。
D、有效的门户页面，只会用到1-2个关键字。如果用得太多，那么这样会导致相反的效果。把注意力尽量集中在你想优化的几个关键字上。
E、把门户页面建得尽量普通（即与正常的页面一样，不要让人一看就知道这是一个门户页面）通常情况下是用300-500个
产品页面
虽然你能用任何智能手机接入电子商务网站，但优化过的产品页面通常更易用，如你在下图看到的：
产品描述
当主页去掉图片和多余的导航后，页面就变得更易于手机使用，所以认清什么内容是对在线购物体验最重要的：
当要决定是否从在线零售商购买商品时，77%的“非常可能购买”的人会被产品信息内容的质量所影响(描述、版权信息、图片和工具)
79%的人在没有完整产品信息时不会或几乎不会购买商品
76%的人认为网站提供的内容并不足以完成产品研究或导致“经常”、“非常频繁”或“有时候会”在线购买商品
当没有足够信息时，72%的用户会去竞争对手那里做进一步的研究
优秀的在线商店提供最丰富的产品描述、图片预览、图片缩放、评论，甚至是产品比较工具。当然，把所有这些都放到移动网站上可能不是最优的方案，也可能是不现实的，但请注意那些能代表产品最核心优势的品牌、质地和模式的信息展示。
上图是BestBuy电子商务商店的HDTV产品页面，下图是移动版的商品界面：
BestBuy的例子简单明了，但如果移动网站是作为产品研究而用的，那么是否展示的这些信息足够能导致商品被卖掉?用户能理解“HDMI输入、屏幕高宽比、黑色钢琴烤漆机壳”这样的行业术语吗?
用户总是想获得尽可能完美的无缝接入体验。如果你已经用一个可用性很高，内容丰富的传统网站赢得用户的忠诚度，那么使移动设备的体验满足用户的预期也同样重要。
小心那些产品描述段落不以连贯方式显示。Moosejaw在它的新设计(右)中摆脱了冗长且不连贯的描述(左)：
老版网站有这样几个问题：HYPN OLV可能是对颜色的描述，但它的意思并不明显。click-to-call和add to cart这两个按钮离的太近了，在触摸屏上很容易点错。在段落底部的Zoom Prod. Image call-to-action看上去并不像一个链接。新网站看上去感觉更像传统的Moosejaw网站，对产品的描述有一贯Moosejaw诡异的风格。 click-to-call链接和大图片很容易在触屏上点击。
Target利用了点句来简化表达的信息，使得内容更易于浏览：
你甚至能把产品细节信息通过短信发到自己的手机上，
Sears2Go允许你读取一段产品描述，如果你需要还可以展开显示更多细节。这既给厌恶滚动屏幕的用户带来了便利，也满足了研究者对于详细信息的需求：
Sephora和Sears在产品页面的顶部给出产品评分和评论链接：
小心使用表格，它们经常迫使用户横向滚屏，有时同时在纵向和横向滚屏，像Ralph Lauren在iPhone上表现的：
Moosejaw允许用户展开和收起评论，这最大程度地减少了页面读取的时间：
图片
考虑到当要决定是否从在线零售商购买商品时，77%的“非常可能购买”的人会被包括图片等产品信息内容的质量所影响，所以不应在图片的质量上减 少投入。Target、Ralph Lauren和Sears都默认显示大图，而Moosejaw则提供可选的图片显示方式。显然，通过高质量的图片展示，你能获得较高的商品购买率。
按钮布局
对触摸屏用户来说，要避免把“Add to Cart”、“Add to Wishlist”和“Continue Shopping”等按钮堆积在一起。让各个按钮间保留点空间，或一行一行的摆放他们：
购物车总览
Best Buy、Sephora、Target和Moosejaw只支持在移动端直接结帐。如果是这样的话，这里有一些小贴士：
Ralph Lauren和Sears都允许编辑购物车，Barnes and Noble允许将商品转移到收藏夹中。令人惊讶的是，Amazo没有购物车总览页面，而是直接跳转到登录页面。
Ralph Lauren的购物车总览页面让用户确认数量并高亮强调通过手机购买能免运费。Sear提供运费和自取选项，但当商品不适合自取服务时则不能设置。最出色 的功能是相Sears那样在购物车按钮上提供安全购物图标，正如我在上周的多通道2.0在线讨论会上提到的那样，害怕安全性没有保障是用户用手机进行购物 的主要障碍。
Tickets.com很有意思。它的商业模式很独特，因为票务购买是有时限的，如果在一定时间内没有完成交易则所购的票仍然会回到库存中。你 也几乎看不到在电子商务的结帐页面有验证码，但票务行业相对其他在线零售业通常对于可疑的在线行为更敏感。不幸的是，Tickets.com的验证码很难 识别。
原文：www.getelastic.com/mobile-commerce-usability-product-pages-and-cart-summary/
译文：gengrenjie.com/
电子商务网站设计论文
电子商务网站设计论文【1】
摘要:企业在因特网上建立自己的网站和主页,让众多的上网者了解企业的有关情况,起到宣传自己,提高影响力的目的。
建立网站的方式,主要有虚拟主机和宽带接入两种方式。
虚拟主机是在指已有的大型综合网站上租用一块空间放置企业自己的主页,适用于要求不高的企业。
关键词:电子商务网站设计
一、电子商务网站系统分析与设计
电子商务网站既要处理企业对企业之间、企业同消费者之间大量复杂而零散的数据和信息,又要保证数据和信息传输的安全性,因此与普通的网站相比在数据处理和传输方面要求更高,流程也更加复杂。
因此,我们必须要使系统满足以下原则:
(1)系统的可靠性:系统的数据对企业是至关重要的,在任何情况下保证数据的完整性、正确性和可恢复性是网站设计的前提;
(2)系统的安全性:网络给我们带来便利的同时也带给我们更多的烦恼,黑客和病毒的侵袭随时会对系统产生致命的破坏,因此网站设计时必须采取足够的措施,保证系统的安全;
(3)系统的经济性与可扩展性:高性价比是一个网站的重要指标,设计网站时要处理好系统的整体优化与重复建设的矛盾,保证系统的可扩展性。
随着信息量的增加和应用功能的扩充,系统的软硬件也必须逐步扩展,要确保系统对升级换代的适应能力;
(4)系统的开放性:电子商务网站只是企业整个商务体系中的一部分,它可能是企业的第一个系统,但决不应该是最后的一个。
因此,它必须设计成支持开放性、符合相关技术标准的系统,使其能与原有系统协调工作,并与将来新建系统相互兼容;个性化是目前电子商务软件开发的焦点。
雅虎让用户自己设定个人首页。
亚马逊网站可以向购买同一本书的客户推荐别人同时还购买了其它什么样的书籍。
戴尔网站使用成熟的分析软件,通过不同渠道收集的数据来预测客户行为和偏好。
一家网上销售自行车的网站使用相应的软件给相似的用户来提供建议,推荐符合个人口味的自行车。
研究表明,具有个性化服务的网站比没有此项功能的网站可以更有效地增加销售额。
目前对商家来说最大的挑战是如何决定个性化的内容。
满足了上面的这些原则,就要具体来设计它了,对于网页的设计我想大家应该是比较熟悉了,但是电子商务网站设计起来可不是那么的简单,我们现在来看看它的设计步骤和设计原则:
(1)确定网站的主题和风格:这个几乎是所有在制作网站前都必须要做的事情。
网站主页的风格是浏览者对整个网站的普遍的感觉,是主页的版式、色调及图文组合的高度抽象。
而网站的创意则是在设计之前对内容的选择和表现形式运用的思考,力求个性的发挥,可以反映出制作者的水平。
(2)网站功能模块的规划:一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。
也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
(3)制作软件的选取:现在用的比较多的就是网页三剑客了,这套软件用起来还是非常的方便的,分别是Dreamweaver、Flash和Fire-works,当然他们的版本都是8.0的,制作的过程可能还会用到其他的一些辅助软件,如Photoshop等。
二、电子商务网站设计中需要注意的问题
1、交易的信用问题。
当前,从事电子商务的网站很多,淘宝、易趣等等。
各个电子商务交易平台均有自己的信用体制,无非就是:中介模式、网站模式、担保模式和委托模式。
以淘宝和易趣为例,如果使用现金通过邮局汇款或者使用银行转帐的方式进行交易,因为交易都是先款后货,所以极有可能商品到手后感觉与网站上描述的多少有区别,更多的时被骗的感觉。
这也是电子商务步履蹒跚发展缓慢的主要原因之一。
如何更好的确保交易双方满意交易逐渐成为人们关注的问题。
以淘宝和易趣为例,淘宝网可以使用支付宝进行交易,易趣可以使用安付通交易。
交易时,货款先支付在支付宝或安付通,收货满意后才从支付宝或安付通付钱给卖家,不必跑邮局、银行汇款以及网上在线支付,方便简单,极大程度上提高了交易双方的信用问题,应该可以保证双方的交易。
但是,假如你买30元的物品,邮资15元,货到后发现破损或者其它问题不满意,以致退换,邮资又15,恐怕加起所有的钱可以在本地买到新的商品了,不是一手钱一手货就没有了交易的感觉。
其实,除了使用类似支付宝、安付通等来提高交易双方的信用问题以外,仍然需要交易双方都能保持一个平和、宽容的心态来对待交易。
2、交易的安全问题。
短信陷阱、短信诈骗、假银行、后门程序、黑客木马、注入漏洞等不良影响的出现,严重影响了交易的安全性。
在淘宝、易趣网站上经过很简单的查询,你会发现有很多的商品(新)比现在的商场或网上报价低几成,其发布的网站也煞有其事,查询ip地址所在地:福建泉州居多。
这不得不使人联想到短信诈骗和网上诈骗的案件。
如果使用邮局汇款怕早晚石沉大海,而假银行的出现、黑客木马也使得银行转帐极有可能落得双手空空。
而电子商务网站的目的只有一个,就是盈利、盈利还是盈利,只要完成交易就可从中“渔利”,往往忽视了对卖买双方信息真实性的核实。
虽然,支付宝和安付通在极大程度上能够提高交易双方的信用,提高交易的安全性,但针对交易双方提供的信息的真实性以及交易的满意程度还缺乏一整套科学、规范、成熟的监管机制,因此而产生的经济纠纷可想而知会多么漫长。
三、网站风格和创意设计
网站的整体风格及其创意设计是人们最希望掌握,也是最难以掌握的。
其难点在于没有一个固定的模式可以参照和模仿。
如果要设计和普通网站有区别的站点,则必须要研究网站的整体风格及其创意设计。
风格(Style)是抽象的,是指站点的整体形象给浏览者的综合感受;风格是独特的,是一个站点不同于其他网站的地方,或者色彩、或者技术、或者交互性;风格是有人性的,通过网站的外表、内容、文字和交流,可以概括一个网站的个性,情绪。
设计网站的整体风格可以采用下列做法:将你的标志Logo尽可能出现在每个页面上;突出你的标准色彩;突出你的标准字体;使用明朗上口的宣传标语;创建一个站点的特有的`符号或图标等。
创意(Idea)是网站生存的关键,作为网站设计人员,一定要有好的创意来源。
创意是传达信息的一种特别方式,它是思考的结果,也是现有要素的重新组合。
比如,IP电话、在线书店、电子社区、在线拍卖等。
参考文献:
[1]陆永祯、孙云龙.用ASP和SQL Server 实现网站管理[J].鞍山钢铁学院学报,,25(3):197-199.
[2]Schneider RD著,李小译.规划与建立高性能的SQL Server数据库[M].北京机械工业出版社,.
[3]成先海.数据库基础与应用SQL Server 2000[M].北京机械工业出版社,.
电子商务网站的规划与设计【2】
[摘要] 电子商务网站是企业开展电子商务活动的重要平台，本文阐述了电子商务网站应规划内容，网站的设计原则、和应该具有的主要功能模块。
[关键词] 电子商务 网站规划内容 设计原则 功能模块
电子商务就是利用先进的电子技术进行商务活动的总称。
它是通过网络、使用先进的信息处理工具，利用计算机这种载体，将买卖双方的商务信息、产品信息、销售信息、服务信息以及电子支付等活动，用相互认同的交易标准来实现。
进行电子商务活动的平台是电子商务网站。
电子商务网站在企业的电子商务体系中有着重要的作用，网站内容规划是否合理、设计的好坏、推广的成败，直接关系企业实施电子商务能否成功。
一、电子商务网站规划的内容
电子商务网站的规划是指从战略高度，对网站建设、运营进行的全盘谋略与策划。
设计网站页面布局主要有以下几点：
一、网站首页的布局设计
网站首页是网站给浏览者的第一印象，网站页面布局要从主题、导航和内容方面着手进行页面布局分析，
1、网站主题
在网站页面布局中，首页是网站的最核心的页面，首页的主题也就是网站的主旨，所有内容围绕着首页的主题来描述。主题主要体现在网站的标题、关键词和描述上，其中最主要的是标题，用户在搜索引擎上搜索结果就是你网站的标题和描述性内容。在首页的页面上，首页主题还体现在logo上，准确概括的logo和主题可以很好的帮助用户选择自己需要的网站。
2、网站导航和内容
在网站页面布局中，网站导航是必不可少的，是对网站内容的分类，按照网站的内容细分，便于用户根据个人需求选择浏览页面。网站首页导航要分类清晰明了，层次分明，不要重复。同时网站首页的内容布局设计要对网站用户进行需求分析，把用户最关注的内容放置在首页栏目的最突出位置。网站首页布局还需注意页面的尺寸、网站打开速度及友情链接布置等方面，
二、网站内页布局设计
1、内页面包屑导航
为了更好的提升站内页面权重，网站页面布局时，要将网站内页设置面包屑导航。由于网站层级页面太多，特别是大型网站，为了让网站内页获得权重，内链是个很好的方式，为内容设置面包屑导航就是最符合用户体验的内链形式。面包屑导航既可以分配页面权重也可以方便用户在页面间进行切换。
2、网站内页模板
网站页面布局中的内页模板有两栏式和三栏式。两栏式多用于小型企业博客网站。两栏页面的中心部分是文章内容，侧面为用户互动内容，如推荐文章等。当然栏目页需要注意文章列表每页条目不要太少，会导致不便于用户浏览，也会出现网站页面层次过深的问题。三栏的内页布局和两栏的差不多，中间位置为文章内容，两侧方式相应的互动内容或广告。
网站页面布局是设计好网站最核心的部分，好的页面布局会给你带来别样的收获。
页面设计的第一步是确定站点的主题，所谓主题就是与企业宗旨相对应的概念，确定主题有助于开发既具有独特风格又前后一致的Web页面。站点的主题与企业的产品紧密相关，它既能反映企业从事的业务，又具有鼓动力和感染力，主题应通过主页上陈述企业任务的那句话反映出来。通常在进行网站主页设计时要注意以下几点：
(1)主页简洁、生动，主题突出。要能够使用户对企业的主页扫一眼就能马上明白该企业是主营什么业务的。要达到这样的目的，最好应及早设置阐明主题的句子，且要以区别于其他文本字体的醒目的形式显示，但最好少用图像形式，以免影响下载速度。这样只要屏幕上一出现信息，人们就能知道这是谁，它的业务是什么。
(2)尽量缩短下载时间。企业的网页设计者要记住，大多数的网上用户都是缺乏耐心的，如果能减少下载网页的等待时间，就更能让用户停留在企业的网站上。通常网页的下载时间对大多数的调制解调器而言，最长不宜超过10秒钟。为加快下载速度，可采用调整图像尺寸和缩减文件大小，也可以使用渐进式图像或减少颜色数来减少文件的存储空间。
(3)树立一致的企业形象。结合公司在现实世界中的企业形象，树立与其相一致的网上企业形象。网站的首页可视为企业的名片、宣传手册。其设计方式常采用醒目的企业标志图标，或以企业标志灰色图标作为背景；或采用模板、风格选单等设计手段，使企业站点的全部网页既能保持风格一致，又能反映各部分的特色；也可以运用站点人格化、个性化的手法，增加企业的形象。
(4)创建菜单栏，提供对关键页面的简捷的导航，
网站首页应能提供一个简单的功能化界面，引导消费者简便迅速地到达他们所需信息的页面。要达到这个目标，可在首页上设置一个菜单栏，这个菜单栏可以认为是企业Web站点的最顶层目录，它能提供与相应关键页面的链接．而且应出现在企业网络营销Web站点内的所有页面上。菜单栏上使用一种较流行的，而且易_丁创建的图形按钮表示，网站内的每一个按钮都应有文本信息并包含与Web站点其他页面的相应链接。通常情况下这些按钮都设计成具有三维视觉效果，按钮的设计和使用应与站点的主题保持一致。
(5)设置“News”的链接与快速联系。企业网站的页面设计上还有一个十分重要的工作，是关于企业或产品的新闻或信息的链接，通常应设计成让用户只需单击一下按钮“News”或“What’s New”，即可方便地获得有关公司的最新消息。一个经常访问某站点的用户会很看重该网站首页最新信息的链接。
(6)注意页面色彩的协调。在设计页面时应尽量避免使用难以正常阅读的背景颜色，页面内容的色彩应该与背景颜色协调一致。通常用户所遇到的色彩不协调现象，并不是设计者在设计网页时就这样考虑的，而是主要因为在设计时没能对网页进行足够的测试检查。由于各种系统处理色彩的方式不一样，在一些系统上看上去视觉效果很好的网页，在其他的系统上就有可能变得视觉效果很差。因此在编写好一个主页后，应事先放到其他各种操作系统和浏览器环境中试用一下，以避免出现那些本来不应出现的视觉效果。
无论网站页面是何种类型，何种风格，设计是精美还是平庸，从网页的主要构成要素来看，基本上是一致的，对于网页设计而言，其信息内容的有效传达是通过各种构成要素的设计编排来实现的。网页的构成要素主要包括：文字、图像、Flash动画、色彩、版式等元素。
1、文字的设计与编排文字作为网页设计的重要构成要素之一，除了表达意思之外，还具有传达感情的功能。因此文字必须具有视觉上的美感，能给人以美好的印象。文字是网页设计的主体，是网页设计中必不可少的元素。因此文字在网页设计中占据相当大的面积，文字所占的存储空间非常小，有利浏览及搜索引擎采集。网页上文字的编排与设计，要与网站设计整体风格相吻合。
2、图像的创意与设计
在视觉上，图像往往能首先吸引人的注意力，这是由于图像给人的视觉印象要比文字强烈的多，图片也可以大大美化页面。善用图像，可以更加生动、形象、直观地表达网页的主题，增强网页的宣传力、感染力。
网页设计时可以图文并茂地向用户提供信息。
网页设计时使用的图像必须符合网页的主题，并要加以创新和个性化，
图片的位置、面积、数量、形式等直接关系到网页的视觉传达。在图文混排时，要注意统一、重点突出、赏心悦目，达到和谐统一。
3、网页版式设计与编排
网页版式设计注重技术性与艺术性的高度统一，是视觉传达的重要手段，也是网页设计的重要组成部分之一。网页版式设计是指将文字、图像等视觉元素进行组合配置，使页面效果美观而且易浏览。好的版式要以清晰的导向让浏览者对网页内容一目了然，成功的网页设计要能够吸引浏览者，留住用户。
4、网页色彩的搭配网页设计色彩搭配的好与坏，直接影响浏览者的观赏兴趣。在网页设计领域，彩色的网页总是胜于单色的网页。
网页设计也相当于艺术品设计，要求文字优美流畅，页面新颖、整洁，通过色彩的合理搭配，使页面更加生动具有吸引力。因此，色彩设计在网页设计中居于十分重要的地位。
5、多媒体元素的选择
网页中多媒体元素能够在很大程度上增强对浏览是的吸引力。浏览者希望在网页上看到更具有创造性、吸引力的网页。多媒体元素正是实现这一目标的重要手段。网页中涉及的多媒体元素主要是音频、视频和动画等。
这篇文章和我之前转发分享的是一个系列的文章，个人最近比较常接触的就是淘宝店铺的设计，把这一些资料性质的文章页转发过来，希望能够对正在学习淘宝店面设计的朋友有一些启发，
淘宝商品展示页页面设计介绍
，
好了，一起来学习吧。
★ 展示设计策划书
★ 网站设计策划书
★ 网站设计简历
