相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

平面设计中的光影关系:10个非常有效的建议

芥子发布于:2018-3-8 09:08 |原作者: 海空设计|
芥子
甘肃省 金昌市 设计爱好者
发私信 + 关注
简介: 版权申明:本文原创作者“海空设计”,感谢“海空设计”的原创经验分享!你有没有花时间观察从一扇窗户透过的阳光,看看灯光如何改变房间中物体的颜色并投下阴影?没有?我敢打赌。我们大多数人都习惯于看光和影子,以至于很少花时间去思考它们是如何工作的。但无论我们是否意识 ...


05.主阴影:投下阴影

记得文章前面的苹果图吗?投影是苹果本身遮挡光线而产生的阴影,从而在侧面产生影子。阴影只是一种特定类型的投影,其中光源或多或少直接在头顶上投射,这会在对象后面或下方投射阴影。这使得物体看起来像浮在表面之上。

从设计的角度来看,阴影可以帮助物品或信息"上升"到布局的顶部,使它们脱颖而出。它们对于提高浅色设计元素(尤其是文本)的可见性也很有用。例如:在这个网页设计中,阴影有助于使特色内容更加突出。

平面设计中的光影关系:10个非常有效的建议 飞特网 设计理论

阴影在各种设计项目中非常普遍,但也经常被滥用。典型的投影错误是把它们做得太大,太暗或太尖锐。在设计中使用阴影通常不应该让浏览者思考:"哦,看,有一个影子!"相反,他们应该与设计的其余部分无缝融合。

06.调整不透明度

在现实生活中,阴影不是不透明的,光线不是白色或黄色的平面,它们是透明的,在你的设计中它应该是一样的。对于微妙而逼真的外观,不透明度和透明度设置是应用效果时最好的朋友。从一个真正低调的应用程序开始,然后根据需要稍微构建它是一个很好的做法;这会使你不太可能过度使用它。

07.在字体设计中结合光与影,达成令人瞠目的字体排版效果

印刷字体可以通过添加光和阴影效果,使字体突显或者不突显。尤其是在文字排版设计中,这确实能让这些文字以醒目的方式活跃起来。

以这个字体的标志为例:它使用了高亮和阴影的字母用渐变来创建一个轮廓分明的3D外观。下面还有一个漂亮的投影(注意一个假想光源从左上角开始的一致使用:主要的亮点落在字母的顶部和左边,而投影点向下和向右,远离光线,就像它应该的那样)。一些微妙的纹理把一切都拉到一起。

平面设计中的光影关系:10个非常有效的建议 飞特网 设计理论

08.更多版式阴影选项:尝试凸起和嵌入式样式

字体是一个你可以在阴影样式中真正发挥创造力的地方。它们在很大程度上是很容易应用的(有些字体甚至带有阴影样式),并且可以给你的字体设计一个定制的外观。让我们再看两个选项:

1)凸版:凸版是一种印刷工艺技术,它能在纸上(或其他材料的)表面上增加一种设计特征(通常是文字)。这通常是用某种金属印版来完成的。你可以用一些很好的阴影(在字母形状的边界之外)和高亮(在字母本身)上复制这种效果。

平面设计中的光影关系:10个非常有效的建议 飞特网 设计理论

2)压印:人们使用各种词语来描述雕刻或压入表面的文字。凸版印刷是一种常见的印刷技术,它使用金属印版将设计(无论是否使用油墨)压入厚纸中——但这个词也经常用于复制这种外观的数字效果。如这个标志设计

平面设计中的光影关系:10个非常有效的建议 飞特网 设计理论

阴影和高光被放置在相反的位置,就像一个浮雕的样子:阴影在字母内部,高光在外,标记表面被按下的位置。

09.平面设计如何?

平面设计已经变成了一种经久不衰的潮流:从苹果转型到平板手机设计,再到谷歌的新平面标志,至少在一段时间内,它似乎还会停留在这里。平面设计的特点之一是缺乏表现深度,这通常意味着你不会看到很多阴影或高光。但是,如果你想保持平面设计的极简主义,同时又添加一些动态的灯光或阴影,那该怎么办呢?设计师们一直在调整这一趋势,以实现这一目标。以下是一些常见的方法:

  颜色:使用颜色变化或渐变可以增加维度感或光/阴影的交互作用,同时在技术上仍然坚持平面设计的概念。

这个404页面设计层次更浅、颜色更深,以创建深度的外观(这是我们在第1点讨论的技术)。

平面设计中的光影关系:10个非常有效的建议 飞特网 设计理论

  长阴影:这种特殊的阴影风格经常与平面设计搭配,尤其是文本和图标。长阴影通常延伸到设计的边缘。

平面设计中的光影关系:10个非常有效的建议 飞特网 设计理论

10.对于网页设计:让事物看起来可点击

对于网页设计,用户如何与网站互动是一个重要的考虑因素。用户界面(或UI)应该易于使用和理解,并且知道你可以点击哪些内容是很重要的一部分。这就是阴影和高光特别有用的地方,特别是在设计按钮时。

注意下面的按钮,是如何使用我们在整篇文章中讨论过的许多功能(渐变、高光、阴影)的组合来创建形状和尺寸。在这里高光尤其运用得很好;,在左边的按钮上,边缘上的细突出使得它看起来像按钮略高于表面(它是可按下的),而上半部分的圆形突出显示为凸起形状。左边的按钮使用内部阴影技术使其看起来被按下。

平面设计中的光影关系:10个非常有效的建议 飞特网 设计理论

这些类型的设计可能很小且很微妙,但它们潜意识地帮助浏览者与你的设计进行互动。

让我们回顾一下……

光线和阴影效果通常对你的设计最有用,因为它们经过慎重和战略性应用,而不是随机或仅为了向你的项目添加额外的"花里胡哨"的东西。Nate Eagle在他关于阴影和渐变的文章中提供了一些很好的建议:

使用间距、位置放置以及颜色,使设计有效,最后添加一层抛光。如果你专注于让你的设计在没有这些技巧的情况下有效,你可能会发现你不需要它们,但当你使用它们时,它们却更有效。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

12
18

好评
16

差评

刚表态过的朋友 (34 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

芥子
甘肃省 金昌市 设计爱好者
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计