企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

建站知识

Website development

上海网站开发设计云智谈引领设计潮流的扁平化是如何进化的?

发布时间:2015-12-24 08:53:35

TAGS:网站设计制作教程,国外优秀网站设计大全

早在2013年iOS7发布以来,扁平化设计就轰动了互联网世界。从那以后,它就持续发扬光大,并且发展出数量惊人的变种。上海网站开发设计云智本站上次已经发了一篇关于扁平化特马资料最准群网站设计的文章,今天在来唠叨唠叨。
MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

随着带有扁平化色彩的Google Material design规范的推出、卡片式设计的广泛采用、还有排山倒海的极简化趋势——似乎在可预见的未来,扁平化设计会成为主宰风格。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

正如2015与2016年的特马资料qq群网页设计趋势一书所描述的,扁平化设计正在进化:MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

“初的扁平化设计是严格的扁平,极少有强调,注重极简设计。近来我们则看到了更多吸引眼球的元素,例如阴影与着色的暗示。尽管纯粹的扁平主义者会反对,但设计圈接纳了它,它与其他流行的设计模式能够有效结合。”MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

以往波澜不兴的风格发生突变,引发了一连串有趣的难题。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

假如它是如此的流行,那如何与众不同地将它运用在自己作品中呢?你要的是扁平化设计,而不是平淡无奇。巧妙的运用,与粗劣的复制,这之间有何区别?MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

本文讲的正是这个。我们看看扁平化是如何进化的,怎样能使你的设计引领潮流。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

长投影MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

我们所谈论的设计应当是扁平的,但阴影能产生纵深感,虽然这似乎有点违反直觉。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

但这些细微元素能为设计增添一丝情调,又不至于太引人注目。实际上,他们仍然可以算作留白的一部分,虽然他们从技术上说确实是一种视觉元素。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

毕竟,没有光哪来阴影?MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

更重要的是,长投影为画面增加了一种反差元素,使得整个视觉体验变得有吸引力。要达到想要的效果,甚至投影都不必那么长。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

请看:MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

扁平化设计 <a href= target=_blank class=infotextkey>特马资料最准群</a>网站设计 MaterialDesign Materialdesign配色MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

图片来源:Kikk.beMAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

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

说到颜色,应该很容易引出我们下一项扁平化特性。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

色彩运用:鲜明色彩与辅助色MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

色彩是扁平化设计的重要能力之一。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

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

扁平化设计 <a href= target=_blank class=infotextkey>特马资料最准群</a>网站设计 MaterialDesign Materialdesign配色MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

图片来源:SpotifyMAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

而且,这些明亮的色彩能作为一种辅助色,用在柔和的背景上。这似乎成为了一种标准的未来趋势。就像这样:MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

扁平化设计 <a href= target=_blank class=infotextkey>特马资料最准群</a>网站设计 MaterialDesign Materialdesign配色MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

图片来源:TakeitMAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

深色背景上的亮色图片绝对足够给人留下深刻印象。强烈对比的视觉元素,更是与如今的扁平化趋势形成完美的配合。通过简单或夸张的手法来突出事物,其中也包括字体。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

扁平化设计 <a href= target=_blank class=infotextkey>特马资料最准群</a>网站设计 MaterialDesign Materialdesign配色MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

简单/夸张的字体MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

如今的&ldquo;扁平&rdquo;字体通常由单一字体组成,或者是两种非常接近的字体。这一点造就了易读、易辨识且默默无闻的字体。这正是关键所在。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

你不期望字体分散留意力。假如字母带有过多的风格与个性,就会阻碍客户的阅读流程。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

扁平化设计 <a href= target=_blank class=infotextkey>特马资料最准群</a>网站设计 MaterialDesign Materialdesign配色MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

图片来源:CienneMAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

好的做法是&ldquo;隐形的设计&rdquo;,换句话说,就是做出让客户不会留意到的设计。因为每当他们留意设计,就会丧失沉浸式的体验。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

当然,你也可以走另一个极端。在处理极简式界面时,你得调整所加入的元素。在空白背景上使用大的粗体字,可以为界面的文案营造出独特的语境。假如界面没有其他任何视觉元素,你就必须呈现出某种美感,而且能用的也只有字体和颜色。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

扁平化设计 <a href= target=_blank class=infotextkey>特马资料最准群</a>网站设计 MaterialDesign Materialdesign配色MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

图片来源:TruthlabsMAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

幽灵按钮MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

要做到漫不经心&mdash;&mdash;甚至如空气般透明&mdash;&mdash;那我们就得花点功夫来谈谈幽灵按钮。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

你能一眼就找出下图中的幽灵按钮吗?它们并不显眼,这正是关键。透明按钮给客户一种暗示,导航项未必会从下层的视觉要点上抢夺留意力。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

扁平化设计 <a href= target=_blank class=infotextkey>特马资料最准群</a>网站设计 MaterialDesign Materialdesign配色MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

结论MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

总而言之,扁平化设计的元素与其演化的成果,全在于吸引留意力。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

无论是使用浮夸的背景或焦点图等视觉元素,还是极力克制,只用文字或导航提示&mdash;&mdash;背后思想全是相同的。使用少量元素,按照极简方式排布,在页面上创造出对比,正确引导客户的留意力。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

扁平化是潮流中的先行者。究其原因,是因为设计师能够通过各种方式,在简单的界面内体现多层次的复杂性。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

我预料扁平化设计会作为一种趋势,求新求变,持续演进。同时保持核心的简洁,使它引领潮流。MAR上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

原创不易,未经授权,严禁转载

原文地址:/i,72,6286,0.html

客户评价

更多+
  • 感谢特马资料qq群,系统提前完成,在整个项目周期内,特马资料qq群对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的特马资料qq群团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。假如想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的特马资料qq群(上海)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,要点是响应速度蛮快,有什么难题都会马上给你解决,公司很满意,因为他们全是针对每个项目建了相应的讨论组,有难题可以再里面提出,人员分工到位,解决难题很及时。

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!