浅谈购物类网站如何保持视觉设计的一致性
作者:夏墨 来源:Alipay UED 时间:2009-03-30 16:02:00
在设计中保持一致性(uniformity)是网页设计中一个重要的组成部分,它能使你的设计有效地传达信息而不会导致用户迷惑或焦虑。保证一致性的一个有效方法是撰写正式的“设计风格标准”文档,也就是俗称的视觉规范。这一文档规定了一个产品或系列产品的图形用户界面设计中都必须遵守的设计准则。遵守这些准则将视觉元素保持大小一致的尺寸,有助于你的需要的时候更容易地将这些元素组合成一个新的设计。
由于网站有时候是被临时或各自独立建立起来的,它们的视觉设计的一致性已经被折腾得千疮百孔了,一般有以下两个问题:
(1)内部一致性的问题。也就是说,在网站的两个不同的地方反映了不同的设计方法。
(2)外部一致性的问题。这是说,在同一个公司的不同产品中反映出不同的设计方法。
在这里我们主要探讨这个主题的一个方面,即购物类网站中同一个产品或主题页面的内部一致性的问题。解决“内部一致性”的问题是建立在对网站框架的深刻理解上的。首先确定有可能在网站的各个界面、导航、信息设计等不同环境中可能反复出现的设计元素,然后试着独立的设计这些元素,然后将整个设计方案应用到整个网站中去,在需要的时候再进行适当的调整。
但这仅仅是第一步,你会发现即使做到了这一点,这个页面仍旧可能凌乱无比,我们可以先看看这个例子:
wow.alipay.com/overseas
这是哇!支付宝海外购频道最新上线的首页,导航、按钮及其他设计元素都已经过统一规范,我的任务是再将它休整的整齐一些。
标签:用户,设计,一致性,购物,视觉设计
0
投稿
猜你喜欢
jquery效率探索
2008-01-08 18:06:00
详解基于K-means的用户画像聚类模型
2021-11-15 20:49:52
python 2.7.14安装图文教程
2023-09-22 16:08:33
vue阻止页面回退的实现方法(浏览器适用)
2024-06-07 15:24:10
thinkphp(php)插件钩子(hooks)分析的简单实现机制
2023-05-25 09:27:58
python numpy 一维数组转变为多维数组的实例
2023-03-19 23:30:10
Selenium python时间控件输入问题解决方案
2023-09-05 19:35:25
PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
2024-05-13 09:24:51
SpringBoot+MySQL+Jpa实现对数据库的增删改查和分页详解
2024-01-17 16:20:59
吐血推荐珍藏的Visual Studio Code插件(推荐)
2023-02-09 08:58:31
瀑布流布局代码一例
2023-08-25 07:33:19
D3.js实现拓扑图的示例代码
2024-05-09 10:20:06
pandas求两个表格不相交的集合方法
2022-03-08 01:15:41
js实现遮罩层弹出框的方法
2024-02-23 09:01:33
Django实现跨域请求过程详解
2022-08-31 23:45:56
Python使用urlretrieve实现直接远程下载图片的示例代码
2022-11-10 16:54:33
python matplotlib中文显示参数设置解析
2022-11-18 14:11:41
mysql中使用replace替换某字段的部分内容
2024-01-20 14:43:39
Python网络爬虫信息提取mooc代码实例
2022-01-02 12:18:23
实例简析XPath串函数和XSLT
2008-09-04 14:16:00