扁平化设计:你在这趋势中收获了什么?

扁平化设计—这个早在多年前非常流行的设计领域-又再一次卷土重来了。许多新网站以及需要重新设计的网站都纷纷采用了扁平化设计的方案,这种趋势无论是在网页设计或者移动端的设计方面都已经蔓延开了。

随着融汇了扁平化设计美学的windows8以及新版谷歌的推出,以及其他人气网站纷纷采用这种扁平化的主题设计,这种扁平化的趋势将很有可能受到更加多的亲睐。

你是否考虑过?你能够把它运用到你的项目当中吗?这种设计方案是否能够给你带来更加轻松的工作体验?

扁平化设计具有着一种让人心醉的美丽.没有大量的修饰,它能以一个简单直白的方式来传递一个信息或者帮助一个产品以及思想变得更加深入人心。所以说,趁在下一个新的设计潮流到来之前,我们现在就必须好好把握当前的设计趋势。

什么是扁平化设计?

扁平化设计正是通过放弃任何附加效果的方式,创建了一个“零”3D属性的设计方案。在这里,没有drop shadows阴影效果, bevels斜角, embossing浮雕, gradients渐变等其他方法来帮助lift元素产生相对于屏幕的凹凸效果。不带有羽化边缘以及阴影效果的图标和UI元素也都是看起来非常鲜明。

扁平极简 就是Flat design的灵魂所在。

Flat design并不是彻底放弃效果。它只是不存在那些能让人产生立体感觉的深度depth 和维度dimension.我们什么甚至可以这样认为,更多的设计倾向于“准扁平化”的范畴,这时候我们从产品的大体角度来看,仍然存在很小一部分的效果。

技术

忘掉所有的修饰元素.它们不是扁平化设计要关注的地方。

在这里我们需要把注意力放在色彩上。扁平化的设计方案经常使用许多鲜明的色彩。从色块,色形以及色调来看,色彩确实是提升扁平化设计一个不可或缺的组成部分。在你的logo上的用色方面多加斟酌,能够使得你的网站引人入胜。在扁平化方案上仅仅使用白色和黑色就能够产生不错的效果,但你想着这效果要更进一步,那也可以采用更多的色彩。

注意字体.文字是必不可少的-他们提供了信息,它作为了一个工具在你的网站上引导你的用户该做什么。使用一些有趣且独特的字体来修饰文字,当然了,在这里你就不要再想着Arial(微软字体).挑选出字体来配合你所要表达的信息.记住扁平化方案的要旨是极简,因此在字体的运用中,我们应该考虑其如何切合这个要点.简单的sans serif 类字体在这个方案中可应用的种类非常广泛.或者我们不妨做出一点稍微“越轨”的处理方法,考虑更加在一个扁平化设计方案中选择一个新奇的字体作为美术元素,这必定比简单的字体的运用更加夺人眼球。

做到惜字如金。许多扁平化设计同样也运用了少量文字来营造一个简约的风格。因此,因此,我们要确保表在每个字中都能发挥出重要的作用。

简约的用户界面 和UI元素。用于被点击的按钮不需要过于复杂的设计。只要这些风格要素有了明确的定义,就不会阻碍他们成为“称职的”按钮。这些要素包括颜色,轮廓,框架或者甚至是不同字体或者形状。

创建层级.在扁平化设计中,即便在被点击的区域中使用了shadows阴影, gradients渐变, bevels斜角等其他效果来进行特别注明,一些人还是感觉这些用于被点击的区域表现得还不够明显。这足以说明,创建一个明显的层级结构在任何一个网站上是极其重要的。我们要明确地让用户做到对你的网站一目了然。如果链接本身就拥有不同的色彩或者独立被包含同一个区域中以供用户点击,那么链接也应该要清晰地表现出来。

Flat Design的命名

围绕着“flat design.”(这里译者翻译为扁平化设计)这个名字存在着诸多争论.现在你说看到的这个名称“flat design.”也不是被大家绝对地认可。

