新概念科技（上海网站开发）按：如何迅速做出一个极简风格网站？新概念科技曾经统计剖析了112个明显带有极简风格的网站后，然后发布了这篇超级干货。全程全是以数据来说话，从占比较大的设计要素开始说起，有案例有剖析，把极简风格的设计有效发挥到了术的地步。

较小化设计的目标是移除界面之中不用要的元素或信息，减少干扰，使界面较大水平的支持顾客的任务流程。

要将界面以恰当的方法简化到只保留必要元素的水平，设计师必须要对一系列与较小化策略高度相应的设计模式有所清楚。界面设计，就像人类的语言一样，较终是由人们的使用方法所定义的。如今，虽然“较小化”和“极简”的概念时常被人们抛出，但咋们还是无法—有效的、量化的去定义具体是什么基本功能特性构成了较小化界面。为了更加清晰的对概念开展解构，咋们对112个带有明显较小化风格的网站开展了剖析。

必须要记住的是，设计风格的流行不代表它适用于任何类型的产品及其目标顾客，更不意味着它能推动提润或其他工作目标的提高。在这次研究之中，咋们的剖析对象是那些明显采用了较小化设计策略的界面，而非由于较小化设计风格而实现商业目标的产品。后文中也会讲到，虽然较小化设计策略之中的一部分要素对工作自身是有推动作用的，但同时也有好多会起到反作用。

扁平化的材质

过去几年间，界面设计领域之中较为巨大的改变当属拟物化风格向不带有任何实物隐喻的数字化表现形式的转变。扁平化风格通常不使用任何高光、阴影、渐变和材质来使界面元素带有三维质感成效。

有一些设计师相信扁平化风格正是较小化界面设计理念的直接表现：移除了多种不用要的、装饰性的视觉成效，使界面较大水平的支持信息自身的呈现。

虽然这两种概念具有很强的相应性，但它们并不等同于彼此。咋们通常所说的扁平化设计泛指一种界面元素的视觉风格，而较小化设计则涉及到信息和基本功能层面。一个采用了扁平化视觉风格的界面未必是较小化的：

正如咋们在曾经一篇文章之中所讲，扁平化界面时常很难让顾客一目了然的清楚什么元素是可点击的。咋们相信，相比于盲目的扁平化处置方法，一种介于扁平化和拟物化之间的折衷风格会更为实用 – 以扁平化为基础，同时在交互元素上使用更具实物隐喻性的样式，使顾客可以迅速识别可点击元素。

总体上讲，扁平化风格特别简单被误用，而且很可能对产品体验造成负面决定。如今扁平化极度流行的设计趋势使其差不多成为较小化设计的代名词，这并不是一个好现象。

少量配色或单色方案

使用在95%的样本界面之中。

在多数的较小化风格界面中，极简的配色方案全是策略性的被用来在不增加额外元素的情况下创建视觉吸引。界面之中的视觉干扰较少，色彩更简单被注意到，对信息和基本功能的决定力更强。

极简的配色方案可以说是针对2000年前后混乱聒噪的网页设计风格的回敬。极度克制的配色方案较大水平的防止了界面自身对信息的干扰，不过在信息图片的使用方面，色彩通常会更艳丽。咋们在开展评估时，考量的元素包含背景色、logo、导航菜单、图标和字色，而不包含信息图片。

好多极简主义的界面设计师会采用单色方案，较多再为界面中的重要元素另取一种颜色。所谓重要元素，通常是指比较重要的交互元素。

在咋们的样本之中，49%使用了单色方案，46%使用了两到三种色彩。使用着单色方案的那些界面，绝大多数是黑白及多种灰度的搭配。

相比于十多年前的混乱，如今极简的配色策略可以说是一种进步，但在使用时仍有一部分重要的问题必须要考虑：

• 你的配色方案具有足够的对比度，使信息具有较基本的可读性，另外要考虑到色弱和色盲顾客。
• 关键色的使用要有明确的目的，例如突显重要信息或交互元素，并注意维持全局的统一性，用途保持一致。

基本功能与界面元素的约束

使用在87%的样本界面之中。

准备尝试较小化策略的设计师必须对界面之中的每一个元素开展剖析，然后移除那些对关键基本功能或信息没有直接支持作用的元素。所谓“元素”，包含(但不限于)：

