扁平化是怎样进化的?奈何能使你的计划引领潮水?
早在2013年iOS7宣布以来,扁平化计划就惊动了互联网天下。从那往后,它就一连发扬光大,而且成长出数目惊人的变种。
跟着带有扁平化色彩的Google Material design类型的推出、卡片式计划的普及回收、尚有翻江倒海的极简化趋势——好像在可预见的将来,扁平化计划会成为主宰气魄威风凛凛。 正如2015与2016年的网页计划趋势一书所描写的,扁平化计划正在进化: "最初的扁平化计划是严酷的扁平,少少有夸大,注重极简计划。迩来我们则看到了更多吸引眼球的元素,譬喻阴影与着色的体现。尽量纯粹的扁平主义者会阻挡,但计划圈采取了它,它与其他风行的计划模式可以或许有用团结。" 以往波涛不兴的气魄威风凛凛产生突变,激发了陆续串风趣的题目。 假如它是云云的风行,那怎样与众差异地将它运用在本身作品中呢?你要的是扁平化计划,而不是平庸无奇。奇妙的运用,与粗劣的复制,这之间有何区别? 本文讲的正是这个。我们看看扁平化是怎样进化的,奈何能使你的计划引领潮水。 长投影 我们所评论的计划该当是扁平的,但阴影能发生纵深感,固然这好像有点违背直觉。 但这些渺小元素能为计划增加一丝情调,又不至于太引人注目。现实上,他们如故可以算作留白的一部门,固然他们从技能上说确实是一种视觉元素。 事实,没有光哪来阴影? 更重要的是,长投影为画面增进了一种反差元素,使得整个视觉体验变得有吸引力。要到达想要的结果,乃至投影都不必那么长。 请看: 图片来历:Kikk.be 柔和的色彩和短投影泛起出一种美好的视觉元素,并不会抢了页面导航和首要信息的风头。请寄望这些阴影怎样令画面豁亮起来。也使得图像似乎离开了页面。投影、扁平化的内容地区、尚有柔和色彩这三者的团结,与网站上的动画元素融合得很是好。 说到颜色,应该很轻易引出我们下一项扁平化特征。 色彩运用:光鲜色彩与帮助色 色彩是扁平化计划的重要手段之一。 豁亮、起劲的色调,成绩了很多扁平化的计划,用以补充视觉示意力上的短缺。扁平化计划中的投影装饰,看起来跃然纸上,为计划增加了鲜活和动感。这与其他动态视觉元素可以或许很好共同,譬喻视觉差转动和CSS动画。 图片来历:Spotify 并且,这些豁亮的色彩能作为一种帮助色,用在柔和的配景上。这好像成为了一种尺度的将来趋势。就像这样: 图片来历:Takeit 深色配景上的亮色图片绝对足够给人留下深刻印象。凶猛比拟的视觉元素,更是与现在的扁平化趋势形成美满的共同。通过简朴或浮夸的伎俩来突失事物,个中也包罗字体。 简朴/浮夸的字体 现在的"扁平"字体凡是由单一字体构成,可能是两种很是靠近的字体。这一点培育了易读、易辨识且冷静无闻的字体。这正是要害地址。 你不但愿字体分手留意力。假如字母带有过多的气魄威风凛凛与本性,就会阻碍用户的阅读流程。 图片来历:Cienne 最好的做法是"隐形的计划",换句话说,就是做出让用户不会留意到的计划。由于每当他们寄望计划,就会损失陶醉式的体验。 虽然,你也可以走另一个极度。在处理赏罚极简式界面时,你得调解所插手的元素。在空缺配景上行使大的粗体字,可觉得界面的文案营造出奇异的语境。假如界面没有其他任何视觉元素,你就必需泛起出某种美感,并且能用的也只有字体和颜色。 图片来历:Truthlabs 鬼魂按钮 要做到魂不守舍——乃至如氛围般透明——那我们就得花点工夫来谈谈鬼魂按钮。 你能一眼就找出下图中的鬼魂按钮吗?它们并不显眼,这正是要害。透明按钮给用户一种体现,导航项未必会从基层的视觉重点上抢掠留意力。 结论 总而言之,扁平化计划的元素与其演化的成就,全在于吸引留意力。 无论是行使夸诞的配景或核心图等视觉元素,照旧积极禁止,只用笔墨或导航提醒——背后头脑都是沟通的。行使少量元素,凭证极简方法排布,在页面上缔造出比拟,正确引导用户的留意力。 扁平化是潮水中的先行者。究其缘故起因,是由于计划师可以或许通过各类方法,在简朴的界面内浮现多条理的伟大性。 我预料扁平化计划会作为一种趋势,求新求变,一连演进。同时保持最焦点的简捷,使它引领潮水。 (编辑:河北网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |