05.主阴影:投下阴影
记得文章前面的苹果图吗?投影是苹果本身遮挡光线而产生的阴影,从而在侧面产生影子。阴影只是一种特定类型的投影,其中光源或多或少直接在头顶上投射,这会在对象后面或下方投射阴影。这使得物体看起来像浮在表面之上。
从设计的角度来看,阴影可以帮助物品或信息"上升"到布局的顶部,使它们脱颖而出。它们对于提高浅色设计元素(尤其是文本)的可见性也很有用。例如:在这个网页设计中,阴影有助于使特色内容更加突出。
阴影在各种设计项目中非常普遍,但也经常被滥用。典型的投影错误是把它们做得太大,太暗或太尖锐。在设计中使用阴影通常不应该让浏览者思考:"哦,看,有一个影子!"相反,他们应该与设计的其余部分无缝融合。
06.调整不透明度
在现实生活中,阴影不是不透明的,光线不是白色或黄色的平面,它们是透明的,在你的设计中它应该是一样的。对于微妙而逼真的外观,不透明度和透明度设置是应用效果时最好的朋友。从一个真正低调的应用程序开始,然后根据需要稍微构建它是一个很好的做法;这会使你不太可能过度使用它。
07.在字体设计中结合光与影,达成令人瞠目的字体排版效果
印刷字体可以通过添加光和阴影效果,使字体突显或者不突显。尤其是在文字排版设计中,这确实能让这些文字以醒目的方式活跃起来。
以这个字体的标志为例:它使用了高亮和阴影的字母用渐变来创建一个轮廓分明的3D外观。下面还有一个漂亮的投影(注意一个假想光源从左上角开始的一致使用:主要的亮点落在字母的顶部和左边,而投影点向下和向右,远离光线,就像它应该的那样)。一些微妙的纹理把一切都拉到一起。
08.更多版式阴影选项:尝试凸起和嵌入式样式
字体是一个你可以在阴影样式中真正发挥创造力的地方。它们在很大程度上是很容易应用的(有些字体甚至带有阴影样式),并且可以给你的字体设计一个定制的外观。让我们再看两个选项:
1)凸版:凸版是一种印刷工艺技术,它能在纸上(或其他材料的)表面上增加一种设计特征(通常是文字)。这通常是用某种金属印版来完成的。你可以用一些很好的阴影(在字母形状的边界之外)和高亮(在字母本身)上复制这种效果。
2)压印:人们使用各种词语来描述雕刻或压入表面的文字。凸版印刷是一种常见的印刷技术,它使用金属印版将设计(无论是否使用油墨)压入厚纸中——但这个词也经常用于复制这种外观的数字效果。如这个标志设计
阴影和高光被放置在相反的位置,就像一个浮雕的样子:阴影在字母内部,高光在外,标记表面被按下的位置。
09.平面设计如何?
平面设计已经变成了一种经久不衰的潮流:从苹果转型到平板手机设计,再到谷歌的新平面标志,至少在一段时间内,它似乎还会停留在这里。平面设计的特点之一是缺乏表现深度,这通常意味着你不会看到很多阴影或高光。但是,如果你想保持平面设计的极简主义,同时又添加一些动态的灯光或阴影,那该怎么办呢?设计师们一直在调整这一趋势,以实现这一目标。以下是一些常见的方法:
• 颜色:使用颜色变化或渐变可以增加维度感或光/阴影的交互作用,同时在技术上仍然坚持平面设计的概念。
这个404页面设计层次更浅、颜色更深,以创建深度的外观(这是我们在第1点讨论的技术)。
• 长阴影:这种特殊的阴影风格经常与平面设计搭配,尤其是文本和图标。长阴影通常延伸到设计的边缘。
10.对于网页设计:让事物看起来可点击
对于网页设计,用户如何与网站互动是一个重要的考虑因素。用户界面(或UI)应该易于使用和理解,并且知道你可以点击哪些内容是很重要的一部分。这就是阴影和高光特别有用的地方,特别是在设计按钮时。
注意下面的按钮,是如何使用我们在整篇文章中讨论过的许多功能(渐变、高光、阴影)的组合来创建形状和尺寸。在这里高光尤其运用得很好;,在左边的按钮上,边缘上的细突出使得它看起来像按钮略高于表面(它是可按下的),而上半部分的圆形突出显示为凸起形状。左边的按钮使用内部阴影技术使其看起来被按下。
这些类型的设计可能很小且很微妙,但它们潜意识地帮助浏览者与你的设计进行互动。
让我们回顾一下……
光线和阴影效果通常对你的设计最有用,因为它们经过慎重和战略性应用,而不是随机或仅为了向你的项目添加额外的"花里胡哨"的东西。Nate Eagle在他关于阴影和渐变的文章中提供了一些很好的建议:
使用间距、位置放置以及颜色,使设计有效,最后添加一层抛光。如果你专注于让你的设计在没有这些技巧的情况下有效,你可能会发现你不需要它们,但当你使用它们时,它们却更有效。
FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/
飞特游客
委托设计