• 导航菜单项
• 链接
• 图片
• 图形元素
• 分隔线
• 标题文案
• 材质纹理，包含高光、阴影、渐变等成效
• 颜色
• 字体
• 图标

具体上，咋们很难对界面之中能否还包含“不用要”的元素开展有效的评估，除非直接向设计师自己询问，并清楚他们的产品特性及目标顾客群体。为了使这一特征更易考量，咋们重点关注界面之中能否存在不具任何实质目的性的视觉元素。在咋们的样本中，有87%的界面明显移除了所有的不用要元素。

界面中的元素越多，顾客头脑中必须要处置的信息就越多。极简主义设计师们时常念叨的一句话便是“持续减法，直到无可再减”，意思便是除非缺失某样东西会使得问题的出现，否则就干掉它。不过，设计师们往往简单过分追求简约、现代、较小化的视觉外观，致使有具体用途的元素被错误的移除。反之，严格坚持实用主义路线，将在一定水平上赞助你更有效的识别出界面中的干扰元素，打造出更高效的交互流程。较根本的一点，不要将顾客完成关键任务所真正必须要的东西移除，否则这样子的简化只能提高操作复杂度。

元素混乱、信息过载的界面固然很难理解，但过分简化以至于缺失必要信息的产品则更简单让人茫然无措。

超大的留白比例

留白(负空间)曾被认为是较小化界面的同义词，好多设计师将留白作为一种引导顾客关重视要信息的手段，赞助他们更好的理解信息结构。有意识的将界面之中的干扰元素移除，势必会使得负空间比例的增大。

留白并不是空无一物，比例得当的负空间除了可以为界面赋予呼吸感以外，确实还能起到有效的引导作用。在考虑留白的使用时，要关注以下几方面的问题：

• 增加或减少留白之后，界面信息层级的展现方法能否会受到决定？
• 留白的使用能否会决定到界面上方信息的呈现？虽然备受争议，但“折线以上”的原则在好多界面环境中依然适用，顾客在开展交互行为以前较简单关注到的仍然是*屏区域之中的信息，不要让留白对这里的重要信息产生破坏作用。
• 留白的使用能否会决定到交互成本？顾客能否必须要付出更高的成本才能获取信息？
• 留白的比例能否必须要依据不同的浏览环境开展响应式的调整？

夸张的字体运用

和字色相仿，当界面里仅有为数不多的元素时，加粗加大的字体也能成为交流重要信息的手段。恰当有效的字体运用不但可以使较小化风格的界面更具视觉诱惑力，而且可以弥补其他类型元素的匮乏所使得的视觉失衡问题。字号、粗细、字形风格等等的改变搭配相对赞助顾客在较小化界面中理解信息层次也起着重要的作用。在咋们研究的112个样本之中，75%的界面通过夸张的字体运用方法来表达信息，制造视觉张力。

相对定制化水平比较高的字体，使用图片代替文本是一种惯例做法，代价则是降0了界面的加载速度，并且必须要考虑不同分辨率下的尺寸问题。使用在线字体(web font)也是一种方法，但一样要考虑性能方面的问题。

必须记住，只有在可以表达特定信息的情况下，夸张的字体运用方法才有意义，不要单纯为了视觉成效而使用。过度风格化的字体有非常大的风险性，依据咋们过去的研究，顾客很简单忽略掉那些看上去过于花里胡哨的文字，由于太像广告了。你的字体运用方法能否有效的表现设计意图？较终结果能否反而造成了混乱和干扰？先进的设计师应该有能力在这二者之间找到恰当的平衡点。假如你无法确定，尽量向较保险较稳妥的一边靠拢。

其他组成要素

以下这些设计要素也是好多设计师乐于运用的。不过由于它们在样本之中的使用比例相对较0，故此咋们不可能将其定义为较小化界面设计的基本组成要素。

全屏背景图片或视频

理论上讲，全屏背景图片与较小化设计理念之中“移除一切不相应要素，只保留必要信息”的原则是相冲突的，不过在具体之中，这种设计模式的主流化水平还是有目共睹的；在咋们的研究样本之中，采用了这种模式的界面约占57%。

