恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
用户体验设计师应了解的6条视觉设计原则
0.0°
2020-08-25 自译外文 经验/观点 原作者: Chris Lee 举报 1055 3 3 0

当我在大学学习视觉传达设计时,我着迷于设计师让人们以某种方式思考,感受和行动的力量。

在作为产品和UX设计师帮助产品扩展到数以百万计的用户并实现收入的十年后,我仍然使用在我头几年学到的许多基本课程--检查形状,布局,并思考版式如何影响使用我的产品的用户。我们都听说过形状,线条等视觉设计元素,并且已经将诸如对比度,强调,节奏等原理付诸实践。


现在让我们来了解下,用户体验设计师应了解的6条视觉设计原则,到底是什么?


1.重力

重力适用于对象和形状,即使在视觉传达中也是如此。听起来可能很奇怪-重力并不像现实生活中那样是一种真正的力量将二维物体向下拉。
但是引力深深地扎根于我们对现实的感知之中,以至于它甚至可以转换为页面上的二维物体。以下面的图片为例。好像你正在等待顶部的圆圈随时掉落一样,应该会感到有点不舒服。

现在看下面的这张图片-相反。

这种构图应该不像要掉落的球,而更像是一个物体只是停留在页面底部,接地,平静的。

当你设计顶部的视觉重物可能会感到不舒服并感到焦虑时,要有意识和认知(当然,除非你要传达这种感觉)。


2.阅读方向

我们从左到右,从上到下阅读。因此,左侧的对象被视为进入,而右侧的对象被视为离开。

这是左边的圆圈。同样,因为我们从左到右阅读,所以圆感觉就像是进入了画面。在下面,圆圈感觉像在退出。

你也可以使用它来传达某些情绪。例如,想让一个物体看起来像在偷窥吗?你可以创建如下所示的构图:

或者相反,传达一个逃跑的对象(或角色)。


3.阅读优先

因为我们从左到右从上到下阅读,所以我们自然会先看到左上角的对象,然后我们的眼睛自然会移到右下角,然后再看那里的东西。

这很重要,因为如果你尝试创建视觉层次结构(也许你希望用户先看到标题,然后再看到内容),则在放置事物的地方,即使它们的形状/颜色/大小相同,也确实可以有所不同。

请在以下示例中:


4.视觉张力

我曾经把这种描述形容为身体张力的转化和放大。当你看到一桌装满液体的杯子坐在桌子边缘时,就会有这种感觉。

通常,视觉张力只是无意识的--设计师没有意识到他们不小心将形状彼此相邻,从而在不知不觉中产生了张力。看一下下面的图片:

感到不舒服吗?以下是所有突出显示的张力点。

如果你有意,可以使用视觉张力吸引用户的眼睛并产生焦虑感。也许你正在设计用于抗议的海报,或者你想将某人的注意力集中在某物上。在这些情况下,请确保你的紧张情绪是故意的,不会像看起来的错误那样消失。
这是相同的构图,其中的张力集中在特定的位置,并且有意将其放在特定的位置。


5.动态与静态

静态成分经常会让人感到无聊。给它添加香料并使它更令人兴奋的一种简单方法是简单地倾斜地平线。这是一个感觉陈旧的静态图像的示例。

现在倾斜地平线,突然之间,城市景观看起来更加令人兴奋。

为了使构图更加生动有趣,你可以利用3点透视图:


6.激活负空间

你可以使用方向性形状激活负空间。负空间保持不活动状态。画一个箭头形状,可以引起你的注意,然后向右上移动视觉。

问题是,当你视觉到达页面右上角时,你的注意力可能会消失。你的视觉移过对象,但那里的空间太大,而来自图形的方向力也太小,你的注意会转移。该空间保持不活动状态。但是,通过一些裁剪/缩放:

突然之间,形状周围的空间看起来既有意图又活跃。如果你要移动某人的视线,请注意不活动的负空间。一个简单的技巧是用手指指向该对象,沿眼睛自然移动的方向移动,并注意你的注意力自然下降的位置。如果那是你想要的方式,则需要调整布局(形状或边界)以使该负空间保持活动状态。


这六个方式,你学到了吗?

Powered by Froala Editor

微信公众号:设计文

更新:2020-08-25

收藏

3人已收藏

溜滑冰

微信公众号:设计文

  • 23

    作品

  • 356

    粉丝

  • 124

    关注

  • 激发用户内部动机,该怎么做?
  • 这10条交互设计规则,你必须得遵守
  • 这些实用小技巧,能快速改善你的UI设计
  • 超全面!「无障碍设计」指南

    猜你喜欢

      2020-08-25 自译外文 经验/观点 原作者: Chris Lee 举报 1055 3 3 0

      用户体验设计师应了解的6条视觉设计原则

      0.0°

      你确定要举报用户体验设计师应了解的6条视觉设计原则

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年08月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录