秒速赛车最新动态

秒速赛车平台:而投影的使用

  在前两天的文章当中讲述了光与影的关系,正确地认识光影并且利用好光影是设计师必备的能力之一。需要了解光影基础的朋友可以回顾我们往期的文章。

  近期火到不行的“延禧攻略”为于妈洗白了不少,这部剧在彻底颠覆于妈之前的作品,以往的作品配色高度饱和,这次采用低饱度主导整个画面,显得具有历史厚重感。

  在采访当中,于妈就专门提到了在整个画面对于光影的重视程度,当然光影只是整个剧当中美学构成的一部分,但却起着主导的作用,光影是影视作品的外衣,用于烘托气氛和塑造人物性格,此次更改说明中国的影视作品开始重视光影和色彩对作品的影响,而不是套用效果模板。

  而光影在UI设计当中仍然不例外地占据着非常重要的地位,虽然在当前的UI设计当中似乎光影的使用并不像环境搭建或者游戏场景中那么显而易见。但是却渗透在了UI的细节设计当中。

  现在的很多人对UI这个职业有些误区,认为UI就是做APP界面的,UI按照字面翻译是“用户界面”(User Interface),很早就已经出现了,凡是在和用户进行交互的主体都可以叫做UI。

  直到2000年苹果系统推出了Aqua,开启了UI拟物化设计的大门。在接下来的10年里,拟物化设计备受推崇,人们枯燥乏味的操作感官一下子变得新奇,饱满的视觉感受也一时间让人们欲罢不能。

  还记得上高中时,我们痴迷于对手机主题的更换,特别是拟物设计更受人青睐。直到2010年后智能手机的出现,秒速赛车平台:而投影的使用人们将拟物设计在手机上应用的淋漓尽致。但这样的光景并没有持续多久。人们发现,拟物设计似乎太过于厚重,时间一长便觉得负担。所以人们开始简化设计,去除繁重,渐渐地扁平化的设计就大面积替代了拟物设计。

  有人也许会问,既然已经扁平化了,本身就去除了光影、材质这些繁重的设计,我们还有必要学习光影吗?

  人总是喜新厌旧的,极度扁平化也暴露出了缺点。例如:表现形式较为单一,同质化严重,点击区域不明显,误导操作等等。所以人们也一直在扁平化中寻求变化,在视觉和交互上做出更漂亮更舒适的设计形式。比如这两年流行的“渐变”和“弥散投影”。 设计师开始注重“空间感”的表现,而这些则需要利用到基本的光影知识和色彩知识了,我们这部篇文章只讲光影。

  UI当中的光影也要讲究平衡,接下来,我们会通过几个案例讲解目前UI设计中光影的应用,以及如何找到光影的平衡关系。

  图标与logo的光影应用异曲同工。它们的共性都是既要简洁又要有很强的辨识度。好的图标设计,必须要和自身产品特点和用户。纯扁平的图标和logo很难达到脱颖而出的效果。所以设计师们利用适当的光影和色彩来突出作品。秒速赛车平台:

  下图logo就采用了明显的阴影效果,突显形状与层次。我们利用阴影效果来弥补了扁平化设计“过于扁平”带来的弊端。

  对按钮按钮和指引图标的操作几乎占到了80%的比例,一个产品的用户体验的好坏很容易在这两个地方显现出来。你需要告诉用户那些地方是可点击的,而不是用文字直白的表示“点击”。而投影的使用,很容易表达这种指引效果。

  卡片主要功能是展示信息,有的卡片充当了按钮的功能。在卡片的设计上要尽量突出重点展示信息,不宜设计的太过花哨,但视觉上的舒适性必不可少。卡片添加阴影,也是在设计中经常用到的增加视觉体验的一个方法之一。

  这里是属于平面设计的范畴,但设计本就相通。而事实上,UI当中的扁平化设计都来自于平面设计的流行元素。而平面设计中需要运用到的光影知识就更多了,远近、深度、环境、材质、透视等的表现,都需要光影。

  利用阴影可表达元素的在z轴上的远近程度,从下图中可以看出,物体与地面之间的距离越大,阴影越大,并且阴影的边界越模糊;反之,阴影越小,并且边界越锐利。

  真正在设计中运用到的阴影是有些许改变的,在现代设计当中更强调呼吸感,运用最多的有以下两种方式:

  从2016年开始设计师在UI投影上的设计,就开始采用更加微小的投影。用户有时甚至看不到加深元素,但让元素看起来是漂浮在界面上的。也流行着一个说法“微妙的阴影设计,应该给背景添加一个梯度,但不能给视觉上带来刺激。”

  透叠投影在于不使用黑色投影,而以元素本身的颜色作为投影的设计方式,去除了黑色投影带来的厚重感。给人的感觉像是光透过了元素产生的光影,而在现实生活当中的例子中,我们也了解到投影并不只是单纯的黑色,它还会受到环境色和物体色的影响。

  不同方向的阴影表现会让元素表现出不同的光源方向,虽然在大多数的UI设计当中并没有直接体现“光”的作。

  • 秒速赛车平台logo图
  •   广州黄埔区科学城光宝路7号融达大厦
  •   +86 02066889888
  •   +86 02066889888
  • admin@dedecms51.com

网站地图

地图