数据正在读取中...

您的位置: 设计资讯 > 网站设计 > UI设计

UI设计中灰色、阴影和色调的使用

www.shejinet.com 2020-01-09 21:07 设计.世界 浏览(1274)

摘 要:阴影和色调主要研究与黑白两种颜色结合的色彩原理,当这些色彩原理被应用于绘画或织物的颜色时,正确的应用会产生非常吸引人的效果,使艺术作品具有平衡感和整体性,易于引导注意力,使观看者感到愉悦。

640.jpg

阴影和色调主要研究与黑白两种颜色结合的色彩原理,当这些色彩原理被应用于绘画或织物的颜色时,正确的应用会产生非常吸引人的效果,使艺术作品具有平衡感和整体性,易于引导注意力,使观看者感到愉悦。

然而,在光的世界中,色调和阴影的原理有着更关键的作用。我们通过光来感知现实;光与物理环境的相互作用影响着我们的每一个动作。光线在物体周围弯曲和渐变的方式提醒我们平滑度、圆度、深度和距离,我们的大脑实时处理这些信息,使我们与不断变化的现实同步。


这种潜意识的节奏,正是我们作为设计师在创造数字用户体验中应该加以利用的。然而,每个人的数字体验都是由他们的物理体验塑造的,其中许多体验是共享的,因此为了创造一个利于潜意识节奏的用户体验,我们必须理解并尊重光的基本属性。

你不需要成为一个UI专家来欣赏某个和谐的用户体验的各个方面。实际上,如果有足够多的用户认为某个体验是不好的……那么它就是不好的。对于那些觉得自己已经尽力了的设计师来说,这可能是一种情感上的挑战,他们想不到为了达到更高质量的产出自己还能做些什么。但好的设计不在于过程中使用了多少精力,而在于在哪里、以及如何使用。

640.jpg

以上菜单设计吸引人且易于接受,不太可能有什么“惊喜”。这是因为,虽然看起来这个界面包含很多内容,实际上有一套简单却严谨的布局在控制着应该包括些什么。首先,这显然是一个单色设计。设计师暂且不觉得有必要引入新的颜色到他的设计语言里,对用户来说这是件好事情,这样用户可以将更多的注意力放在设计的色调和阴影上。

第二点,同时也可能是这一主题里最重要的理念就是,所有的文字和标志都易于阅读。大胆却不能有效传达信息的设计不仅会损害你的项目,对整个设计行业的影响更糟糕。类似的案例使得商业领导者们对具有创新性的决定望而却步,使得回归更加传统的设计思维显得必要。

最后一点,当然除此之外还有很多其他需要注意的,那就是对比度具有平衡感和整体性。注意到"Segmentation"按钮用到了阴影来表示其处于激活状态,虽然是细微之处,与其用更深的颜色来吸引注意力,设计师选择用白色色调来突出,这维持了界面整体的平衡感,还注意到深浅不同的蓝色按钮是如何根据其阴影的区别而平均分布的,也是为了达到平衡感。

640.jpg

谷歌开发者系统

以上谷歌开发者系统的用户界面给人感觉缺乏对比度,不像菜单设计里的内容,这里的信息显得结构更松散,对比度非常低,文字也难以阅读。还注意到“Dashboard”按钮虽然也处于激活状态,但不像菜单设计中的“Segementation”按钮那么显而易见。在侧边栏使用深色主题,或者给表格中的数据值使用高对比度,这些都可以帮助用户缩小他们的优先级。

那么如果我们想要从一开始就不犯错误,应该从哪里入手?虽然完美的UI没有定式,我可以提供一个原理,这个原理易于记住,并且应该作为一个有价值的起点:

1.语境

2.对比度

3.一致性

1.语境

Ant Design UI 组件

Ant Design UI 组件

当你在用户体验中引入新的图标、动画或者颜色的时候,你就是在传达给用户一个信息:你希望他们能够理解。这就是为什么依赖用户熟悉的物理体验来创建他们已经认可的语言是很重要的。

哲学家约翰·希尔勒对他提出的本体论和认识论的客观性模式进行了区分。本体论中的客观经验,比如红灯或暴风雪可以被群体感知到;而认识论中的客观经验,比如快乐和悲伤,只能被个体感知到。一个好的应用程序用户界面、组件库或设计指南应该在很大程度上来源于本体论的客观经验。红色按钮应该表示取消、警告或停止;明亮的按钮暗示它处于激活状态;绿色的按钮则让你感到安全。强行修改这些不成文的规则来迫使用户使用其他的行为方式是设计中的一个重大错误,并最终将被用户抛弃。

上面的屏幕展示了一些来自Ant Design的UI组件,你可以看到日历卡片上的阴影,几乎就像放在桌子上的一张实体卡片一样,卡片可以被察觉、使用和丢弃,界面中的卡片对用户来说应该具有最高的临时优先级。阴影应该让用户感到放心:之前的内容仍然在卡片下面,不久就会再次出现。出于这样的理由,应该尽量使用柔和的、轻微的阴影,这样用户只需在直接看卡片的时候才注意到。

另外,请注意屏幕中的禁用和非激活状态下的元素似乎都具有相同的亮度。设计师使用极简主义和灰度来进行非常细微的优先级划分,如果是创建一个具有多个优先级的用户体验,这可能是一种有价值的方法。总体上来看,不同的设计元素的数量越少,用户使用起来就越省时省力。

数据正在读取中...

[优秀设计师] DESIGNERS

  • 红蚂蚁文化
    地区:天津 • 天津
    QQ:2284475163
    电话:qq2284475163
    邮箱:2284475163@qq.com
  • 博文
    地区:广东 • 深圳
    QQ:705434715
    电话:17875048743
    邮箱:705434715@qq.com
  • 久形设计
    地区:广东 • 佛山
    QQ:2926679497
    电话:18927776245
    邮箱:2926679497@qq.com
  • 蜂鸟创意
    地区:河北 • 石家庄
    QQ:2950464750
    电话:15930133486
    邮箱:2950464750@qq.com
  • 泉榕工作室
    地区:福建 • 福州
    QQ:5758429588
    电话:15980203576
    邮箱:5758429588@qq.com
  • 大巢设计
    地区:山西 • 晋中
    QQ:845183776
    电话:15536393968
    邮箱:845183776@qq.com
  • 邹剑
    地区:广东 • 广州
    QQ:810199288
    电话:18379067575
    邮箱:810199288@qq.com
  • 知鱼工作室
    地区:辽宁 • 沈阳
    QQ:1660150137
    电话:
    邮箱:1660150137@qq.com
  • 创龙轩设计
    地区:广东 • 广州
    QQ:1219427856
    电话:13790850808
    邮箱:1219427856@qq.com

[优秀设计公司] COMPANYS

联系我们| 免责声明| 设计师| 设计公司| 手机版| 设计知识