. . . .
扁平化设计的大要点
如今设计界最炙手可热的明星大概就是扁平化设计了吧，关于它的讨论至今都没有冷却的迹象。诸多设计师分成了泾渭分明的两个阵营，一边努力把扁平化做到极致，一面对其不屑一顾。
那么，扁平化究竟该怎么实现怎么应用呢？下文将要做的就是分析扁平化的五个最典型的特征，同时也介绍一下伪扁平化（不含贬义，只是一种折衷的设计方式）。
一、拒绝特效
5
扁平化这个词来自于这种设计所使用的样式和形状，它完全属于二次元世界，一个简单的形状加没有景深的平面，不叫扁平化都浪费这个词了。
这个概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出3D效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。
这一设计趋势极力避免任何拟物化的元素，这导致这一设计风格在其它平台有时候显得突兀，前景图片、按钮、文本和导航栏与背景图片格格不入，各成一派。那么，扁平化的效果如何呢？
因为这种设计有着鲜明的视觉效果，它所使用的元素之间有清晰的层次和布局，这使得用户能直观的了解每个元素的作用以及交互方式。如今从网页到手机应用无不在使用扁平化的设计风格，尤其在手机上，因为屏幕的限制，使得这一风格在用户体验上更有优势，更少的按钮和选项使得界面干净整齐，使用起来格外简单。
扁平化设计通常采用许多简单的用户界面元素，诸如按钮或者图标之类。设计师们通常坚持使用简单的外形（矩形或者圆形），并且尽量突出外形，这些元素一律为直角（极少的一些为圆角）。
这些用户界面元素方便用户点击，这能极大的减少用户学习新交互方式的成本，因为用户凭经验就能大概知道每个按钮的作用。
此外，扁平化除了简单的形状之外，还包括大胆的配色。但是需要注意的是，扁平化设计不是说简单的搞些形状和颜色搭配起来就行，它和其他设计风格一样，是由许多的概念与方法组成的。
由于扁平化设计的使用特别简单的元素，排版就成了很重要的一环，排版好坏直接影响视觉效果，甚至可能间接影响用户体验。
字体是排版中很重要的一部分，和其他元素相辅相成。想想看，一款花体字在扁平化的界面里得有多突兀。上图是一些扁平化使用无衬线字体的例子。无衬线字体家族庞大分之众多，其中有些字体会在特殊的情景下会有意想不到的效果。但注意，过犹不及，不要使用那些极为生僻的字体，因为保不齐它就把你带进坑里了。
如何使用字体也是一门学问，要学会让不同的字体表达不同的概念，通过字体告诉用户这某一设计／功能的含义，努力使字体成为你简化设计的有力武器。
四、如何配色
扁平化设计的配色方案 扁平化概念的核心意义是：去除冗余、厚重和繁杂的装饰效果。下面是带来的扁平化设计的配色方案，欢迎阅读! 1、确定色彩基调 扁平化设计并不局限于某种色彩基调，它可以使用任何色彩。但是大多数的设计师都倾向于使用大胆鲜艳的颜色。 那么，如何让扁平化设计在色彩上与众不同呢?设计师正在不断地增加色彩层次，将原本的一两个层次层加到三个、四个甚至更多。这些色彩的亮度和饱和度大都非常高。 在进行扁平化设计时，传统的色彩法则就不适用了，转而以彩虹色这种流行色来进行配色。 扁平化设计一般都有特定的设计法则，比如利用纯色，采用复古风格或是同类色。但并不是说这是唯一的选择，而是这种方式已经成为一种流行的趋势，也更加受大家欢迎。 2、纯色 提到扁平化设计的色彩，纯色一定首当其冲地出现在我们脑海里，因为它带来了一种独特的感受。纯粹的亮色往往能够与明亮的或者灰暗的背景形成对比，以达到一种极富冲击力的视觉效果。所以说，在进行扁平化设计时，纯色绝对是最受欢迎的色彩趋势。 3、从哪里开始? 前面设计达人网分享过Metro的配色方案，而 FlatUIColors.将扁平化设计中最受欢迎的色彩进行了一个，从宝蓝和草绿到明黄和
橘黄色，这些色彩概括出了我们现在能够看到的色彩趋势。这个网站将是进行扁平化设计的第一步，因为你能够下载任何你看中的色彩。 在扁平化设计中，三原色是很少见的，即正红、正蓝和正黄。 简单起见，在一个扁平化设计方案中，如果你想快速的配色，那就选择相似的色调和饱和度。另外，本文也将提供一些色彩样本。 样本：利用色彩进行一组扁平化设计的色彩配色。每一种色彩都能与背景形成最强劲的视觉冲击。 最受欢迎的色彩：蓝、绿、紫 4、复古色 在进行扁平化设计时，复古色也是一种常见的色彩方式。 这种色彩虽然饱和度低，但却是在纯色的基础上添加白色，以使色彩变得更加柔和。复古色经常以大量的橘色和黄色为主，但有时也有红色或蓝色。 在扁平化设计中，以复古色为主色调是很常见的，以为这种色彩能够使页面变得更加柔美、富有女性气质。 样本：在扁平化设计中，如果将复古色作为主色调，呈现效果最好。 最受欢迎的色彩：橘色、粉色或绯色和深蓝。 5、同类色(单色调) 在扁平化设计中，同类色正迅速成长为一种流行趋势。这种色彩往往以单一颜色搭配黑色或白色来创造一种鲜明且有视觉冲击的 效果。
视觉设计基础三大构成 1.平面设计三大构成元素：点，线，面。 2.点的分类（点是相对的）：大与小，实与空，浓与淡，寡 与众，实与虚，图与文，抽象与具象，光滑与粗糙 3.设计准则：视觉的重量和方向 点的视觉重量（重量即为吸引注意力的程度）
鹤立鸡群，万里从中一 点红 在作品中，每一个要素都发挥着它该有的视觉的力量去吸引用户的眼睛。这个力量越大，它吸引的目光就越多。同时它还作用于其他的视觉要素，传递出潜在的视觉移动方向的信息，并且告诉观众接下来该看什么。 我们把这个力称作视觉重量;把它感知视觉方向的力称作视觉方向。 6.视觉重量的几个基本特点：尺寸、颜色、色值、位置、纹理、形状和方向。 （1）尺寸 大要素的视觉重量比小要素的重（大尺寸更加吸引注意力）。 （2）颜色 暖色更倾向于前景，一般都比较突出，同时暖色比冷色更重。冷色则往背景方向逐渐远去。红色被认为是最重的颜色，黄色则是最轻的颜色。 （3）色值 深色元素的视觉重量比浅色元素重。 （4）位置
在一个作品中，处于更高位置的要素一般比更低位置的要素重。位于中心区域或重要区域的元素更重。 （5）纹理 有纹理叠加的要素比没有纹理的要重。纹理让物体呈现三维的效果，同时给予它质量和视觉重量。 （6）形状 规则的物体比不规则的物体要重，因为不规则的物体就像是规则的物体被切掉一部分后得到的。 （7）方向 垂直方向的物体比水平方向的物体重，但最重的是倾斜的物体。 （8）密度 填充更多的元素到空间中，去增加空间的视觉重量。观者将会感受到更复杂的的组合要素，而非更简单的要素。（密比稀重） （9）白色空间 纯白的空间看上去没有视觉重量，因为它太空了。任何一个在空白中的物体似乎都更重了，原因是周围的空间都包围着它。 （10）本身的兴趣 有些事比其他的事物更有趣，更复杂的元素就更有趣，也能吸引更多的眼球。本身的兴趣也扮演了一个角色，如果
扁平化风格在网页界面设计中的应用研究 发表时间：2019-08-08T15:33:50.780Z 来源：《知识-力量》2019年9月35期作者：刘定安王正阳 [导读] 本文将立足网页界面设计，探讨扁平化风格在网页界面设计中的应用，以期为有识之士提供参考，整个各个设计元素，使网页界面呈现出简洁大方的视觉效果 （大连工业大学艺术与信息工程学院艺术设计系） 摘要：本文将立足网页界面设计，探讨扁平化风格在网页界面设计中的应用，以期为有识之士提供参考，整个各个设计元素，使网页界面呈现出简洁大方的视觉效果。 关键词：扁平化风格；网页界面；界面设计 前言： 现代技术不断发展，网页界面设计突飞猛进，如何提高网页界面设计水平，成为各个设计师关注的重点。扁平化风格秉持“less is more”的原则，强调简单为美，更具当代特色，也更加符合当代人的审美需要。为了优化网页界面视觉效果，设计师应该把握扁平化风格的内涵，将其应用在网页界面设计中。 1扁平化风格概述 在视觉设计中，扁平化设计占据着非常重要的位置，扁平化设计强调事物的化简为零，强调去除一切装饰效果，追求设计元素最真实的美感，打破了元素的边界，放弃了复杂的设计手法。与传统设计相比，扁平化设计还原了设计元素的真实状态，观者在浏览设计作品时，会将着眼点放在作品信息上，而不是将着眼点放在作品形式上。扁平化设计的主要目的是突出设计内容，简化设计形式，达到内容与形式的完美契合，并突出设计主题，传递设计情感[1]。扁平化风格常常与“极简主义”这一类名词联系在一起，秉持“less is more”理念，并强调通过设计元素的精简搭配来再现信息。扁平化设计是最常见的设计风格之一，也是在世界范围内享誉程度最高的设计风格之一，其经久不衰，魅力恒远。在浏览扁平化界面时，用户可以迅速捕捉自己想要查询的信息，避免过度消耗时间和产生认知障碍。 2扁平化风格在网页界面设计中的应用 2.1应用图形 图形是最重要的网页界面设计元素之一，在开展扁平化设计的过程中，经常要应用图形，包括抽象图形等等。抽象图形是对图形元素进行高度概括和抽象处理之后形成的图形，这些图形具有明显的扁平化特征，能够直观地传递信息，深化用户对信息的记忆和理解。以“淘宝网”为例，对淘宝网进行分析，可以发现界面上的按钮并没有纷繁复杂的装饰物，其具有几何形轮廓，但又不是标准意义上的几何形，是抽象化的几何图形。鼠标移动到图形上方和未移动到图形上方，图形将呈现不同的视觉效果，依靠图形变化即可以区分鼠标的操作状态。在开展抽象图形设计的过程中，设计师需要把握这一图形所对应的的功能，并对具象的几何图形进行高度概括，填充几何图形的色彩、纹路、文字等等。在缺少辅助的情况下，应该保证几何图形仍然能够承担信息。 除了开展抽象几何图形设计之外，还可以采用去底方法，去除图片的背景，将图片单独剥离出来。“淘宝网”中的很多商品信息都是采用了去底方法，对原来物品进行了还原。在纷杂的背景中，用户很难在第一时间捕捉到主体信息，查看商品的外形、细节等，但是采用去底方法后，用户可以在第一时间找到主体商品。去底方法拓展了画面的空间范围，凸显了图片中的重要信息。图片在网页设计中必不可少，设计师在挑选图片时应该保证图片与页面主题的一致性，并对图片颜色、图片形状进行适当调整，对阐释性文字进行有效排列，使画面更加清晰可观。 2.2搭配色彩 在对网页色彩进行设计搭配时，需要考察颜色所代表的情感，或是颜色所代表的意象意境等。色彩设计需要和网页主题保持一致，设计人员需要遵循网页的主题基调，并注重发挥色彩的导向功能。以“豆瓣阅读”为例，“豆瓣阅读”网站是综合性图书阅读网站，其情感主题为“安谧”，因此设计人员在设计网站界面时，呈现给了读者一个安静、舒适的阅读环境，采用了赭石色和浅灰色相融合的方式。浅灰色为“豆瓣阅读”的背景色，赭石色为“豆瓣阅读”的主页色，二者相互搭配，营造了和谐的静谧氛围，拉近了用户与页面之间的距离。 色彩层级搭配在网页设计中非常重要，设计人员需要控制色彩的饱和度。扁平化设计一般采用大的色块，在色块上记录重要的文字信息。扁平化设计页面上的色块大多面积比较大，因此需要尽量选择低饱和度的色彩，扩展色彩所承载的空间信息。低饱和度的色彩主要包括以下几个：第一是黄色，黄色色块明艳简洁，大方得体；第二是蓝色，蓝色色块清澈静谧，洁净整洁；第三是红色，红色古典高贵，端庄高雅。除了应用低饱和度的色彩之外，还可以将低饱和度色彩、高饱和度色彩整合起来，如应用低饱和度的深灰色、高饱和度的暖黄色等。在混合搭配色块上承载的信息将得到凸显，吸引用户的注意力。 2.3设计文字 文字设计含括的内容比较广泛，具体包括字体设计、颜色设计、排版设计等等，在开展扁平化设计时，需要区分文字的主次信息，使文字交叠形成一种纵深感，平衡空间画面，突出重点信息。扁平化中的字体大多传递了设计者的情感，因此可以将字体作为用户与设计师的情感纽带。以宋体字为例，宋体字规整端庄，方方正正，得体美观，且占据的空间不大，在长段文字中非常适用，大多出现在网页界面的正文中。以黑体字为例，黑体字非常醒目，其干净利落，庄重肃静，占据的空间比较大，经常作为网页界面的标题。除了字体设计外，还需要改变文字的字号，如文字的大小、文字的粗细等等[2]。文字大小、粗细应该和图片一一对应，设计师在进行文字编排时要秉持简洁设计原则，直观突出文字内容。颜色设计也是文字设计的重要内容，颜色大多与网页界面的主题色彩相关。设计师应该注重字体色彩和背景色的协调性，字体不能过于突兀，也不能混于背景之中。排版设计大多与设计师的主观倾向、扁平化设计的个性化风格有关。以“中国风”设计主题为例，很多设计师偏好竖向的文字排版，认为竖向文字排版更具古风气息。 结论： 综上所述，随着时代的不断发展，我国设计领域取得了许多硕果。在网页界面设计领域，扁平化设计的应用范围广泛，扁平化风格已经成为时代之声，其迎合了当代人的审美需要，反映了社会的发展特征。为了优化网页界面设计，设计师应该汲取中外扁平化设计的经验，对图片、色彩、文字等元素进行优化设计。 参考文献 1]金燕飞.扁平化设计技术在网页设计中的具体运用——以中国民航飞行学院洛阳分院网站改版为例[J].艺术科技,2015,28(06):49. 2]叶成闻.扁平化设计的极简特性及其在电子商务网页中的应用[J].现代装饰(理论),2015(03):133-134.
浅谈高校组织结构的检视和“扁平化”组织结构设想(一) 论文关键词：创新能力高校内部组织扁平化结构 论文摘要：高校组织结构决定了高校组织中的指挥系统、信息沟通网络和人际关系，最终影响组织效能的发挥。长期的计划经济，使我国高校的自主权受到很大的束缚，导致高校内部组织结构过于僵化，缺乏灵活性、创造性，影响了教师创新能力的发挥。因此需要构筑有利于教师创新的、中间行政管理环节尽可能少的“扁平化”内部组织结构。 一、引言 高校组织结构是指高校组织内部各组成部分之间关系的一种模式。组织通过一定的结构形式固定管理流程和资源分配。从管理上看，一个有效的组织创造出的价值应大于其个体单独创造出的总和。机构理论认为，组织结构决定组织的功能，功能是结构的表现。只有组织的结构合理，组织的功能才能得到最大的发挥。因此，合理的高校内部组织结构对高校的发展有举足轻重的作用。 二、我国高校内部结构的组织学检视 在20世纪70年代末，挪威学者达林(Dalin，P)就对学校组织结构提出批评，认为学校组织的目标不明确，内部整合性差，信息基础薄弱，缺乏必要的竞争等。我国的高等教育形成于半殖民半封建主义时期，解放后，大学的组织结构在设计上因受传统因素的影响，带有很强的政治性，基本是按照官僚行政组织模式建立起来的。而且长期计划经济，使我国大学组织的自主权受到很大的束缚，导致大学组织结构和功能不同于世界大多数国家，组织结构过于僵化，缺乏灵活性、创造性，难以适应当前高等教育改革形势的需要。主要表现在以下几个方面： (一)内向型与封闭性 20世纪六七十年代，美国教育家西奥多·赫斯伯格曾经说过，“大学是所有社会机构中最保守的机构之一”。我国大学由于长期以来受纵向的行政权力约束，高校成了政府的附属物，高校管理模式机关化。在我国大学组织设计与建设中，过多强调各层级管理职权的权威性，追求刻板的科层化价值取向。侧重于管理层级问的有序性、统一性，忽略了大学组织所特有的自由、无序性。我国大学组织结构还不是开放的治理结构，而是一种内向的封闭的管理结构，它侧重于对学校内部已有资源的管理。正如早期“以生产为中心”的营销观念，我国大学侧重于内部的科研和教学，却不重视高校产品的人口与出口(招生与毕业生就业)，不注重市场的需求，导致大学的内部管理活动与社会需求严重脱节。这种封闭、僵化、静止的管理层级状态所产生的部门界限、上下级界限等阻断了分散化的个人知识在大学组织内部的传递，知识共享和创造，目标在这样的组织环境中难以达成。 (二)市场、行政、学术力量的失衡 在大学中设置党委，是我国与西方发达国家高校教育体制中组织与管理的根本区别之一。我国大学是实行党委领导下的校长负责制，党委对我国大学的组织活动有很强的控制权J。我国大学组织中主要采取的是“行政权力主导化”的管理模式，学校中的重大事项都由行政权力决策管理。学术力量薄弱，学术权力基本为行政权力所取代，往往用行政管理的方式管理学术事务，用行政决策决定学术问题。近些年来，尽管学术权力参与学校事务管理的意识有所加强，但在其深度和广度上都还远远不够，造成学术权力与行政权力之间的失衡或不协调。同时，由于长期依赖政府，我国大学远不如企业在面对生死攸关的市场时反应那么敏捷，创新那么强烈，而是极少运用外部影响力量来调整组织结构，没有据此来进行战略规划、项目评估和资源分配，缺乏运用各种社会力量和优势来办学，缺乏市场力量对学校的激励与约束，因此，被戏称“大学是市场经济的最后一块堡垒。”(三)科层化结构导致大学机构臃肿 根据马克斯·韦伯的科层组织理论，科层组织是按照权力等级和严格的纪律理性建立起来的。由于历史和体制的原因，我国大学组织普遍采用以行政权力为主导的科层化组织结构。大学
扁平化设计五大原则 发表于2013-05-30 07:35| 41294次阅读| 来源CSDN| 51条评论| 作者王然 扁平化设计产品设计 摘要：这段时间以来，扁平化设计一直是设计师之间的热门话题。那什么是扁平呢？designmodo设计师Carrie Cousins总结扁平化的五大特点，并且介绍了“准”扁平化设计理念及其优缺点。 这段时间以来，扁平化设计一直是设计师之间的热门话题。每个人都有自己的独特认识，有的非常喜欢而有的人却恰恰相反。那什么是扁平呢？designmodo设计师Carrie Cousins在网站上介绍了扁平化的五大特点，以及“准”扁平化设计的优缺点。CSDN编译如下。Cousins表示他虽然对扁平化设计的感觉非常强烈，但并没有特别热爱或者特别讨厌扁平化设计。他认为好的设计不应当局限于某种设计风格，而需要更注重可用性、有用性。如果因为时尚的缘故，那就顺其自然吧。但该趋势并不适合一切项目，所以不能强求所有应用都遵从这一风格。 拒绝特效
顾名思义，扁平化设计仅仅采用二维元素。所有元素都不加修饰——阴影、斜面、突起、渐变这样会带来深度变化的设计都是不应该的。从图片框到按钮，再到导航栏都干脆有力，需要极力避免羽化、阴影这样的特效。现实主义、3D、拟物化更是扁平化设计的大敌。 扁平化设计中的层次和其它的一一对应，但各个位面间没有交叉，不会明确区分背景图片、前景图片、按钮、文本、导航，等等。 那如何做好扁平化设计？扁平化设计依赖于清晰的层次结构和元素布局，优秀的扁平化设计应该能帮助用户理解产品以及交互。 现在，越来越多的网站开始应用扁平化设计，在App和移动设计中这一趋势更为明显。在小屏幕中，按钮和选项更少，也让扁平化设计如鱼得水。 仅使用简单的元素
海报设计中的常用表现技法 直接展示法 这是一种最常见的运用十分广泛的表现手法。它将某产品或主题直接如实地展示在广告版面上,充分运用摄影或绘画等技巧的写实表现能力。细臻刻划和着力渲染产品的质感、形态和功能用途,将产品精美的质地引人入胜地呈现出来,给人以逼真的现实感,使消费者对所宣传的产品产生一种亲切感和信任感。 这种手法由于直接将产品推向消费者面前,所以要十分注意画面上产品的组合和展示角度,应着力突出产品的品牌和产品本身最容易打动人心的部位,运用色光和背景进行烘托,使产品置身于一个具有感染力的空间,这样才能增强广告画面的视觉冲击力。 突出特征法 运用各种方式抓住和强调产品或主题本身与众不同的特征,并把它鲜明地表现出来,将这些特征置于广告画面的主要视觉部位或加以烘托处理,使观众在接触言辞画面的瞬间即很快感受到,对其产生注意和发生视觉兴趣,达到刺激购买欲望的促销目的。 在广告表现中,这些应着力加以突出和渲染的特征,一般由富于个性产品形象与众不同的特殊能力、厂商的标志和产品的商标等要素来决定。 突出特征的手法也是我们常见的运用得十分普遍的表现手法,是突出广告主题的重要手法之一,有着不可忽略的表现价值 对比衬托法 对比是一种趋向于对立冲突的艺术美中最突出的表现手法。它把作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现,借彼显此,互比互衬,从对比所呈现的差别中,达到集中、简洁、曲折变化的表现。通过这种手法更鲜明地强调或提示产品的性能和特点,给消费者以深刻的视觉感受。 作为一种常见的行之有效的表现手法,可以说,一切艺术都受惠于对比表现手法。对比手法的运用,不仅使广告主题加强了表现力度,而且饱含情趣,扩大了广告作品的感染力。对比手法运用的成功,能使貌似平凡的画面处理隐含着丰富的意味,展示了广告主题表现的不同层次和深度。 合理夸张法 借助想象,对广告作品中所宣传的对象的品质或特性的某个方面进行相当明显的过份夸大,以加深或扩大这些特征的认识。文学家高尔基指出:“夸张是
40个扁平化设计风格的网站作品 之前有为大家展示了黑色配色方案的网站作品，今天我们将整理使用流行的扁平化设计的网页设计给大家欣赏，国外很多网站为了增加更好的用户体验，多数网站使用响应式设计来兼容平板电脑、手机多平台浏览，而使用扁平化网页会更容易实现这些技术。 如果你是网页设计师，又想获得更多的设计灵感，那么最好最快速的方式就能参考高质量的网页设计了。 下面为大家整理40个使用扁平化设计风格的网页设计作品，这些网站制作使 用HTML5,css3,响应式设计技术，我想你就看看就能受益非浅哦！ Human Hubris 人类的狂妄自大–介绍可能即将灭绝于地球的动物。动物使用扁平化的多边形绘制，很好看。
Human Hubris A Guide to Making Things A Guide to Making Things Teamgeek 一个伟呼机服务类的机构网站设计。 Teamgeek
Poolhouse Poolhouse Fixed Digital Agency 一个设计服务网站，网站使用视差滚动设计，十分有特色。
Fixed Digital Agency MoonCamp Mooncamp 是一个和Basecamp 相关的应用，具体怎样没体验过…… MoonCamp Robby Leonardi 这个网站的设计看起来让我想去超级马里奥。 Robby Leonardi
NBAllstats 一个展示NBA球队的数据，数据从1970年就开始整理。 NBAllstats Brooklyn Brooklyn 是一个强大的wordprssed主题，功能十分完整，无论你用来做企业网站、博客、作品集展示、设计工作室网站都很适合。 Brooklyn
浅谈UI设计的演变——扁平化设计风格 高一（1）班凌霄/文 2013年9月，苹果正式对外发布了其最新一代移动设备操作系统——iOS7，这是继iOS3至iOS6以来最大的一次升级，也带来了其用户界面（UI）的一次非常巨大的变化。苹果自此摒弃了以往的拟物化UI设计风格，而开始走扁平化路线。记得当初iOS7刚发布，就招致了极大的争议，贬褒不一：有人支持新系统的UI，也有人极力反对。近三年过去了，苹果一直在延续这种扁平化的设计风格，并且于此同时，扁平化（或者说与拟物化相对的抽象化）设计也在其他品牌、其他领域不断蔓延发展，大有成为主流之势。 说到这种扁平化设计，其实最早将其应用于UI中的并非苹果，而是同样知名的科技公司——微软。微软在2010年于Windows Phone7中正式引入了Metro界面设计语言，并且在接下来的诸如Windows8、Windows10以及Office2015、Office2016等大量产品中都将这种设计予以延续和发展。更早在2006年，微软在其发布的便携式播放器Zune中就运用了类似的设计，可以说是Metro 风格的前身。Zune带着它简洁明了、富有科技感的UI，在当时一众拟物化风格的产品中惊艳登场，许多人都为之感到惊叹，大呼“美爆了！逼格好高！”（←_←诶，当时好像还没有“逼格”这个词）不得不感叹新设计的诱人之处和明显优势。
从上面可以看到，扁平化风格在电子产品UI领域的创始者不是苹果，而是微软，但却是一开始对其不屑一顾甚至抵触的苹果将其发扬光大、推向主流。事实证明，这种设计风格迎合了当今审美的最新需求和标准（又或许是新的设计引领了审美的转变吧），越来越多的产品上出现了这种类似的风格，大量产品——无论是实物外观设计还是使用界面等的设计——画风大转，原本拟物化的调调儿一去不复返，转而纷纷投向带有极简和实用主义色彩的新式流行风味。就连一些大公司的logo也发生了变化：比如说之前提到的微软本身，相信很多人的对他的四格logo再熟悉不过（就算是每次开机时的洗脑也足够我们牢记这个标识了），然而微软在2012年也将其之前几年一直使用的带有立体感的波浪形四格logo改成了完全直线构成的矩形四格色块，并且在以后的操作系统（Windows8等）中得以使用。同样，在其他的设计领域，这种设计风格也越来越得到追捧。比如现如今各种文字中非衬线字体的大量运用（如黑体、微软雅黑、等线、Arial等等，而宋体、Georgia、Time New Roman等衬线字体则相对变得不那么热门）。 不仅如此，设计风格还呈现出了先抽象、后拟物（具象）、再又走向抽象的轮回式趋势。再拿计算机操作系统举例，早期的操作系统都是一些最基本的纯文本单色界面，通过一个个的小显示点来构成文字（或者也有少量简单的图案）；随着图形用户界面（GUI）的出现，用户界面变得越来越复杂华丽，越来越拟物化、具象化；而到了前两年，自从Win8开始，操作系统的界面又变得简洁和抽象。我个人
平面设计表现手法常识 平面设计表现手法常识 这是一种最常见的运用十分广泛的表现手法。它将某产品或主题直接如实地展示在广告版面上，充分运用摄影或绘画等技巧的写实表现能力。细臻刻划和着力渲染产品的质感、形态和功能用途，将产品精美的质地引人入胜地呈现出来，给人以逼真的现实感，使消费者对所宣传的产品产生一种亲切感和信任感。 这种手法由于直接将产品推向消费者面前，所以要十分注意画面上产品的组合和展示角度，应着力突出产品的品牌和产品本身最容易打动人心的部位，运用色光和背景进行烘托，使产品置身于一个具有感染力的空间，这样才能增强广告画面的视觉冲击力。 2.突出特征法 运用各种方式抓住和强调产品或主题本身与众不同的特征，并把它鲜明地表现出来，将这些特征置于广告画面的主要视觉部位或加以烘托处理，使观众在接触言辞画面的瞬间即很快感受到，对其产生注意和发生视觉兴趣，达到刺激购买欲望的促销目的。 在广告表现中，这些应着力加以突出和渲染的特征，一般由富于个性产品形象与众不同的特殊能力、厂商的企业标志和产品的商标等要素来决定。 突出特征的手法也是我们常见的运用得十分普遍的表现手法，是突出广告主题的重要手法之一，有着不可忽略的表现价值 3.对比衬托法 对比是一种趋向于对立冲突的艺术美中最突出的表现手法。它把作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现，借彼显此，互比互衬，从对比所呈现的差别中，达到集中、简洁、曲折变化的表现。通过这种手法更鲜明地强调或提示产品的性能和特点，给消费者以深刻的视觉感受。 作为一种常见的行之有效的表现手法，可以说，一切艺术都受惠于对比表现手法。对比手法的运用，不仅使广告主题加强了表现力度，而且饱含情趣，扩大了广告作品的感染力。对比手法运用的成功，能使貌似平凡的画面处理隐含着丰富的意味，展示了广告主题表现的不同层次和深度。 4.合理夸张法 借助想象，对广告作品中所宣传的对象的品质或特性的某个方面进行相当明显的过份夸大，以加深或扩大这些特征的认识。文学家高尔基指出：“夸张是创作的基本原则。”通过这种手法能更鲜明地强调或揭示事物的实质，加强作品的艺术效果。 夸张是一般中求新奇变化，通过虚构把对象的特点和个性中美的方面进行夸大,赋予人们一种新奇与变化的情趣。
Rdio Rdio最新版本的网站及产品界面中都采用了很彻底的最小化、扁平化的设计风格，你很难找到使用了阴影、渐变等效果的界面元素。 Nest 在他们的网站中，实际的产品及相关的应用环境照片作为“真实”元素融入到扁平风格的媒介载体 当中，虚实结合，让访问者可以很容易的将注意力聚焦在产品上，而不会被网站界面上的视觉元素所干扰。
对设计风格的选取最终还是要取决于具体产品的实际情况。在我个人看来，相比于拟物化而言，扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。 无论采用怎样的风格，优秀的界面设计都需要遵从一些共通的设计原则： 一致性 通过具有一致性的设计模式及视觉风格，为用户建立起完整一致的心智模型，使产品更加易用，提升整体体验。 对比 通过对配色、尺寸和布局的调整，使可点击的界面元素在视觉上与其他元素形成鲜明的对比。 布局 可以尝试使用960gs一类的网格布局为界面设定视觉规范，使用户的视线可以跟随内容本身所界定出的路径自然的移动，增强界面的视觉平衡。 层级化 最重要的东西要比相对次要的东西更容易被看到。关于这个话题我可以写一整篇文章出来，简单的说，就是在界面设计中着重突出那些与核心功能与常见用例相关的交互元素，而将其他操作元素置于次要位置，这可以使界面得到最有针对性的优化和简化。
目标用户 不同类型的用户所青睐的界面风格也有所不同。建筑、设计、时尚等领域的用户可以更好的拥抱扁平化风格，而其他更加“普通”的用户则更容易接受相对传统的拟物化界面。 反馈 当点击行为发生时，要立刻向用户提供清晰明确的视觉反馈。动画过渡效果就是一种比较常见的反馈方式，例如在用户执行操作后，使用旋转图标提示用户系统正在进行响应。 降低“摩擦力” 无论采用怎样的视觉风格，都要使界面尽量简化，减少用户完成目标所需执行的操作，打造更加流畅的交互体验。任何一点障碍或额外的步骤都会提高操作成本，增加功能的复杂度，进而降低转化率。 鼓励探索 了解目标用户有可能对产品进行哪些方面的探索。一旦他们习惯了产品的界面与基础功能，并开始向“高级用户”的阶段进发时，要为他们的探索和学习行为进行必要的指引与“奖励”回馈。 原型 无论风格如何，界面形式都取决于实际的功能。好的设计方案离不开产品前期的规划工作，特别是通过草图或线框原型进行的探索。识别出最核心的用例需求，使用原型不断尝试和验证，为接下来的界面设计工作打下坚实的基础。 人人都是产品经理（https://www.doczj.com/doc/a19673279.html,）中国最大最活跃的产品经理学习、交流、分享平台
从戴尔公司案例浅析组织扁平化优劣 一、戴尔公司管理案例 （一）戴尔公司发展历程 总部设在美国德州奥斯汀的戴尔公司是世界上最成功的采用网络直销的计算机公司。按照客户的需求来制造计算机，并向客户直接发货，这就是戴尔的核心经营理念。戴尔通过了解客户需求的最新变化来调整自己的产品结构，使自己的产品总能满足客户的最新需求。这种积极的、迅速的产品调整，让戴尔获得了与竞争对手不同的差异化优势。 正是这种经营理念使戴尔自1984年成立以来，在1993年即成为全球五大计算机系统制造商之一。2000年每天的网上营业额达到5000万美元，2001年戴尔成为全球市场占有率最高的计算机厂商。截止2008年，戴尔公司在全球拥有大约78900名员工，全球市场占有率13.7%，收入规模位居世界第一，出货量位居世界第二，年收入超过611亿美元，在世界财富500强中位列第34位。 （二）戴尔公司的组织管理模式 戴尔公司取得的巨大成功，是与其扁平化的组织管理模式分不开的。公司在总裁下设四个事业部，其中大客户部（LCA）、重要客户部（PAD）、小型企业及家庭用户部（PUBLIC FELIX KO）都是针对客户的特点设置，组织结构只有四个层次，公司总裁、各事业部、执行部门、基层员工，见图1-图5。 图1 戴尔公司顶层组织
图2 重要客户部 图3 大客户部 图4 小企业及家庭用户部
图5 SP TBH部门 戴尔公司这种以客户为中心设置组织结构的直销模式，中间层次的组织和人员被砍掉，其职能全部由销售人员代替。客户可以很容易地把自己的需求传递给企业，也可以很容易地从销售人员处获取企业产品的信息，戴尔还建设了供客户使用的信息系统，双方信息沟通直接、畅通；一旦客户提出了产品需求，订单立即传到戴尔的营运中心，营运中心马上通知原材料供应商，原材料随即进入生产线，一下线就立即被装入集装箱，运往客户处，大大节约了产品从出厂、运输至销售点、销售的时间和成本。直接向客户销售产品，公司还能够以更低廉的价格为客户提供产品，并保证送货上门，并且戴尔公司先有订单再组织生产，自己没有零部件仓库和成品仓库，节约了库存成本。 二、组织扁平化的优劣分析 所谓组织扁平化，就是破除传统组织自上而下垂直的多层次组织结构，减少管理层次，增加管理宽度，建立一种紧凑的横向组织，使组织变得灵活，敏捷，富有柔性和创造性。它强调系统、管理层次的简化、管理幅度的增加与分权。 传统组织与扁平化组织结构可以分别用图6和图7表示。
浅析网站登录界面设计 无论网页或是移动APP的设计，很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。本文就移动APP表单设计进行浅析，看设计师是如何在设计与交互体验之间做到小而美的平衡。 一.极致的减法 这是一个异于常规设计思路而得的登录框产物，这不是通常意义上的登录窗。它仅仅保留了用户名的输入，只需按回车便可确定，跳出了登录界面设计中的条条框框，配色方面也足够醒目与简单。 二.引人注目的用户界面 1.模糊背景 最近，模糊背景的运用如雨后春笋般冒了出来，因为模糊背景的运用不仅让整个网站显得更加人性化，并且在很大程度上烘托出网站所要表现的氛围。以下介绍的案例是个迷人的登陆界面，在模糊的背景上面用极简的图标与细线来设计，背景图的色调与按钮的颜色很有心的挑选了同一色系，让界面融洽地结合成一个整体。
2.暗色调背景 当我们一眼看到下面的案例时，明亮的输入框吸引了所有的注意力。暗调处理过的背景图使登录的表单成了页面的视觉中心，没有任何东西可以分散用户的注意力。这不仅是优质的感官体验，更是舒适的用户体验。
3.扁平化的纯色背景 我着迷于以下案例中的扁平化设计。基本的样式本该显得单调无聊，但是如果在色彩上精心搭配，扁平化的登录界面将变得活泼俏皮起来。 三.清晰的视觉纵线 人的视觉浏览一般呈“L”型视线，意指从上到下，从左至右。而设计表单界面很注重对用户的引导作用，当一个界面没有过多的强调元素，那么表单的视觉浏览顺序符合“L”型规律就基本符合用户的心理预期。那么，用户就不用过多思考和寻找，能简单高效的执行完表单项的填写和提交。
四.注重用户体验设计 登陆和注册表单的使用率非常高，一个表单的设计其实也不是简单的事情，用户体验是必须要考虑的事情。有的喜欢把注册和登陆都放在一个页面，有的喜欢用AJAX无刷新效果来展
极简主义本身是一种设计理念，垂直到UI和平面设计领域当中的时候，设计中的每一个元素都应该是有用的。它简单，干净，漂亮，且非常实用。极简主义的设计易于用户理解，参与度也高。今天的文章，我们打算把知识点梳理一下，用下面的10个原则来设计，能帮你搞定真正的极简主义设计。 01 . 大量的留白 在极简主义设计当中，留白是必不可少的组成部分。留白能够营造平和感，能够创造视觉焦点。将必要的信息和视觉焦点营造出来，然后使用留白包围它们。通过这种方式，将核心的信息凸显出来，让用户只做必要的事情，关注必须的信息。 02 . 用栅格来规整元素 栅格系统可以让简约的设计更加富有条理。栅格本身就是用来构建规则性，赋予信息和元素以条理和有序感的，在此基础上，能够让元素的逻辑更加顺畅。 栅格系统让UI界面和平面设计有了更容易遵循的逻辑模式，即使是在极简的设计作品当中，有限的元素在整个空间中，也可以建立足够正确的空间关系，使得整个设计工作协同更加自然。极简设计只是看看起来简约，但是内在所遵循的规则和条理感，让它显得一点也不单薄。
03 .扁平化的元素 扁平化的设计风格不仅是目前的主流，而且在精神内核上和极简主义保持着一致。当然，如今的扁平化设计和之前有所不同，渐变和阴影的加入使得它向前走出了一大步，也不再是“纯粹的”扁平化了。 扁平化的设计元素，无论是图标的设计还是色彩的控制，都会尽量控制信息的层次和量，这一点和极简的需求是一致的。无论是设计网站还是APP，都尽量去除不必要的交互，保持动效的直观和简约。 04 . 保持一致性 无论是传统的平面设计还是更加数字化的网页和APP的设计，极简风格下，所有的元素都应当保持一致性。杂乱无章是会让用户和观者感到困惑的。虽然有的页面内容可能会需要承载更多的内容，但是极简主义的设计风格约束下，信息只是横向拓展，内容的风格和元素的统一性是不能被打破的，这样对于用户而言，也是贴合预期的。 05 . 在不对称中保持平衡 即使是韦恩·安德森也无法确保他电影中每一个画面都是对称的。在极简主义的网站当中，完美的对称总归是少数的存在，而设计师也无需刻意去追求完美的对称。但是视觉上的均衡，则需要设计师力求做到。有的时候，不对称的设计会更加具有分量感。但是在对比之外，是需要保持总体的平衡。
logo设计的思维方法和表现手法 logo设计(标志设计)是方寸之间的艺术，每个设计公司或设计师所必须注意的如下三点logo设计的表现要素：1·名称 一个出色完美的商标，除了要有优美鲜明的图案，还要有与众不同的响亮动听的牌名。牌名不仅影响今后商品在市场上流通和传播，还决定商标的整个设计过程和效果。如果商标有一个好的名字，能给图案设计人员更多的有利因素和灵活性，设计者就可能发挥更大的创造性。反之就会带来一定的困难和局限性，也会影响艺术形象的表现力。因此，确定商标的名称应遵循"顺口、动听、好记、好看"的原则。要有独创性和时代感，要富有新意和美好的联想。 2 ·图案 各国名称、国旗、国徽、军旗、勋章，或与其相同或相似者，不能用作商标图案。国际国内规定的一些专用标志 3 ·色彩 色彩是形态三个基本要素（形、色、质）之一。标志常用的颜色为三原色（红，黄，蓝），这三种颜色纯度比较高，比较的亮丽，更容易吸引人的眼球。色彩为工业设计学科中必须研究的基本课题。色彩研究涉及物理学、生理学、心理学、美学与艺术理论等多门学科。 下面我们用一些具体实例来分析logo设计的一般思维方法和logo设计表现手法：
绝世武功必然有心法讲心法前先和大家诠释2个名词 大家先看下面这些LOGO这些是我随机找的体育类的LOGO 他们都有什么共同特征呢? 很显然他们的共同特征就是：动感速度感充满活力这就是行业特性也就是共性我们再看下面这些LOGO 又有什么共同特征呢?
每个行业的LOGO 都有各自的行业特征和表现手法这就是共性 理解了共性就很容易理解个性了 个性是在具备共性的基础上在同行中脱颖而出的特性也就是这个LOGO 所代表的公司或团体的独特竞争力共性是快速的传递这间公司的行业属性个性是告诉人们这个公司和别的公司有什么不同 了解了以上2个名词那么请看下面这些LOGO 您能猜到他们的行业和个性么? 任何一个LOGO 必定是共性和异性的混合体 下面我们看看LOGO 的3种状态 1：图标+字标(阳) 2：字标(阴) 3：图字混合(无极)
浅析企业发展中存在的问题与对策分析 ——以“土巴兔”为例 摘要 当前，随着互联网的迅猛发展，互联网用户对互联网内容需求的多样化和内容要求的提升，互联网内容服务商需要更加聚焦于内容品质的提升，从而提升核心竞争力。在这种情况下着互联网的普及以及技术的进步，各种不同形式的网络应用不断涌现，互联网应用的领域不断拓宽。土巴兔互联网装修是在“互联网+”的背景下，借助互联网思维和互联网工具，改造传统装修存在的问题，通过去中介化、去渠道化及标准化，优化并整合装修产业链，颠覆传统装修的用户体验，让装修变得简单、透明、精致，性价比更高！ 本文通过对互联网家装企业的现状以及土巴兔经营现状进行分析，针对公司经营管理中存在的问题进行阐述，发现该公司在许多方面存在着不足，比如说公司没有制定良好的企业操作流程规范、人力资源管理体系不完善、缺乏系统的客户关系管理、员工职责分工不明确、部门之间缺乏有效的沟通等问题。 关键词：互联网装修；发展；问题及成因；建议及措施；
Abstract At present, with the rapid development of Internet, Internet content and diverse requirements of users of Internet content needs promotion, Internet content providers need to be more focused on improving the quality of content, so as to enhance the core competitiveness. In this case the Internet popularization and the progress of technology, the network application of various forms of emerging Internet the application domain expands. Tuba rabbit decoration is in the "Internet" internet background, thinking of using the Internet and Internet tools, there is the transformation of traditional decoration problems, through the intermediary, to channels and standardization, optimization and integration of decoration industry chain, to subvert the traditional decoration of the user experience, so that the decoration becomes simple. Transparent, delicate, more cost-effective! This paper analyzing the Internet Jiezhuang enterprises present situation as well as the tuba rabbit operating status for the company Problems in the management of the company, found that there are many shortcomings, such as company industry competitiveness is weak, the high turnover rate of employees, employees of the division of responsibilities is not clear, the explosive growth of enterprise system and system construction can not keep up, and do not timely replacement of old company delivery of fresh blood. Keywords: Internet decoration; The development of; problems and causes; proposals and measures
网站界面（UI）设计2016年春考试真题（带答案） 一、多选题 1．关于扁平化风格图标的表述正确的有（ABCD） A、简约风格 B、有利于提高系统性能 C、不强调质感与细节的描摹 D、强调功能性 2．在开展设计工作之前，我们力求做到知己知彼，这里的“彼”指（ABCD ） A. 对所服务的客户的认知，和客户保持良好的沟通 B. 对网站目标用户的深入理解 C. 对竞争对手的了解 D. 对网站目标用户的深入理解 3．关于全局导航的描述正确的有（ACD ） A. 出现在网站所有的页面中 B. 位置一定在网页的顶部 C. 体现网站最重要的内容层次结构 D. 帮助用户在网站中迅速定位 4．对于用户导向原则在网站界面设计中的具体体现描述准确的是（ABCD ） A. 明确体现网站的核心功能和服务 B. 符合用户在使用网站时的心智模型和场景中的思维状态 C. 尊重人机交互中用户的生理特征 D. 符合用户的认知习惯 5．下列关于心智模型表述准确的有（ABCD ） A. 根据用户的心智模型来选择信息的组织方式是优秀网站成功的重要因素。 B. 人们通常基于自身经验和现有知识来理解新事物。 C. 有助于用户理解如何使用网站的设计属于符合心智模型的设计。 D. 重视情景因素对用户行为的影响。
6．文字图层中的文字信息哪些可以进行修改和编辑？( ABC ) A. 文字颜色 B. 文字内容，如加字或减字 C. 文字大小 D. 将文字图层转换为像素图层后可以改变文字的字体 7．建立有效布局的手段有（ABCD ） A. 有选择的展现信息，分清主次 B. 预先对信息进行科学的分类，整理好优先级 C. 遵循用户习惯，同时给予适当的引导推荐 D. 不同信息找到最合适的表现方式 8．下列可以帮助加强色彩对比的方法有（ABD ） A. 色相互补 B. 明度差异大 C. 色相临近 D. 饱和度差异大 9．如何让界面中的重要元素变得突出，下列处理手段合理的有（ABC ） A. 使用鲜艳的色彩 B. 注意周围的留白 C. 放在用户浏览网页视线中的重要位置 D. 越大越好 10．当选择“文件>新建”命令，在弹出的“新建”对话框中可设定下列哪些选项？（ABC ） A. 图像的高度和宽度 B. 图像的分辨率 C. 图像的色彩模式 D. 图像的标尺单位 11．下列哪些方法可以产生新图层？（BCD ） A. 双击图层控制调板的空白处，在弹出的对话框中进行设定选择新图层命令 B. 单击图层调板下方的新图层按钮 C. 使用鼠标将将图像从当前窗口中拖动到另一个图像窗口中 D. 使用文字工具在图像中添加文字