当前位置:主页 > SEO优化 >

25个细致微妙的扁平化20风格网页设计

作者: 奕星SEO 分类: SEO优化 发布时间: 2019-09-12 08:46 内容来源:网络整理阅读量:

  比起最开始的风格已经没有那么“平”了,更丰富的细节,更清晰的层次,更优秀的视觉体验使得它和初期有了相当大的差别。于是Ryan Allen 在为 Dapper Gentlemen 撰文的时候将现在的称为“Flat Design 2.0”,这篇文章中,他阐述了最初的扁平风和今天的

  扁平化设计依然占据主流,从某种程度上而言,是因为它同响应式设计有着极高的契合度,这也是在过去几年间的逐步变化而造就的结果。

25个细致微妙的扁平化20风格网页设计

  正如同 Ryan Allen在插画中所表现的,原本的扁平化设计和现在的2.0的主要差别都体现在细节上,高光、渐变、阴影依次回归,轻量地加持在扁平化的视觉元素上,让整个设计的信息量更加丰厚。扁平化设计不再是拟物化设计的对立面了。

  当然,扁平化设计最初的一些基本特征依然在2.0中保留了下来。简约和现代的风格保持不变,不过细节的增加使得简约的程度有所下降;明亮和有趣的色 彩运用依然是扁平化设计的主流配色趋势;追求清晰和保持素雅也是扁平化排版的主要特征。当然,探讨差异并不是今天文章的目标,在下面的25个案例中摸索扁平化2.0的特色才是今天的主题。

25个细致微妙的扁平化20风格网页设计

  Cybeer Bar 是一个不错的入门案例:他们忠于扁平化的设计规则,简约的风格,但是设计师将细节和层次推到了极致,清晰分明,色彩的层次让整个设计充满了一种别样的真实感。

25个细致微妙的扁平化20风格网页设计

  流行与世界不同地方的的圣诞人物角色被制作成扁平化的插画,值得注意的是其中顺滑的图形运用和独特的阴影处理。

25个细致微妙的扁平化20风格网页设计

  Dropbox 使用指南一直是以其漂亮的插画设计而著称,足够简单的图形和明亮的色彩结合到一起,加上典型的扁平化的排版设计,也算是扁平化2.0的典范了。

25个细致微妙的扁平化20风格网页设计

25个细致微妙的扁平化20风格网页设计

  明亮的蓝色背景,风格化的图标,沉稳而不晃眼的字体,图标的圆角和柔和的细节,整个网站的设计扁平化,令人愉悦。

25个细致微妙的扁平化20风格网页设计

  网站极简主义的风格和复古的红色色调都符合扁平化的特征,而阴影和质感的加入则让网站符合2.0的设计风尚。

25个细致微妙的扁平化20风格网页设计

  尽管网站的字体元素走的是浮华的路线,但是网站的色彩、边角处理、图标设计都非常符合扁平化设计2.0的设计风格。

25个细致微妙的扁平化20风格网页设计

  如果你仔细观察,你会注意到其中柔和的阴影效果。这位斯堪地那维亚的陶艺师的作品带有典型的扁平化风格,而他的这个网站自然而然地用到了扁平化设计。

25个细致微妙的扁平化20风格网页设计

  这款法国的在线游戏的页面使用了典型的扁平化2.0的设计风格,风格柔和亲切。

25个细致微妙的扁平化20风格网页设计

  网站的配色方案使用的是典型的扁平化配色,但是设计师为网站加入了大量华丽的细节,使得它更符合2.0的设计。

25个细致微妙的扁平化20风格网页设计

25个细致微妙的扁平化20风格网页设计

  很显然,扁平化的设计风格和圣诞主题可以完美地结合到一起。Google Santa Tracker 的设计风格并不是纯粹的扁平化设计,动态模糊和视差效果的运用,让视觉元素更加富有层级,更灵动的效果。

25个细致微妙的扁平化20风格网页设计

  虽然页面设计并未用到多少阴影,但是设计师在细节处理、色彩对比和区分,以及视差滚动上都运用得心应手,网站归于2.0毫无压力。

25个细致微妙的扁平化20风格网页设计

  这是游戏Dots的官方网站,网站和游戏风格均属于扁平化2.0的设计风格,也正是因为这种简约而细腻的风格,让网站充满了趣味和友好的氛围。

25个细致微妙的扁平化20风格网页设计


本文链接地址:http://www.seohuizhou.com/seoyouhua/3917.html
上一篇:<<涟水一男子竟在网上查到自己QQ密码该网站售卖16亿条个人信息
下一篇:养老床位我能排上队吗?上海这个系统上线后寻找服务就像淘宝>>