当前位置: 首页 >> APP设计教程_APPUI设计教程_UI设计教程_网页设计师加油站 >> 阅读正文

扁平化设计重新回归网站设计和APP界面设计

fp_monster30_green_m
freecsstemplates

不知道大家有没有注意到,最新的一些网站设计都是非常简洁漂亮的。自然而然的让我们有了疑问,这样的一种设计风格叫什么呢?好像window 8 的metro风格,但又不全是。原来这种设计风格很早就有了,只是他的一种回归。

它的名字叫扁平化设计

扁平化设计是漂亮的、可爱的设计。她不会有很多多余的装饰元素,她以干净的简洁的方式来传达信息,提升你的产品、想法。

扁平化设计是一种不使用任何额外效果的计方案,她不包括任何 3D 效果。这里没有很深的阴影,斜角,立体效果,渐变或者其它方法创建的凸出或者凹陷效果。图标和 UI 元素都是很鲜亮的,没有边缘效果和阴影。

扁平化设计并不是完全没有效果的,她只是没有那些多余的「人造的」阴影和维度。越来越多的设计「几乎都是扁平的了」,他们的整体样子和观念都只包含很少的效果。

总的来说:扁平化设计一切都是平的。

但是,扁平化的设计并不是让你忘掉所有的装饰效果。

关注颜色。扁平化设计经常使用很多鲜艳的色彩。从色块、图形、栏目条到版面,颜色都是一个关键的组成元素。考虑下从你的 LOGO 到网站都使用彩色。扁平化的设计方案都是使用黑色和白色的,但是如果你使用更多的颜色将会收到更多更好的效果。

注意排版。文字是最基本的 – 他们传达信息,提供导航工具,告诉用户你的网站是做什么的。对文字进行有趣的、不同的排版 – 没有 Arial 在这里。为你的消息选择合适的字体。记住扁平化的设计方案经常是简洁和简约的,所以好好考虑使用什么样的排版方式。在方案中使用简单的无衬线字体你会得到很多变化和收获。或者,为了给用户带来一些小的惊喜可以使用一种新的类似艺术元素的字体,注意是简单的字体。

关注文字。很多扁平化的设计为保持简单的流程和感觉只会包含很少的文字。所以注意你每一处的文字长度。

简单的用户界面和 UI 元素。点击按钮不需要过度设计和很复杂。长元素是需要确定意义和有明确用途的,他们会非常有作用(效果)。这些可以以不同的形式来表现 – 色彩、轮廓线、区块,或者是使用不同的字体或图形。

创建层级。对于任何一个网站创建明显的层级感是很极其重要的。在扁平化设计里,在一些主要的点击区域总有一些争论 – 表示阴影,渐变,斜角或者其它的效果 – 应该尽可能的少。确信用户可以自己使用导航,并且不用考虑太多就能很轻松的使用你的网站。链接尽可能的清楚,不管是使用不同的颜色还是放在一个方框中,他们都要确保能被点击。

Griffin-Moore Santa-tracker-icons

结论

正式这种「简单」的特质,扁平化的设计方案只需要通过信息或者产品本身就能把自己的想法最好的传达出来。

    简洁,清晰,简约。短小,精干,朴素。

这种设计方案在小屏幕上能够很好的工作,特别是 APP 或者是手机上的设计,但是很多人发现这种设计在长屏幕上的效果也很好。Android 和 Windows Phone 系统都在使用这种扁平化设计方案。

 

分享一下,与TA一见钟情~~

本文标题:扁平化设计重新回归网站设计和APP界面设计

本文地址:http://www.25xt.com/allcode/1203.html

除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。