当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 购物类网站产品或主题页面视觉设计一致性

心得技巧
50个充满活力的色彩在网页设计中运用实例
WEBJX收集的适合设计师参考的100个设计类网站
网页设计中常遇到的10个小问题
用户体验:购物网站的购物流程简化设计
用户体验设计实例:豆瓣UI设计改进
24个对表单对象进行个性化定制的技术
视觉设计:创意布局需要非常注意易用性问题
用户体验设计研究:中文网页文本框设计
设计经验分享:设计美好的瞬间
网页设计理论:漂亮而不空洞的极简网站设计
用户体验:网站注册中的密码保护设计细节
有感GOOGLE的登陆设计让人感到崩溃
设计师需要的IDEO以人为中心的设计工具包
用户体验研究:携程酒店订房中的日期选择
网上零售平台的站内搜索的自动提示功能
B2C网站搜索结果是列表视图还是栅格视图?
网站可用性设计:让页面等待不再漫长
设计参考:巴西设计师的图标设计作品
B2C网站设计体验:购物车中的胡萝卜
电子商务网站注册表单的可用性贴士

心得技巧 中的 购物类网站产品或主题页面视觉设计一致性


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 217 ::
收藏到网摘: n/a

在设计中保持一致性(uniformity)是网页设计中一个重要的组成部分,它能使你的设计有效地传达信息而不会导致用户迷惑或焦虑。保证一致性的一个有效方法是撰写正式的“设计风格标准”文档,也就是俗称的视觉规范。这一文档规定了一个产品或系列产品的图形用户界面设计中都必须遵守的设计准则。遵守这些准则将视觉元素保持大小一致的尺寸,有助于你的需要的时候更容易地将这些元素组合成一个新的设计。

由于网站有时候是被临时或各自独立建立起来的,它们的视觉设计的一致性已经被折腾得千疮百孔了,一般有以下两个问题:

(1)内部一致性的问题。也就是说,在网站的两个不同的地方反映了不同的设计方法。

(2)外部一致性的问题。这是说,在同一个公司的不同产品中反映出不同的设计方法。

在这里我们主要探讨这个主题的一个方面,即购物类网站中同一个产品或主题页面的内部一致性的问题。解决“内部一致性”的问题是建立在对网站框架的深刻理解上的。首先确定有可能在网站的各个界面、导航、信息设计等不同环境中可能反复出现的设计元素,然后试着独立的设计这些元素,然后将整个设计方案应用到整个网站中去,在需要的时候再进行适当的调整。

但这仅仅是第一步,你会发现即使做到了这一点,这个页面仍旧可能凌乱无比,我们可以先看看这个例子:

wow.alipay.com/overseas

这是哇!支付宝海外购频道最新上线的首页,导航、按钮及其他设计元素都已经过统一规范,我的任务是再将它休整的整齐一些。

鉴于韩国购物网站及设计业一发不可收拾的发展史,我搜寻了各大韩国购物网站,我们来看看他们是怎么做到的:

整齐划一的广告位

Mall.epost.go.kr

Kosney.co.kr

storyshop.kr

同一主题的视觉统一

Mall.epost.go.kr

storyshop.kr

制作精良的商品图片

dcx

于是我将海外购这一页面的所有图片广告全部替换,从一开始找类似尺寸的广告到最后自己做,便产生了这一结果:

 

收集意见,有没有觉得整齐一些?