设计淘宝网页的要素 淘宝网站的设计与实现

如果要在网页中使用图片，那越大越好。人们更倾向于查看那些能够清楚地看到细节和获取信息的图像。下面介绍设计淘宝网页的要素，希望可以为您带来帮助。

1.将广告放置与最佳内容一旁也可以提升注意力。

如果想要提升广告的可视性和点击率，可以将其设置于最能引起人兴趣的内容一旁，整合进网页的设计里。这样，用户既可以找到所需的内容，你也能提升广告的效益。

2.在各种测试中，人们阅读文字广告最为专心。

正如上面提到的，一般的互联网用户不会花费太多时间用于查看那些一眼就能看出是广告的内容。这就是文字广告表现出众的原因。他们并没有分散注意力，而是与网页的其它部分内容融为一体，这让他们减少了对读者的视觉刺激，也使这一广告形式获得成功的阅读率。

3.越大的图像吸引越多的注意力。

如果要在网页中使用图片，那越大越好。人们更倾向于查看那些能够清楚地看到细节和获取信息的图像。要保证你所用的图片与文章内容相关，否则它更容易被忽视。大多数读者都拥有高速的连接速度，所以请放心在你的网站上使用那些较大体积的图片。

4.干净、清晰的特写图片能吸引更多的视觉注意。

可能那些抽象的艺术图片会让你的网站看起来很有味道，但是他们并不会吸引多少读者的注意力。如果你需要使用到这些图片，请确保所用图片的清晰以及其表达内容的简单可读性。必须注意的是，那些与真实的“人”相关的图片比所谓的模特图片更为“优秀”。

5.标题能吸引眼球。

浏览网页时，读者能发现的第一内容是标题。确保网页的所有相关链接畅通和有效，以让读者顺利的通过网站进一步搜索。

我们自己在设计详情页页面的时候，一定要注意页面设计的基础三原则：

基本原则一：信息图像化，文字是循序渐进的处理，同时能被记住的只有20%，而图片同步被大脑处理能记住的是100%，所以详情页面的描述应尽可能地图像化。

基本原则二：高效表达，表达要清晰有条理，简单直接。不要影响到页面打开速度。页面载入时间过长，会影响销量。

基本原则三：要掌握客户最关心的点你所认为客户最关心的地方，往往并不是客户最关心的;不同的产品客户所需求、所关注的地方不同，不同的产品顾客关注的地方也是各不相同。

了解了设计的基础原则之后，我们一起来看看：一个页面如何从抓住眼球到最终成交的逻辑，让页面深入人心，让页面可以帮助你说服你的消费者。

吸引顾客 留住顾客

客户的需求：产品独特的卖点(与别人的产品不同的地方，产品优势)、活动价格优惠、不同的服务(购买产品能得到什么享受、服务)、痛点(解决问题烦恼)等。

比如说，服装类的产品顾客可能关注的是衣服的款式，模特穿着的样子，衣服的尺寸以及衣服的尺码，模特的身材体重以及他穿着的衣服的大小码对比。这样才能得出来自己穿起来是什么样子。

而功能性产品比如说保健品之类的，顾客关注的就是本件产品到底有什么功能。你的产品肯定要一个突出点，比方说缓解疲劳。需要打出来一点吸引人的地方，你的产品与别人的为何不同，优势在于哪里。这里主要可以分为：近期热点事件、网络流行、新概念、主题氛围、生活主张、实际利益、好奇心、品牌的嫁接、新品上市、产品创意、强视觉、名人效益、限时限量等。

⒈导航清晰，标题具有可读性

在设计页面时，要做一个层次分明的导航条，尽量使用户知道自己所处的位置，同时，链接层次不要太多，尽量使用户能够用较短的时间找到所需的资料。一个网站的内容主题要突出、明了，尤其是大段文字的使用，必须要易于用户阅读，在文字的安排上除了可以采用横向分栏之外，也可将页面纵向分割，或利用标题和副标题将文档分段。为所有标题和副标题设置同一字体，并将标题字体加大一号，所有标题和副标题都采用粗体，这样便于识别标题和副标题，使用户一眼就可以看到要点，以便找出并继续阅读有兴趣的内容[4]。另外，也可以将整句采用不同的颜色或用粗体突出主要内容，字体的选择上要和主题风格相统一，字体和背景的颜色要能区别开，以便于识别。

⒉风格统一，色彩和谐，重点突出

网站中各个页面要保持统一风格，不要在不同的网页中使用不同的主题风格，风格统一有助于加深用户对网站的印象。要实现风格的统一，不一定要把每个栏目做得一模一样。例如，用户可以尝试让导航条样式统一，各个栏目采用不同的色彩搭配，在保持风格统一的同时再为网站增加一些变化。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美观的页面。从设计的技法上来说，重点突出某个色彩因素，可以打破整体色调的单调和沉闷，再将一部分的色彩施以强烈醒目的色彩，能使画面产生凝聚力和一张一弛的表现力，从而刺激视觉引起兴趣，产生生动的色彩形象感。在具体设计中，要注意重点色的作用，需要应用巧妙而不能过度，到处重点就无所谓强调重点了，其结果只能导致整体的混乱。

⒊界面清爽，设计避免“一般化”

页面设计整洁、清爽有着不可忽视的作用，它是进行艺术表现的重要手段。设计者要吸引用户长时间停留在你的网站，千万不能让用户第一眼就感觉压抑。大量的文字内容要使用和谐的背景色，前景文字和背景之间要对比鲜明。如果背景含有图像，对比度要弱些，可把背景图片透明度适当降低，这样用户浏览时眼睛才不至于疲劳。设计中要把强调、突出、给人强烈印象的构成要素的周围留下空白，就能扩大和提高视觉效果，同时利于视线流动，破处沉闷感，着意处理的空白，能留下艺术想象的天地，增强画面的灵性与气韵。

(一)视觉顺序

视觉流程的形成是由人类的视觉特性所决定的。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。

在网页的编辑设计中，视觉导向是一个要点，网页的设计是一种创造，首先要立足信息的传达，但又要符合人们较为普遍的思维习惯，做到视觉流程自然、合理、畅快。成功的视觉流程安排，能使网页上的各种信息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。

(二)界面布局原则

平衡原则。注意屏幕上下左右平衡。不要堆挤数据，过分拥挤的显示也会产生视觉疲和接收错误。

预期原则。屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的动作可预期。

经济原则。即在提供足够的信息量的同时还要注意简明，清昕。特别是媒体，要运用好媒体选择原则。

顺序原则。对象显示的顺序应依需要排列。通常应最先出现对话，然后通过对话将系统分段实现。

规则化。画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。