-
现在越来越流行的一种设计趋势,扁平化设计。
扁平化设计是不使用阴影渐变,单单应用平面颜色来做的一种设计,是现在越来越流行的一种设计趋势。Layervault的AllenGrinshtein或许最初定义了“扁平化设计”。在一篇发表于HackerNews的文章中,他说:“网页中广受欢迎的产品通常都有一些类似的设计美学,比如一些立体、内阴影、外阴影等。对设计师来说,他们会以实现这种“媚俗”的界面而感到自豪。但对我们,对其它的少数设计师来说,这样做很2。。。“~AllanGrinshtein(Layervault)在这一篇文章中,我们收集了一些应用了这种设计的UI作品,让我们一同来欣赏吧!0
-
扁平化设计风格网站,干净的布局让人更喜欢。
扁平化设计的趋势以疯狂的速度蔓延着,越来越多的网站都开始使用这种设计风格。扁平化设计趋势的特点是没有阴影,干净的布局,纯色和鲜明的版式。在今天的创意网站欣赏中,我们收集了一些应用了扁平化设计元素的创意站点,希望你会喜欢!EtchSquideeBuiltByBuffaloCombadiConcreteMatterDataDrivenLondonDesignedtoMoveFoundationFrameworkFuturealBundleHundredsInteractiveAdventCalendarInvoisseSpelltower0
-
扁平化设计模板,创意站点分享网页设计。
近一段时间,设计界越来越流行扁平化的设计,无论从平面设计到创意网站,设计师们似乎要将一切压扁!在这一次的创意站点分享中,我们收集了一些极好的扁平化设计的例子,包括一些扁平化设计模板,设计师个人在线作品集,商业站点等等,都应用了这一设计风格来进行设计。希望这一次的创意网站,会给你带来一些灵感!ColouredLinesColeTownsendPhilStringfellowSiteLeafCurrencyCourtney&AndrewTriplagentWistiaMudOnSiteFoundationLayerVaultDesignerNewsApploveMightytextEnvatoUnroll.Me0
-
网站设计应用,扁平化设计篇。
扁平化风格铺天盖地的就涌了过来,原来越多的网站和APP产品应用了这一风格,在这一次的创意网站分享中,我们收集了一些极好的扁平化风格的例子,包括创意网站,APP界面设计等等,希望你会喜欢!更多扁平化风格,可以参阅以下文章《带有长阴影的图标设计》《手机天气APP设计欣赏》《最新扁平化图标免费下载》《应用了扁平化元素的创意网站》。GeckoboardBlocklevelNitrografixConversionforgeMadebyfibbFhokePSD2HTMLPexelplantPlaygroundincNorthbounddesignSumallNextrNumbrsTriplagentInkyKipptPubliqWindsPhoneFitbitWistia0
-
创意网站设计分享,扁平化设计的味道。
看惯了极简主义的‘单调简单’,似乎扁平化的设计一夜之间开始弥漫整个互联网,你是不是也开始怀念带着细小纹理的,复杂繁复的似乎简述这故事的创意站点呢?在这一次的创意网站欣赏中,我们和大家分享一些不那么“扁平化的”的创意设计。带有衬线的大字体,细腻柔和的大照片,鲜艳的撞色,让我们一同饕餮自己的眼球吧!一同分享给大家!1
-
创意设计欣赏,扁平化设计让界面更加干净活泼。
越来越多的设计师钟爱扁平化的设计风格,鲜艳醒目的颜色,以及矢量化的图标图形,让界面更加干净活泼。在这一次的创意网站欣赏中,我们收集了一些应用了扁平化风格的创意网站,希望你会喜欢!更多扁平化的设计,可以参阅《扁平化风格移动UI设计欣赏》《Metro风格创意网站欣赏》《带有长阴影的图标设计》《应用了扁平化元素的创意网站》。FostrApiaryTappedCuisinesSchmidtFullEnglishApploveColibriIOJustinAguilarBlogInCloud306SpeclessTeamgeekWorkyFlow0
-
扁平化设计风格创意设计师个人在线作品集
这是一组扁平化设计风格的创意网站设计,是来自世界各地设计师插画家的在线作品集页面设计,或者你也可以称作互联网在线简历!你可以在这些个人设计风格鲜明的设计中寻找灵感!更多扁平化设计欣赏,可以参阅《扁平化设计风格网页设计欣赏》《创意设计欣赏扁平化设计风格》《扁平化风格移动UI设计欣赏》《扁平化设计风格免费英文字体下载》。RobbyLeonardiErikFordBradHaynesThrillbentAntoniaPowersGuyMoorhouseJonathanDaCostaOliLisherPeterFigasinskiDanyelPeralesLorenzoVerziniJustinAguilarBobGalmariniJanValosek2ndFloorEtchThomasSwellmannEdwardThringAngieWangZacharyTaylorKevinCannonRoyBarberAndreasSchusterClintTabone0
-
7款迪士尼电影海报的扁平化设计作品欣赏
SnowWhiteandtheSevenDwarfs白雪公主和七个小矮人TheSwordintheStone石中剑TheLittleMermaid小美人鱼TheLionKing狮子王TheJungleBook森林王子Tarzan泰山SnowWhiteandtheSevenDwarfs白雪公主和七个小矮人
-
帮你立刻上手!扁平化设计的8个实用小技巧
Tip1:关于高光、渐变和投影网上所说扁平化风的三大要素:去高光、去渐变、去阴影。这么说是有点绝对了,我认为应该是去掉过渡式高光、过渡式渐变、过渡式阴影。在这篇文章里,扁平化高光、阶梯式渐变以及所谓的长投影是允许的。Tip2:使用扁平化图标使用有明确含义的图标可以让你的设计不那么单调并且耐看。在这里我推荐两个网站:www.easyicon.netwww.iconfinder.com(搭梯子速度快点)Tip3:色块的形状和颜色色块在扁平化设计中占据着很重要的地位,几乎我们看到的所有扁平化设计都离不开色块。关于色块的形状,基础形状有圆形、三角形、四边形、五边形以及六边形,注意不要用超过六条边的形状,这样人们就会开始数形状的边数而忽略掉你要传达的信息。有的人在扁平化设计中更喜欢使用带有圆角的基础形状。关于色块的颜色,并没有特别的要求,但是我个人更加喜欢使用不那么鲜艳刺眼的颜色,使用温和、饱和度不高的颜色更对我胃口。在扁平化设计中,如果我追求可靠、稳定、安全、平静的风格,那么我会选择一种主色以及与主色同色系的四五种辅色,如果我追求活泼、青春、充满生命力的风格,那么我选择的辅色就和主色便是完全不同色系。扁平化设计中,黑白以及不同程度的灰很重要,因为它们白百搭,所以在你不知道该用什么颜色的时候,黑白灰也许是不错的选择。直接参考网站:《扁平化设计配色参考网站:FlatUIColors》Tip4:色块的组合除了基础的形状之外,你可以由基础形状衍生出更多的组合形状。但是我建议不要超过三种不同的基础形状组合,这样会让你的设计脱离扁平化简约的初衷。Tip5:字体的选择请选择无衬线体,常用的中文无衬线体有微软雅黑、黑体、幼圆、张海山锐楷体、方正智艺体等。更细致的字体可参考:《超实用!有哪些活泼而高端且不俗套的中文字体?》Tip6:注重排版扁平化设计中尤其要注意排版,在这里再次祭出设计的四大原则:对齐、亲密性、重复、对比。在你放好一个色块或者文字后,请务必检查一下是否满足以上四条准则。注意,色块里面放置文字的时候,要留出呼吸空间。实战教你排版:《设计易容术!如何设计一张高品位高水准的海报?》《设计易容术!如何设计一张高品位高水准的海报(二)》《设计易容术!如何设计一张高品位高水准的海报?(三)》Tip7:图片的使用扁平化设计中如果要用到图片,常见的处理方法有三种:普通的色块/文字+图片压暗处理模糊处理Tip8:使用不同色块组合做出伪立体感这是所谓“似扁平化”的部分,但是它仍然能给我们的设计带来一种简约而不失美感的感觉,因此我在这里也归并起来总结一下。像我们之前很火的lowpoly以及长投影设计都属于这一类。最常见的手段是使用不同饱和度的色块打造伪光影效果,来给人立体感。最后,无论如何,请记住扁平化的核心就是简洁。规则是用来打破的,但在打破规则之前,你需要知道规则是什么。无论是设计的四大原则还是扁平化的这几条tips,都不是不可挑战不可违逆的,你可以大胆跳出这些规则,创新需要如此,但是在此之前,掌握这些规则是必须的。
-
别让扁平化设计平淡无奇
扁平化设计出现已经很久了,似乎有点烂大街了。如何在此基础上变化革新,另辟蹊径?早在2013年iOS7发布以来,扁平化设计就轰动了互联网世界。从那以后,它就持续发扬光大,并且发展出数量惊人的变种。随着带有扁平化色彩的GoogleMaterialdesign规范的推出、卡片式设计的广泛采用、还有排山倒海的极简化趋势——似乎在可预见的未来,扁平化设计会成为主宰风格。正如2015与2016年的网页设计趋势一书所描述的,扁平化设计正在进化:“最初的扁平化设计是严格的扁平,极少有强调,注重极简设计。近来我们则看到了更多吸引眼球的元素,例如阴影与着色的暗示。尽管纯粹的扁平主义者会反对,但设计圈接纳了它,它与其他流行的设计模式能够有效结合。”以往波澜不兴的风格发生突变,引发了一连串有趣的问题。如果它是如此的流行,那如何与众不同地将它运用在自己作品中呢?你要的是扁平化设计,而不是平淡无奇。巧妙的运用,与粗劣的复制,这之间有何区别?本文讲的正是这个。我们看看扁平化是如何进化的,怎样能使你的设计引领潮流。长投影我们所谈论的设计应当是扁平的,但阴影能产生纵深感,虽然这似乎有点违反直觉。但这些细微元素能为设计增添一丝情调,又不至于太引人注目。实际上,他们仍然可以算作留白的一部分,虽然他们从技术上说确实是一种视觉元素。毕竟,没有光哪来阴影?更重要的是,长投影为画面增加了一种反差元素,使得整个视觉体验变得有吸引力。要达到想要的效果,甚至投影都不必那么长。请看:图片来源:Kikk.be柔和的色彩和短投影呈现出一种美妙的视觉元素,并不会抢了页面导航和主要信息的风头。请留意这些阴影如何令画面明亮起来。也使得图像仿佛脱离了页面。投影、扁平化的内容区域、还有柔和色彩这三者的结合,与网站上的动画元素融合得非常好。说到颜色,应该很容易引出我们下一项扁平化特性。色彩运用:鲜明色彩与辅助色色彩是扁平化设计的重要能力之一。明亮、积极的色调,成就了许多扁平化的设计,用以弥补视觉表现力上的欠缺。扁平化设计中的投影装饰,看起来跃然纸上,为设计增添了鲜活和动感。这与其他动态视觉元素能够很好配合,例如视觉差滚动和CSS动画。图片来源:Spotify而且,这些明亮的色彩能作为一种辅助色,用在柔和的背景上。这似乎成为了一种标准的未来趋势。就像这样:图片来源:Takeit深色背景上的亮色图片绝对足够给人留下深刻印象。强烈对比的视觉元素,更是与如今的扁平化趋势形成完美的配合。通过简单或夸张的手法来突出事物,其中也包括字体。简单/夸张的字体如今的“扁平”字体通常由单一字体组成,或者是两种非常接近的字体。这一点造就了易读、易辨识且默默无闻的字体。这正是关键所在。你不希望字体分散注意力。如果字母带有过多的风格与个性,就会阻碍用户的阅读流程。图片来源:Cienne最好的做法是“隐形的设计”,换句话说,就是做出让用户不会注意到的设计。因为每当他们留意设计,就会丧失沉浸式的体验。当然,你也可以走另一个极端。在处理极简式界面时,你得调整所加入的元素。在空白背景上使用大的粗体字,可以为界面的文案营造出独特的语境。如果界面没有其他任何视觉元素,你就必须呈现出某种美感,而且能用的也只有字体和颜色。图片来源:Truthlabs幽灵按钮要做到漫不经心——甚至如空气般透明——那我们就得花点功夫来谈谈幽灵按钮。你能一眼就找出下图中的幽灵按钮吗?它们并不显眼,这正是关键。透明按钮给用户一种暗示,导航项未必会从下层的视觉重点上抢夺注意力。结论总而言之,扁平化设计的元素与其演化的成果,全在于吸引注意力。无论是使用浮夸的背景或焦点图等视觉元素,还是极力克制,只用文字或导航提示——背后思想都是相同的。使用少量元素,按照极简方式排布,在页面上创造出对比,正确引导用户的注意力。扁平化是潮流中的先行者。究其原因,是因为设计师能够通过各种方式,在简单的界面内体现多层次的复杂性。我预料扁平化设计会作为一种趋势,求新求变,持续演进。同时保持最核心的简洁,使它引领潮流。