什么是网页扁平化设计

[移动通信系统与物联网融合架构的扁平化有什么优势]电信科学 2010 年第 7 期 1 引言移动通信最初的网络结构只为语音业务而设计，这一时期，运营商 70%的创收都源于语音服务。随着通信技术的不断更新和社会的不断进步，传统简单...+阅读

什么是网页扁平化设计

扁平化完全属于二次元，这个概念最核心的地方就是放弃一切装饰效果，诸如阴影，透视，纹理，渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净利落，没有任何羽化，渐变，或者阴影。尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。

一、扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。

二、随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸，创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计，你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性。...

什么是扁平化设计

在实际当中，扁平化设计一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果，从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸，创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计，你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性。与扁平化设计相比，在目前也可以说之前最为流行的是skeuomorphic设计，最为典型的就是苹果IOS系统中拟物化的设计，让我们感觉到虚拟物与实物的接近程度。在扁平化设计中目前最有力的典范是Win8 metro界面，不得不说Microsoft不愧为PC用户体验开拓者，如此大胆的尝试与实现，不得不让人佩服。

扁平化设计案例扁平化设计界线我们发现在Win8 metro界面中，使用了完全的扁平化设计；在苹果产品及IOS系统中，看到了部分扁平化设计影子，在Google中，我们也同样看到了准扁平化设计模式，并且在Google中我们体验良好，而在Win8 metro中受到的评论并非这么乐观，所以不管是属于什么设计，设计的美在于是否适合，我不敢说扁平化设计就比谁好，这种非黑即白的理论并不适合。但我敢说扁平化设计在网站建设、网页设计中有非常大的优势，简直说可以弥补长年的兼容诟病，我喜欢扁平化设计。

什么是扁平化设计Flat Design？扁平化设计是未来的趋势吗

因为调用的资源会变多，资源越多程序便会运行的越慢，最终影响到用户体验。Android 4.0开始，已经变得很扁平化了，这样不同分辨率情况下同一套资源经过放大缩小，显示的效果几乎没什么差别。 Win8的出现，我相信是微软认识的到了这一点，为什么XP运行内存跟win7的运行内存有差别那么大，win7的玻璃质感效果的确很好，动画效果很不错，所以导致，win7的运行内存就占了内存的很大一部分，所以配置差点的电脑使用XP一点都不卡，但是使用win7就会卡顿、死机，直接拖垮用户体验。所以win8出现了，不管在surface RT 以及PRO上面运行都很流畅。很大一部分是因为采用扁平化设计，提升用户体验所致。采用Flat UI风格的优点：弱化UI，去除冗余的视觉元素干扰，加快用户信息资源吸收，放弃原本精致的画面，注重交互效果的自然流畅美观，提升产品的用户体验。

不要说个人对哪种分格喜欢不喜欢的原因，产品的GUI设计在需求面前不堪一击，你不使用这个产品不会因为它的风格你不喜欢（比如12306）。决定产品成败的是需求，确定产品竞争力的是用户体验，而GUI只不过是用户体验里的一小部分。

如何做到win10风格扁平化设计

样的显著功能之外，Windows10还拥有不少改变了系统外观和感觉的细微改动，那么Win10界面究竟带来哪些变化呢？下面是笔者带来的Win10界面改动说明。扁平化的图标 Windows8虽然加入了风格迥异的开始屏幕，但除了开始菜单被移除之外，系统的桌面模式却没有什么变化，基本还维持着Windows Vista时的风格，也就是所谓的Aero Glass设计。虽然这种透明化的美学风格在当时看上去很棒，但现在已经显得有些过时了。而Windows10对系统的桌面进行了一番重大修改，包括桌面图标、网络设置、家庭组和部分文件夹在内的元素都受到了影响。新的图标更具扁平化的风格，这也是Android和iOS如今所推崇的。这种外观设计和Windows8的Metro风格也存在明显不同。在移动设备上，极简的Metro带来了优雅直观的美学设计，但在PC上，许多用户都抱怨它太过简单了。

