论视觉设计与交互设计

ttx9n · 发表于 2008-10-17 19:57:44

在整个产品设计的过程中，视觉设计与交互设计的“工序”非常紧密，两者关系也是相辅相成，互相影响。而视觉界面作为最直接与用户交流的层面，如何把交互设计以良好表现形态展现给用户，这里主要集中探讨视觉在提升交互的可用性方面的作用：提升可浏览性
在整个产品设计的过程中，视觉设计与交互设计的“工序”非常紧密，两者关系也是相辅相成，互相影响。而视觉界面作为最直接与用户交流的层面，如何把交互设计以良好表现形态展现给用户，这里主要集中探讨视觉在提升交互的可用性方面的作用：

提升可浏览性

精确与高效地传递信息与任务

贴合用户的心智模型

让交互富有情感

1.提升可浏览性：
1）信息结构的良好表现
视觉设计在对交互的帮助中，首要满足对产品与交互信息结构的展现，展现信息的清晰可读性，然后才是品牌，情感的传达。视觉语言可以通过分层，分类，对比等语言手段对产品概念及信息进行处理。
例：

pic.01

pic.02
对上面两图进行对比，同样都是文章详情页面，相信没有多少用户在浏览pic01时能快速准确地知道网站想给他什么信息，或者让用户做什么。信息主次的分布，层级，色彩，均无做好有效分布，用户一边迷惑，一边迷路。而pic02对内容按主次程度来划分，最重要的文章详情信息一目了然，结构有序，条理清晰。
我们能感受到视觉语言的有效干预，能对信息结构的展现起到很大的帮助作用。
上一页12 3 4 下一页阅读全文

u6h2m4 · 发表于 2022-9-13 12:12:30

额风风风微风微风违法

4r8oiin60 · 发表于 2022-10-21 05:38:14

vcxvcxv

回复用户5 · 发表于 2022-11-16 10:04:27

需要很久了终于找到了

w18pvaep · 发表于 2023-1-13 01:46:37

啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦

9jduu05 · 发表于 2023-9-13 12:29:19

看看看看看看看看看看看看看看看看看看看看看看看看看看看

5cf304mn2 · 发表于 2023-11-11 01:22:03

而非为吾问无为谓娃娃

e8hwl6prw · 发表于 2024-4-6 15:54:57

论坛有你更精彩！

fzyzy · 发表于 2024-4-19 20:02:48

啪啪啪生怕PSP怕

e5plu · 发表于 2024-6-4 15:48:23

。。。。。。。。。。。。。。。

账号		自动登录	找回密码
密码			立即注册

[心得技巧] 论视觉设计与交互设计