在平坦的设计潮流完了吗?我们不这么认为。它还没死。但趋势已发展到不那么鲜明,为用户更具吸引力。
平设计的早期被完全缺乏设计元素例如阴影,梯度,或具有纹理现实元素标记。许多这些设计元素都回来了,但正在与整体配对想法的扁平设计,以创建一个网站的用户体验,是既简单又易与互动。取决于你是什么方面,它可能是一个更好的版本的扁平设计。
下面就来看看在扁平的设计潮流的演变,今天我们在哪里。
扁平设计101
扁平设计是叛逆的答案都过于现实 – 而且往往假 – 三维元素和质感充斥网络在2010年代初。过于真实的设计模式的一部分从苹果来了,因为这是在应用程序商店,并在其设备上的图标样式。(该公司最终的走势真的竟能后切换到一个更平坦的风格。)
扁平的设计真的是正义的。它体现了简洁的线条和支持者说,它更容易理解和使用更2D风格。扁平的设计方案也集中在高色彩和字体为中心的元素,而不是大量的图片。通常单个图像或说明可以携带在一个扁平的设计方案的整个主页。
与真正的扁平化设计的问题是,并非总是如此。有些用户发现,剥离下来的风格缺乏足够的信息,以帮助引导他们通过设计。但是,绝大多数,设计师喜欢它。平面图案可能是在过去十年中规模最大,最具革命性的视觉趋势之一,因为它生活在。
材料设计
要完全理解为什么扁平设计这么快就变了,它看起来在材料的设计是非常重要的,视觉语言谷歌建立了它的产品和应用。
材料设计了扁平设计的最好的部分,然后添加回尺寸的细微接触。这个概念侧重于通过使用战术效果和逼真的动作与现实融合的数字世界增强易用性和用户交互。
它带回元素如阴影,似乎在“软化”的早期平板设计的近乎苛刻的性质。
材质设计是一个明确的概念,用大量的由谷歌不断变化的文档。它也将继续与趋势和用户需要进化。为什么材料是平如此重要的是,它推的平板进化快得多。
2.0平板
进入平2.0。下面是我们如何在早期阶段所描述的趋势:“平2.0更容易使用,因为它结合了最好的平板设计,带有附加用户界面的提示来帮助您创建网站的设计,是美观和功能。它也具有很强的适应性,并与几乎所有的概念作品。不像一些最纯净的扁平设计的网站,平面2.0结合了微妙的补充,以提高用户友好性的扁平的元素。”
我们没有拿出“平2.0”的设计小屋。它最早是由设计师赖恩·艾伦:“平2.0是一种进化,而不是革命。凡平的设计是从昔日的猖獗skeuomorphism一个大相径庭,平2.0是一个好玩的分支关闭平树。扁平设计的圣诞树,平2.0是装饰品和糖果手杖。和礼物。没有金属丝虽然,东西收拾一个烂摊子“。
平2.0允许设计者打破了平面设计相关的硬性规则,并带回一些使视觉效果更加引人入胜(适量,当然)的技术。
- 强调
- 渐变
- 多种色彩和色值
- 阴影
- 任何调色板(不只是超高亮)
平2.0不生活在一个世界里,一切都是UI元素或图标。照片和视频的平板2.0接口的很大一部分。(许多早期的扁平化设计的纯粹主义者认为这些视觉元素从审美的纯意图抢走了。)
2017年平
现在大多数的设计在所有这些趋势和想法中间的某处。目前仍然朝着扁平化的风格真正的斜塔,但还有更多的设计。这一演变尚未命名,但你可以看到在很多网站设计的共同特征。
这里是扁平的设计看起来像在2017年:
扁平元件
许多从早期卡住平板设计项目的按钮样式和用户界面元素。越是简单的按钮风格 – 用方形或略显圆润的边缘与黑色文本的白色矩形框 – 是常见的。标志和图标也采取了对平板方式,并配有更详细的网页设计成对,这些真正脱颖而出。
简化导航
汉堡包图标和隐藏导航物的平坦设计诞生出来,因为设计师试图带元件出视觉流。
大胆,鲜艳的色彩
由于明亮的调色板和接受更多的颜色的整体从平面图案,网页有一个小快乐。这已经进化到使用主页上鲜艳的色彩渐变的大电流的趋势,作为显性视觉或照片叠加。
最小的主页
作为一般规则,主页是少了很多忙,往往侧重于单一行动。即使有多个元素,单个用户的方向或作用,使整个项目似乎有点不太繁忙。
更佳的印刷无处不在
精简的设计不得不把重点放在大类型。随着越来越多地使用更好的类型套件和Web字体的配对这个想法也使得它更容易为设计师专注于排版在线。
更少的“假”效果
Skeuomorphism真的还没有回来。While在2017年的版本的平板设计正在使用更多的设计技术,过度设计,试图将要实的风格并没有重新出现。
集成运动控制和反馈
从材料设计的最大收获是反馈回路的主意,因为它适用于视觉和与用户沟通。
空白的大量
屏幕变得越来越大(在桌面和移动设备)和设计师们利用它作为空白保持平最小的感觉利用该空间。(和大多数的时候,这个额外的空间是不是白色的。)
平层
无纹饰分层元素可以很好看,为用户提供更多的信息。
超大设计元素
大文本,大图片,大按钮和图标都非常规范,这要归功于即使使用扁平设计的最早的项目。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/courses/260811.html