当前位置:w88优德官网网文章中心网站设计WEB标准 → 引领设计潮流的扁平化是如何进化的?

引领设计潮流的扁平化是如何进化的?

减小字体 增大字体 作者:admin  来源:本站整理  发布时间:2016-11-20 20:15:14
早在2013年iOS7发布以来,扁平化设计就轰动了互联网世界。从那以后,它就持续发扬光大,并且发展出数量惊人的变种。随着带有扁平化色彩的Google Material design规范的推出、卡片式设计的广泛采用、还有排山倒海的极简化趋势——似乎在可预见的未来,扁平化设计会成为主宰风格。正如2015与2016年的网页设计趋势一书所描述的,扁平化设计正在进化:“最初的扁平化设计是严格的扁平,极少有强调,注重极简设计。近来我们则看到了更多吸引眼球的元素,例如阴影与着色的暗示。尽管纯粹的扁平主义者会反对,但设计圈接纳了它,它与其他流行的设计模式能够有效结合。”以往波澜不兴的风格发生突变,引发了一连串有趣的问题。如果它是如此的流行,那如何与众不同地将它运用在自己作品中呢?你要的是扁平化设计,而不是平淡无奇。巧妙的运用,与粗劣的复制,这之间有何区别?本文讲的正是这个。我们看看扁平化是如何进化的,怎样能使你的设计引领潮流。长投影我们所谈论的设计应当是扁平的,但阴影能产生纵深感,虽然这似乎有点违反直觉。但这些细微元素能为设计增添一丝情调,又不至于太引人注目。实际上,他们仍然可以算作留白的一部分,虽然他们从技术上说确实是一种视觉元素。毕竟,没有光哪来阴影?更重要的是,长投影为画面增加了一种反差元素,使得整个视觉体验变得有吸引力。要达到想要的效果,甚至投影都不必那么长。请看:扁平化设计 <a target=网站设计 MaterialDesign Materialdesign配色" border="0" width="550" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>图片来源:Kikk.be柔和的色彩和短投影呈现出一种美妙的视觉元素,并不会抢了页面导航和主要信息的风头。请留意这些阴影如何令画面明亮起来。也使得图像仿佛脱离了页面。投影、扁平化的内容区域、还有柔和色彩这三者的结合,与网站上的动画元素融合得非常好。说到颜色,应该很容易引出我们下一项扁平化特性。色彩运用:鲜明色彩与辅助色色彩是扁平化设计的重要能力之一。明亮、积极的色调,成就了许多扁平化的设计,用以弥补视觉表现力上的欠缺。扁平化设计中的投影装饰,看起来跃然纸上,为设计增添了鲜活和动感。这与其他动态视觉元素能够很好配合,例如视觉差滚动和CSS动画。扁平化设计 <a target=网站设计 MaterialDesign Materialdesign配色" border="0" width="550" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>图片来源:Spotify而且,这些明亮的色彩能作为一种辅助色,用在柔和的背景上。这似乎成为了一种标准的未来趋势。就像这样:扁平化设计 <a target=网站设计 MaterialDesign Materialdesign配色" border="0" width="550" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>图片来源:Takeit深色背景上的亮色图片绝对足够给人留下深刻印象。强烈对比的视觉元素,更是与如今的扁平化趋势形成完美的配合。通过简单或夸张的手法来突出事物,其中也包括字体。扁平化设计 <a target=网站设计 MaterialDesign Materialdesign配色" border="0" width="550" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>简单/夸张的字体如今的“扁平”字体通常由单一字体组成,或者是两种非常接近的字体。这一点造就了易读、易辨识且默默无闻的字体。这正是关键所在。你不希望字体分散注意力。如果字母带有过多的风格与个性,就会阻碍用户的阅读流程。扁平化设计 <a target=网站设计 MaterialDesign Materialdesign配色" border="0" width="550" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>图片来源:Cienne最好的做法是“隐形的设计”,换句话说,就是做出让用户不会注意到的设计。因为每当他们留意设计,就会丧失沉浸式的体验。当然,你也可以走另一个极端。在处理极简式界面时,你得调整所加入的元素。在空白背景上使用大的粗体字,可以为界面的文案营造出独特的语境。如果界面没有其他任何视觉元素,你就必须呈现出某种美感,而且能用的也只有字体和颜色。扁平化设计 <a target=网站设计 MaterialDesign Materialdesign配色" border="0" width="550" onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>图片来源:Truthlabs幽灵按钮
[1] [2]  下一页
本文引用网址:
在下列搜索引擎中搜索“引领设计潮流的扁平化是如何进化的?”的相关信息:
谷歌搜索 百度搜索 360搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1王梦溪未经处理照曝光 王梦溪口...
  • 22013最新门事件 警花王梦溪不雅...
  • 3网传某校女老师与人偷欢春宫艳...
  • 4王梦溪口交不雅照流出 王梦溪自...
  • 5兰州西固警花王梦溪不雅裸照下...
  • 12016年最新成年身份证号码大全...
  • 2你们真以为网络主播月入万元的...
  • 3近几年前端技术盘点以及 2016 ...
  • 4Godaddy支付宝12美元送免费优德w88官网...
  • 5新手建站十大免费空间推荐、及...
  • 1最流行的性交姿势图解 真人示范...
  • 2华航空姐艳照门:空姐自拍裸体照...
  • 3什么姿势女的最爽?最刺激的做...
  • 4合肥艳照门事件 合肥艳照门全套...
  • 5李雪不雅照流出 一字马女神李雪...
  • 1Linux操作系统下的安全问题研究...
  • 2Linux操作系统故障技巧
  • 3虚拟化环境下之服务器存储备份...
  • 4HTTP 错误 404 - 文件或目录未...
  • 5通过组策略和注册表关闭win7 U...
  • 赞助商广告

    图片文章导读