不同的公司团体都尝试用过其他名称,例如minimal design, honest design,而微软公司甚至称它作 “authentically digital”。

对此你的看法是什么呢?让我们在Branch集思广益吧。

Flat Design启示

很多人都说扁平化设计只是刚刚在设计/开发的 团体中开始流行。下面请你借鉴下这些来自Pinterest and Dribbble的一些关于flat design 优秀资源,并以此考虑你的下一个项目该能怎么用得上他们)(我们需要注意的是:Pinterest本身不采用扁平化设计方案.

Flat UI Design Pinterest board by War Marc

Flat UI Pinterest board by Marco Heutink

Square UI elements on Dribbble

Santa tracker icons on Dribbble

Flat UI on Dribbble

Square UI on Dribbble

Haraldur Thorleifsson on Dribbble

Bobby McKenna on Dribbble

Griffin Moore on Dribbble

Kyee on Dribbble

Kyee on Dribbble

总结

得益于它自身简单的特性,扁平化设计方案才能够在信息和产品当中表现得如此突出.简单,整洁,直接。这种样式设计在小屏幕上得到了更好的表现,尤其是在手机移动端上,不过许多人觉得其在大屏幕的表现同样抢眼,安卓平台以及微软手机同样在他们的操作平台上采用了扁平化设计方案。(苹果是一个与之相对例外,它采用的的是skeuomorphic scheme)

在扁平化设计上进行添加相对来说相对困难,因为再也没有那些shadows修饰效果来隐藏你设计上的不足,在这里,每一个细节,你都必须要用心顾及。扁平化设计同样在多色彩的方案中有不俗的表现。无论是艳丽的色彩,还是黑白灰都能够在扁平化的设计当中找到一席之地。在另一方面,在平面的某些设计当中仅仅设置黑白两种颜色当然无可厚非.但如果整个页面设计都是如此的话,那么确实也让人看起来有点吓人,在这个时候,我们也许能考虑采用一个“准扁平面方案”,为此保留少量的效果以作修饰。

英文原文,翻译:W3CPlus

时间: 2024-12-29 00:56:22

扁平化设计:你在这趋势中收获了什么?的相关文章

大话“扁平化设计”

扁平化设计在当下的用户界面设计界是很有争议的,微软的Metro风最早将其介绍给大众,之后有了很多人跟风,比如LayerVault.The Next Web以及更多.许多设计师从最开始就不看好这类设计,主要是因为在稍微复杂一点的界面中,扁平化设计会带来很多困扰. 扁平化设计既漂亮又清新,设计起来快,也更容易响应.如果只是绘画上的设计趋向可能会被广为接受,但是网页设计者总是对易用性持有很高的关注度,因此总会觉得扁平化设计天然的就有缺陷. 下面这张图从左往右分别是苹果.Google和微软的设计美学展示

“类扁平化设计”时代到来

本文作者张悦是PICOOC公司创始人,PICOOC研发的第一款将于近期上市的智能设备是名叫Latin的智能秤,具体可见我们之前的报道.张悦之前还创办过移动应用开发培训公司博看文思. 前几天iOS 7正式版终于发布, 用户对其扁平化设计风格褒贬不一.其实我们早在三个月前就在 PICOOC 的 APP 上率先"痛苦地"决定了采用"类扁平化设计"(稍后会给出解释).基于 PICOOC 系列产品的特性,当时整个 App 的 GUI 上遇到了很多的问题和挑战. 比如Latin

你知道什么是扁平化设计?

其实在实际当中,扁平化设计一词所指的是那些抛弃已经流行多年的渐变.阴影.高光等拟真视觉效果,然后打造出一种看上去更为"平"的界面.而扁平风格的一个优势就在于,它可以更加简单直接的展示将信息和事物的工作方式,从而减少认知障碍的产生. 在随着网站和应用程序在上的许多平台涵盖了越来越多不同的屏幕尺寸,去创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时.而设计正在朝着更加扁平化设计发展,你可以保证一次在所有的屏幕尺寸上它都会很好看.而且扁平化设计更加简约,条理清晰,还有最重要

扁平化设计美学:以Facebook为例的设计趋势

最近一个在网页和UI设计上逐渐增长的趋势是"扁平化设计"的使用,而且现在已经是一个非常热门的话题了.满大街的现场讨论会以及大量的教程.我常常被吸引到极简主义设计中,所以扁平化设计是一种很自然的给我启发的设计美学,特别是在最近的一个项目的重新设计中. 在本文中,我将讨论下什么是扁平化设计.回顾其它设计方式,并提供如何在你自己的设计中实现的一些技巧. 什么是扁平化设计? 实际上,扁平化设计意味着在设计中不使用常用的渐变.像素完美的阴影,然后通常是近年来蔓延的用来实现看起来"平面&

UI的扁平化设计趋势与拟物化设计

  实际上是这一两年,我们可以发现越来越多的程序的GUI变得"平面化"了:google.Microsoft.facebook.甚至apple的首席设计师Jony Ive也说过苹果会开始适当扁平化一点,WWDC2013的新logo也能看出这个暗示了. 于是很多人都问,为什么会有这样的趋势了? 我认为扁平化是一个必然趋势.并不是单纯的因为审美疲劳导致的为了变化而变化,而主要是因为数码化程度越来越高的日常生活中导致的.随着时代的变化,一方面是拟物化作用越来越少而退出主流,另一方面是扁平化更适

扁平化设计与色彩趋势

aking it Work: Flat Design and Color TrendsDesignmodo版权所有作者:Carrie Cousins译者:UCD翻译小组,波希米亚原文地址:&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;http://designmodo.com/flat-design-colors/ 这篇文章将展示很多很酷的范例,甚至还提供了一个免费的用户界面工具包供你下载和使用.但如果是你自己的

扁平化设计在PPT中的应用

  随着IOS7的发布,扁平化被推向了设计的巅峰,扁平化设计风格最早由微软提出,当时微软公布了新图标设计,Metro风格界面设计,也就是目前流行的扁平化设计.它的设计初衷是还原信息的本质,去掉所有与信息不相关的修饰,如渐变.阴影,特效等.使读者能快速.直接获取信息. 如今扁平化设计已经风靡全球,各大网站都改变了设计风格.以拟物化设计著称的苹果公司也在新发布的IOS7中使用了扁平化的风格.所以我们在设计PPT的过程中,也可以借鉴微软的扁平化风格.此篇文章将为大家讲解一些简单的图示的扁平化使用. 相

谈谈用户界面中扁平化设计

扁平化设计在当下的用户界面设计界是很有争议的,微软的Metro风最早将其介绍给大众,之后有了很多人跟风,比如LayerVault.The Next Web以及更多.许多设计师从最开始就不看好这类设计,主要是因为在稍微复杂一点的界面中,扁平化设计会带来很多困扰. 扁平化设计既漂亮又清新,设计起来快,也更容易响应.如果只是绘画上的设计趋向可能会被广为接受,但是网页设计者总是对易用性持有很高的关注度,因此总会觉得扁平化设计天然的就有缺陷. 下面这张图从左往右分别是苹果.Google和微软的设计美学展示

2013年网站建设设计新趋势 扁平化设计

自诺基亚推出新的手机UI后,就引起了很大的争议.很多不理解的用户甚至埋汰诺基亚手机UI设计师是不是没有灵感了.但是现在再看,却得到了广泛认可.这种设计思路具有多重意义,它摒弃了以往的设计风格所展现的绚丽.浮华.多彩的特点.将简约.精准在平面设计中的美学表现的淋漓尽致!不少设计师说扁平化设计所体现的更是一种更加直观的表现形式.和以前的设计形式可以说形成了鲜明的对比.更加符合现代人快节奏的生活.忙碌的人们已经没有太多的时间去发掘以往的美学表现形式.人们需要更加直白的表现形式来宣泄自己的对快节奏生活的