交互因视觉设计而更完美

作者:David Wang 来源:Alibaba.com UED 时间:2008-05-31 17:22:00 

的大脑通过双眼来辨别视觉图形获取信息。大脑根据储存的经验,将所看到的视觉图形建立起优先级。由此可见,一个良好的视觉设计可以帮助大脑迅速有效的组织处理所看到的内容。因此,通过视觉上的调整我们可以更进一步完善交互设计。甚至是弥补交互中的某些不足之处。

个人认为,一个交互视觉做得比较好的设计要满足以下几点:

  1. 信息内容的清晰可读;
    由于文字不同于图形,大脑要花费更多的精力去辨别文字。如果文字与内容没有做到足够的清晰,读者不仅要辨别文字而且还要很吃力的去阅读,对于用户体验是及其不好的。相对于中文而言,文字不宜小于11px(ie7的微软雅黑体),否则就难以阅读了。也不宜将文字做成大大的一个段落,尝试着将文章拆分成几个小的段落,这样对于文章的表达以及阅读都有好处;

  2. 运用良好的视觉方式组织与表达页面各单元关系
    在ps中,可以尝试用各种视觉效果,像渐变、投影、颜色对比等手段来强调或弱化页面各单元。
    例如:使用渐变、阴影效果可以突出重要的部分像导航栏等。利用色彩的强弱关系亦可以改变视觉的焦点。采用一色相系列的颜色还可以表示出从属关系。
    但要注意的是,视觉效果要样式的保持统一性,像投影不能一个是朝上方,一个是朝下方。色彩也是如此,若是滥用会造成视觉上的混乱。

  3. 网站整体风格的统一;
    是指结构、色彩保持一致;或是导航或关键元素保持一致性。在这方面是没有绝对的统一,关键要做到的是形散而意不散。

  4. 品牌信息的准确传达;
    一个良好的品牌资产可以为产品取得价格上的优势,还能促进客户忠诚度。它表现出的特征应该是可以明晰的区分其他产品。由于用户访问界面的第一印象及其重要,为了确保给用户成功的第一印象。界面上应使用品牌的合适颜色与图形风格。

标签:设计,交互,文字,用户体验
0
投稿

猜你喜欢

  • C#调用Python的URL接口的示例

    2022-08-22 21:49:27
  • 如何判断js脚本加载完成

    2008-11-04 13:53:00
  • python迭代器自定义类的具体方法

    2023-07-08 06:17:30
  • 对Python中画图时候的线类型详解

    2021-02-22 00:18:43
  • Go json反序列化“null“的问题解决

    2024-02-18 22:54:19
  • Python基于Tkinter实现的记事本实例

    2021-12-30 09:25:17
  • Python打印“菱形”星号代码方法

    2023-02-05 17:34:42
  • python简单贪吃蛇开发

    2021-04-24 18:47:56
  • .NET反向代理组件YARP介绍

    2023-07-23 02:29:45
  • jQuery实现表单验证功能

    2024-04-09 19:49:07
  • python 实现在txt指定行追加文本的方法

    2021-09-08 22:14:40
  • Git Bash终端默认路径的设置查看修改及拓展图文详解

    2023-08-22 02:03:40
  • python中的错误如何查看

    2021-05-03 08:31:22
  • 配置MySQL与卸载MySQL实例操作

    2024-01-19 21:55:26
  • js实现用div层模拟的小窗口

    2007-12-02 15:01:00
  • JavaScript switch语句使用方法简介

    2024-04-16 09:27:34
  • np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴

    2021-02-14 07:48:20
  • 10条改进你的CSS代码的方法

    2010-03-20 22:07:00
  • Python OpenCV 彩色与灰度图像的转换实现

    2022-04-14 18:36:59
  • python从PDF中提取数据的示例

    2021-10-15 21:46:05
  • asp之家 网络编程 m.aspxhome.com