全屏背景图片/视频能否有利于顾客对品牌产生正确认知，这一点还取决于具体的产品环境以及设计师的设计意图。要策略性的选择背景图片或视频，而不是盲目的模仿或随意使用素材；在此基础上，遵循较小化设计的理念，防止多余的界面元素与大背景所表达的信息产生冲突。不过在具体之中，有好多设计师的思路却是通过巨大而夸张的背景元素来弥补过于简化的风格所提供的枯燥与单调。

在使用全屏背景图片或视频时，考虑以下几点：

• 你所选用的图片或视频是有具体意义的，例如赞助顾客一目了然的对产品产生直观认知。假如做不到这一点，它们只会成为界面之中体型巨大的干扰元素。
• 背景之上的文字信息可读、易读。可读是指至少顾客可以辨识字母、单词、语句；易读是指轻松顺畅的辨识和处置这些信息。假如你使用视频做背景，那么要在所有典型分辨率下测试每一帧图像对文字信息的可读、易读性能否产生了严重的负面决定。
• 考量大幅背景素材相对界面性能的决定。要采用必要的自适应技术，界面在移动设备上加载时不必须要使用桌面尺寸和精度的超大素材。
• 相对自动播放要谨慎。好多顾客特别厌恶自动播放的视频，尤其是同时带有音频的。
• 不要将背景视频当作哈利波特电影那样去制作，动来动去的炫目的信息只会干扰顾客的专注力。

网格布局

43%的比例可以代表一定的流行水平，但也可以表明这种设计方法不是很典型的较小化设计组成要素。

在较小化界面之中，网格布局的使用通常出于两方面的原因：

1. 无需额外的视觉元素开展辅助，网格布局可以很好的将界面之中一系列同质信息组织起来。
2. 网格布局相对响应式设计的实现很有赞助。

圆形的图形元素

好多设计师认为圆形元素是一种典型的较小化界面设计组成要素，不过在咋们的研究之中，只有16%的样本有用到。

默认隐藏的全局导航

如今好多网站会默认隐藏全局导航，即便是在桌面设备上浏览的时候；汉堡包图标也越来越多的出现在网页之中。具体上，这可以说是对“移动优先”设计思路理解不或是贯彻不所使得的直接结果 – 设计师认同了在移动设备小屏幕上隐藏导航换取显示空间的合理性，不过忽略了在平板或桌面设备充裕的显示环境之中一目了然的向顾客呈现导航结构的重要性 – 换个角度说，这也是典型的过度简化设计。

退一步说，在某些情况下，隐藏一部分非高频基本功能入口或许契合你的简化目标，但必须那些相对顾客完成关键任务起到关键作用的信息或基本功能默认呈现出来。

较小化设计要素归纳

在对112个网站界面开展研究之后，咋们总结出了如前文所述的若干较小化设计组成要素，其中包含5个典型组成要素：

• 扁平化的材质
• 少量配色或单色方案
• 基本功能与界面元素的约束
• 超大的留白比例
• 夸张的字体运用

其中某些要素出现在了差不多所有的研究样本之中；使用频率较0的也超过了75%。此外，咋们还总结出了一部分使用频率相对较0，但仍与较小化风格高度相应的设计方法：

• 全屏背景图片或视频
• 网格布局
• 圆形的图形元素
• 默认隐藏的全局导航

新概念科技（上海网站开发）小结：

2000年前后的界面设计领域由混乱与聒噪所统治。多年来，咋们逐渐学会了与之开展对抗。臃肿的基本功能和无意义的信息相对顾客及产品自身全是极大的伤害。

理论上讲，较小化设计思想可以赞助咋们远离曾经的混乱局面，打造出更加平滑当然的人机互动流程。不过现实之中的情况并不是那么理想，好多设计师仅从形式上拷贝着多种流行的较小化设计要素，却忽略了特定的产品目标以及不恰当的设计方法所使得的多种可用性陷阱。

从形式上看，扁平化设计是对拟物风格的反击，较小化设计是对过度设计的反击。不管如何，咋们都强烈建议各位设计师防止非此即彼、非黑即白的思维模式，真正去清楚每种设计思想的特性，依据产品的具体情况寻求恰当的平衡点。只有在真正契合产品目标及顾客需求的情况下，特定的设计思想才能真正成为有利的设计武器 – 为了较小化而较小化，对产品和顾客都无益。