与时俱进,勇于创新:扁平化设计的未来展望

时间:2018-06-12 11:15:42 关键词:扁平化设计 扁平化图标 未来展望 谷歌 logo 按钮风格 网站规划


undefined

  在曩昔的几年里,扁平化规划以其精约的画面、整齐的布局、流通的加载速度、响应式规划等众多优势俘虏了一大批粉丝,正逐步成为网站规划趋势的干流。这种规划趋势为什么能极短的时刻内敏捷开展壮大?除了以上这些长处,还有一项十分重要的要素,那就是扁平化规划一向与时俱进,不断克服本身的坏处,努力跟上年代的脚步,满意用户的需求。前期的扁平化规划着重抛弃全部装修作用如暗影、突变、纹路等,要点杰出信息本身,这使得网站的视觉作用很是单调,网站的配色计划也比较单一,但在后期开展过程中,扁平化规划开端突破原有的局限性,活跃吸纳一些新的、有用的规划元素,有关扁平化规划方面的主意和概念不断丰厚,扁平化规划也开端出现新的类型和分支。在今日,扁平化规划的出现办法多种多样,不论你想做一个什么样的网站,总有几款扁平化规划能让你倾心。今日小飞就带您看一下扁平化规划的开展进程以及一些实例,快来一同感触扁平化规划的进击之旅吧!

  在扁平化规划出现以前,人们一向很喜爱拟物化规划,经过传神的纹路、多样的突变以及杂乱的细节营建出3D作用,让虚拟物更接近于什物,仿照实在事物的外观。苹果公司也曾是这种规划风格的忠诚支持者之一,它的运用商店和各种设备上图标都有运用拟物化规划(当然,后期也转向于扁平化规划)。然而,在2010年,扁平化规划开端向超现实的拟物化规划建议冲击。扁平化规划运用棱角分明的线条,让信息和事物的工作办法以简略直接的办法出现出来,这更便于访客了解。扁平化网站的规划计划也会集在高饱和度的颜色和排版上,而不是许多的图画,这减少了网站不必要的加载时刻。


  Material Design [1.0和2.0的中心年代]

  扁平化规划开展如此敏捷背面一个首要的推动力就是Material Design。虽然Material Design 的概念很清晰,但它也跟着网站趋势和用户需求的改变不断改变。它能够看作一种规划结构和模板,具有遍及适用性。从某种意义上来说,Material Design能够看做前期的扁平化规划和扁平化2.0的一个过渡,或许说它促进了扁平化规划的进一步演化。不过,Material design毕竟是与谷歌直接联络在一同的,在创立一个共同的网站上面没有那么有用。

  接下来就是扁平化2.0的年代了。扁平化 2.0 这个概念最早来源于规划师 Ryan Allen。扁平化 2.0 是一种演化,而不是一场革新。扁平化2.0仅仅扁平化规划的一个分支,它给扁平化规划从头赋予了新的内在,是这个概念沉淀之后逐步老练的标志。扁平化 2.0允许规划师打破其原有的强硬规则,带来了一些奇妙的元素和技巧,如高光着重、突变、多种色谐和色度、暗影作用、多种配色计划。在扁平化中运用微暗影能够增加元素深度,将重要内容从布景中独立出来,有用传递信息;将低沉的突变用于布景色或氛围色能够实现元素的过渡,给网站笼罩一种和谐、模糊感。当然,这些新元素的增加都是适度的,是契合扁平化的美学规范的。也因而,扁平化2.0在易用性和适用性更强,统筹了规划的漂亮和功能性,简直能够和任何其他概念一同结合运用,网站的用户友好度大大提高,扁平化2.0遭到许多规划师的欢迎,不少网站都运用了这一规划趋势。另外,也有一些规划趋势从扁平化2.0中衍生出来,最盛行的可能要数卡片式规划和分屏式规划了,扁平化这棵大树的枝干越来越多。

  在今日,不少规划师继续进行有关扁平化规划的尝试,在规划办法或细节处理中又融入了越来越多的主意。扁平化规划进入了一个新的开展阶段,因为这个开展阶段暂时还没有人命名,小飞姑且称它为扁平化规划2017,下面是当今扁平化网站中的一些共同特征,这些特征都与扁平化2.0的有所不同,标志着新的开展阶段的到来。下面就一同来看看吧!

  扁平化规划2.0中的按钮风格和用户界面元素在今日现已不那么适用了。现在,按钮的款式要比以往愈加简略,常常是方形或圆角边际的矩形框配以黑白色的文本,网站LOGO和图标也都选用愈加扁平化的风格。各种简练的元素再加上一个翔实的主页规划,这样的网站才干锋芒毕露。

  因为扁平化规划要求简练大方的规划布局,网站的导航菜单也需求愈加精简,这也是为什么隐藏式菜单导航和汉堡图标开端盛行。它们简直现已成为当时网站的标配,给访客供给充足的自在,既便利操作也不影响信息的传递,还在不同巨细的屏幕上也能够得到很好的出现。

  大胆亮堂的配色一向是扁平化规划的"宠儿"。在前期扁平化规划中,人们经常选择高饱和度的颜色,而在扁平化2.0时期双色彩配色是比较盛行的配色方向。但跟着扁平化规划的进一步开展,今日网站中运用的配色计划要愈加丰厚,网站规划师不仅运用亮堂、艳丽的颜色,也会运用暗色系的颜色,比方在主页运用突变的色彩或叠加图片等,网页规划要比以往愈加生动活泼。

  以往扁平化规划着重的极简首要在于网站中的各种元素、图标等。在2017年,网站的主页规划也遵从极简主义。现在的网站主页更倾向于着重单个行为引导,而不是杂乱的元素堆叠。反过来说,就算主页上的元素再多样,单个的行为引导也会给访客留下简练、洁净的形象。

  当网站中不再运用杂乱多样的元素今后,网页排版的重要性就凸显出来了。前面在《奇妙运用排版和布局敏捷提高网站颜值》中咱们讨论过网页排版有助于着重视觉作用,提高网站可读性和可用性,还能坚持网站元素的一致性。在扁平化规划之中,网页排版的优点可不仅仅这些,精美的网页排版还能够提高网站的规划美感,让信息内容本身很好的展示。

  虽然在今年的扁平化规划之中,规划师的确有运用一些奇妙的元素让网站规划愈加丰厚,但这并不意味着拟物化规划的回归。生动、风趣的网站并不总是与拟物化规划挂钩的,他们与拟物作用有着实质的不同。相反,现在的扁平化规划中运用更少的拟物作用,尽量不营建传神的作用。

  近些日子,跟着H5/CSS3技能的开展,动效又从头回归大银幕。而在扁平化规划之中,规划师常常将动效与反应结合在一同,这能更好的引导用户、同用户交流,是现在交互规划和UX规划的关键所在。

  跟着显现屏幕越来越大(PC端和移动设备都是如此),规划师在网站中运用许多留白以坚持扁平化规划的极简主义风。与此一同,留白还能够有用杰出网站的关键内容。当然咯,留白并不一定非得是白色。假如你对网站中留白办法比较感兴趣,能够参阅《》。

  毫无装修的扁平化图层看上去也很棒,并且还能够给用户供给一些额定的信息,它们能成为不同元素的载体,或许单纯的营建空间感。分层规划办法就是其间一个代表。

  超大的字体,超大的图片,乃至超大的按钮和图标,都现已不是什么新鲜的规划办法了,它们凭借过人的体积感和强有力的对比来制作视觉奇迹,是非常有用的规划技巧。这种规划办法在前期的扁平化规划就有了,只不过现在运用愈加频频。

  扁平化规划一向在不断进击,易读性更高、可用性更强、视觉上更漂亮,这也是为什么它能连绵不断迸发出蓬勃生机。咱们在做网站时也是相同,不要墨守成规,实在依据网站本身的特色,寻找契合的模板,运用有用的技巧,让自己的网站愈加出彩。扁平化规划还会一向开展下去,谁也不知道它最终会成为什么样,是经典永存仍是逐步淘汰,但不可否认的是现在扁平化规划仍是我们比较拥护的规划趋势之一。赶紧在自己的网站运用扁平化规划吧!

转载请标注:重庆网站建设专家第一网络,链接:http://01netcn.com/news/i1237.html

023-61353088
重庆市渝中区大坪英利国际4号14F