网站设计的组成要素及可用性分析（下）

夸张的字体运用

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

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

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

其他组成要素

以下这些设计要素也是很多设计师乐于运用的。不过由于它们在样本当中的使用比例相对较0，所以我们不会将其定义为较小化界面设计的基本组成要素。

全屏背景图片或视频

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

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

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

网格布局

    43%的比例可以代表一定的流行程度，但也可以说明这种设计方式不是很典型的较小化设计组成要素。在较小化界面当中，网格布局的使用通常出于两方面的原因：

1. 无需额外的视觉元素进行辅助，网格布局能够很好的将界面当中一系列同质内容组织起来。
2. 网格布局对于响应式设计的实现很有帮助。

圆形的图形元素

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

默认隐藏的全局导航

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

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

较小化设计要素归纳

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

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

其中某些要素出现在了几乎所有的研究样本当中；使用频率较0的也超过了75%。此外，我们还总结出了一些使用频率相对较0，但仍与较小化风格高度相关的设计方式：

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

虎网科技（西安网站设计）小结：

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

    从形式上看，扁平化设计是对拟物风格的反击，较小化设计是对过度设计的反击。无论如何，我们都强烈建议各位设计师避免非此即彼、非黑即白的思维模式，真正去了解每种设计思想的特性，根据产品的实际情况寻求恰当的平衡点。只有在真正符合产品目标及用户需求的情况下，特定的设计思想才能真正成为有利的设计武器 - 为了较小化而较小化，对产品和用户都无益。

龙岗南湾山水和青家具家私同虎网科技签署网站建设条款

    山水和青是经深圳市龙岗区工商局审核的正规企业，统一社会信用代码：91440300MA5ED0JK4F 。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：暂不备案。山水和青选用虎网站响应式自适应网站案例，此类案例是当今新潮流的网站程序，他除了具备商务型所有功能外，他的特点在于能自动识别互联网和移动网终端设备，既能适用在电脑上浏览同时又适用在平板电脑和各款手机上浏览都能自适应屏幕大小，是...

       浅谈腾讯QQ推广方法 浅谈腾讯QQ推广方法 　　今天晴天给大家讲的话题是有关网站推广方面的一些技巧。因为本人的本职工作就是网站推广，所以接触这方面的东西比较多，对这方面的经验也比较丰富。大家也经常听说网站推广什么的，说的是传呼其神，有的朋友也崇拜的不得了。其实网站推广就是一些些平民化的东西。 　　我之前也讲过很多网站推广的技巧，这里就讲没有提到过的腾讯QQ推广吧！ 　　我们已经习惯使用QQ了，不管是没事还是有事干，打开...

       定制网站有什么好处 定制网站 通俗来说就是建设专属自己的或者自己企业的网站，目前选择定制网站建设的一般是大企业，因为大企业不缺钱，而更看重品牌，定制网站建设可以更好地展现企业的文化，更有个性，更符合社会潮流，甚至可以说，做定制网站建设更能代表企业的脸面。那定制网站有什么好处呢？ 1、更符合客户诉求 所谓定制，就是客户有更高的，更特别的要求才需要定制，所以定制网站就是要完全去按照该企业的文化和背景来进行建设，要做到...

       网站建设的好处，网站建设首选虎网网络 广州虎网网络是一家专注于网站建设的网络科技企业。虎网网络专注于为中小企业提供涵盖互联网网站建设、移动互联网的推广服务；为企业客户提供定制一键式的全套互联网网站建设及网站推广解决方案：帮助客户搭建互联网云端网站建设、网站建设、手机网站建设、微信网站建设。下面我们跟虎网网络去看看网站建设的好处有哪些？ 　　一、 树立企业形象，扩大业务宣传 　　网站建设包括企业总体介绍，如企业规模、企业结构、企业产品、...

       怎样制作手机网页才能发挥效果 如今的移动互联网可以说是正处在高速的成长中，并且已经到了智能化阶段，比如说手机上网的便捷早就已经展现出来，在以后手机是成为人们接触互联网的主要途径，但更多的网站只是默默无闻，没有效果，那么怎样怎样制作手机网页才能发挥效果呢？ 怎样制作手机网页才能发挥效果 　　虽然现在要开始使用5g了，然而还是有很多地区的客户在使用3g与4g的阶段。这就造成了同个手机网页会出现多种不同的用户体验效果，这个问题会随着...

       深圳宝安达华杰进出口代理和虎网科技签订网站建设事宜 达华杰选用虎网站企业商务型网站案例，其功能具备实用型所有配置外、特别值得关注的是增设了SEO深度优化，不管是内页还是标题都能够独立和个性化设置关键词和长尾词，更适合进行全站seo优化。达华杰是经深圳市宝安区工商局审核的正规企业，统一社会信用代码：91440300772724455J。同时经国家工信部和广东省通信管理局审核通过ICP备案；备案号：粤ICP备11094180号。达华杰坐落于深圳市宝安区...