淘宝网店页面设计、布局、配色、装修一本通
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.3.2 网店页面内容的排版

网店页面拥有传统媒体不具有的优势,例如能够将声音、图片、文字、动画相结合,营造一个富有生机的独特世界,同时它拥有极强交互性,使买家能够参与其中,同设计者相互交流。

现在的网店页面通常具有的内容是文字、图片、符号、动画、按钮等。其中文字占很大的比重,因为现在网络基本上还是以传递信息为主,而文字是最有效的一种方式。其次是图片,添加图片不但可以使页面更加活跃,而且可以直观形象地说明问题。

页面上比较好的文本排布是这样的:一般文本的排版整体性好,浏览起来通畅而丝毫没有阻碍,理解内容更加容易。文字的大小应该适中,如果太大浏览起来增加了翻页的难度,太小看起来太累。因此这是值得每一个设计者慎重考虑的。用色也要考虑,一般用区别于主体的颜色可以起到强调作用,但是凡事都是过犹不及,一个整体的文字内容里用的颜色太多,势必会影响读者的理解,也会影响他们使用的心情,导致厌倦的情绪,如图2-11所示的网店页面中的文字排版,采用了表格排列文字清晰明了。

图2-11 网店页面中的文字排版

图片在网店页面设计中也占据很重要的地位,由于图片的加入使网店页面更加丰富多彩,所以把图片用好是非常重要的。有几个值得注意的地方,图片不能太大,受带宽的限制,人们是很难忍受等待之苦的,这就要求把图片的体积缩小,同时又要使图片尽量清楚、直观,最大限度地发挥它的作用,把握这个度是很关键的;另外图片的排布也很讲究,特别是多图的情况,既要使图片与图片之间有联系,同时又要融为一个整体,使看起来有条理,如图2-12所示的是页面中的多图排版。

图2-12 页面中的多图排版

小提示

在进行网店界面布局时应注意以下几点。

● 从上到下,从左到右,按照内容重要性的优先级有序展开。

● 重要内容放在靠前的位置。

● 建立清晰的视觉层次。

● 页面布局清晰明确,同级的页面布局一致。