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

别让设计了无新意

小洋洋发布于:2016-3-28 22:08
小洋洋
广东省 佛山市 GUI设计师
发私信 + 关注
简介: 早在2013年iOS7发布以来,扁平化设计就轰动了互联网世界。从那以后,它就持续发扬光大,并且发展出数量惊人的变种。  随着带有扁平化色彩的Google Material design规范的推出、卡片式设计的广泛采用、还有排山倒海 ...

早在2013年iOS7发布以来,扁平化设计就轰动了互联网世界。从那以后,它就持续发扬光大,并且发展出数量惊人的变种。

  随着带有扁平化色彩的Google Material design规范的推出、卡片式设计的广泛采用、还有排山倒海的极简化趋势——似乎在可预见的未来,扁平化设计会成为主宰风格。

  正如2015与2016年的网页设计趋势一书所描述的,扁平化设计正在进化:

  "最初的扁平化设计是严格的扁平,极少有强调,注重极简设计。近来我们则看到了更多吸引眼球的元素,例如阴影与着色的暗示。尽管纯粹的扁平主义者会反对,但设计圈接纳了它,它与其他流行的设计模式能够有效结合。"

  以往波澜不兴的风格发生突变,引发了一连串有趣的问题。

  如果它是如此的流行,那如何与众不同地将它运用在自己作品中呢?你要的是扁平化设计,而不是平淡无奇。巧妙的运用,与粗劣的复制,这之间有何区别?

  本文讲的正是这个。我们看看扁平化是如何进化的,怎样能使你的设计引领潮流。

长投影

  我们所谈论的设计应当是扁平的,但阴影能产生纵深感,虽然这似乎有点违反直觉。

  但这些细微元素能为设计增添一丝情调,又不至于太引人注目。实际上,他们仍然可以算作留白的一部分,虽然他们从技术上说确实是一种视觉元素。

  毕竟,没有光哪来阴影?

  更重要的是,长投影为画面增加了一种反差元素,使得整个视觉体验变得有吸引力。要达到想要的效果,甚至投影都不必那么长。

  请看:

 

图片来源:Kikk.be

  柔和的色彩和短投影呈现出一种美妙的视觉元素,并不会抢了页面导航和主要信息的风头。请留意这些阴影如何令画面明亮起来。也使得图像仿佛脱离了页面。投影、扁平化的内容区域、还有柔和色彩这三者的结合,与网站上的动画元素融合得非常好。

  说到颜色,应该很容易引出我们下一项扁平化特性。

  色彩运用:鲜明色彩与辅助色

  色彩是扁平化设计的重要能力之一。

  明亮、积极的色调,成就了许多扁平化的设计,用以弥补视觉表现力上的欠缺。扁平化设计中的投影装饰,看起来跃然纸上,为设计增添了鲜活和动感。这与其他动态视觉元素能够很好配合,例如视觉差滚动和CSS动画。


  图片来源:Spotify

  而且,这些明亮的色彩能作为一种辅助色,用在柔和的背景上。这似乎成为了一种标准的未来趋势。就像这样:


12下一页
9

好评
9

差评

刚表态过的朋友 (18 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • tianyun_999

  • lifroz

  • 尐里K

小洋洋
广东省 佛山市 GUI设计师
+关注 发私信
发表评论

最新评论

引用
君风瑶发布于:2016-3-29 08:41

好棒

查看全部评论(1)

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

委托设计