台式机和笔记本都拥有大尺寸的显示屏，那为什么还把大量的屏幕空间白白浪费，仅是填充上大片的纯色呢？在Windows10当中，桌面图标变得扁平了，并提供了更多信息，这也在最大程度上利用了屏幕空间。原来的空白区域现在被更小、更复杂的项目所占据，它们依然很显眼和易读，但比占据Windows8的磁贴要更加精细。蓝色似乎成为了微软的新宠，这是他们在发布会上所用的色彩主题，同时也体现在了许多新图标上。虽然这不免让人联想到同样拥有很多蓝色图标的Mac OS X，但两款系统的区别也仅限于此。除了颜色，这两款操作系统的图标看上去非常不同。微软对于扁平化的追求要更激进一些，彻底放弃了渐变效果。简洁性和大量蓝色的使用让我们想起了曾经的Windows 95/98，但精细程度和对比度都更高了。

但扁平化的处理却并未完成。文件夹、磁盘和库图标和从前一样，未有任何改变。而在任务栏当中，新的Home文件夹看上去和其他文件夹很不同。此外，搜索和任务视图也体现出了扁平化的风格。很显然，曾经的Aero图标最终会被完全替代。更窄的边框在每一个窗口化的应用程序当中，微软还带来了一个细微但统一的改变：除了标题栏之外，系统中所有窗口的边框都不见了。这其实是多年演变的一部分。Windows8保持了Windows Vista和Windows7的Aero式图标，但用扁平化替换掉了透明的外观严格来讲，这些窗口并不是完全没有边界的，但在标题栏的映衬之下，这些苗条的边框几乎可以完全被忽略，这也让Windows10的外观和Windows8相比显得更加精致了。新的开始菜单微软在Windows10身上采取的美学设计风格已经很明显了：扁平化，蓝色的主色调。

但如果你打开开始菜单，那事情就变得有些仍然让人疑惑。 Windows10新的开始菜单就像是一个被缩小了的Windows8开始屏幕，这正是问题的所在：其中的Metro设计元素和Windows10的更加精细的桌面模式并不搭调，在这个新的Windows环境当中，两者之间的差距看起来有些太大了。在开始菜单当中加入动态磁贴只会放大Windows10两个部分之间的区别，对实用性几乎没有帮助。但如果彻底放弃Metro元素，那就相当于承认Windows8对于非触屏设备来说根本一点用也没有。而即便忽略掉动态磁贴，开始菜单看上去依然不对劲。在默认下，它的色彩会根据系统主题而变化，但这同时也是Windows10当中唯一会适配系统主题的菜单。把它和Windows7直接对比你就会发现，后者仅更易阅读，同时也显得更加紧凑。

当打开“所有应用”之后，会有一个肥厚的滚动条出现，而开始菜单本身的搜索功能由和菜单中右下角的搜索按钮相冲突。这些问题都表明，从设计的角度来讲，微软都还没有彻底决定自己想让开始菜单变成什么样。从前的元素首次使用Windows10的感觉和Windows8存在很大不同。开始菜单的加入以及把搜索功能带回桌面让大多数用户都不必再去使用Metro界面。但Windows8的身影并没有在新版系统当中彻底消失。比如说，Wi-Fi菜单并没有恢复到之前的状态，或者是迎来新的扁平化外观。此外，Windows8的Metro应用功能会在桌面搜索结果当中占据主要位置，即便系统中存在其他拥有相同功能的桌面菜单或应用。微软需要在Windows10正式发布之前解决这个问题，因为这对于入门用户来说会显得非常让人疑惑。

Aero也没有彻底消亡。任务栏依然维持着毛玻璃的外观，新的任务视图也大量使用的透明化风格。我们希望任务视图在系统发布之前能够得到调整，因为目前的设计看上去是Windows Vista,8和10的奇怪混合。总结：微软说Windows10技术预览版是一个相当早期的版本，事实的确如此。我们虽然没有看到太多的bug，但这款操作系统显然还没有完工。但是，我们还是可以明显看出Windows10想要让自己区别于之前的版本。虽然Windows10更加重视桌面体验，但微软并不只是在扭转Windows8所带来的改变。作为替代，微软将Windows Vista/7和Windows8/8.1当中成功的部分集中在了一起，这种方式将会帮助我们来判断Windows10是否是一个拥有明显进步的系统版本。