咨询热线:18609840880

资讯中心

秉承严谨的态度,为您提供专业的服务

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

发表时间:05-27  浏览次数:1

夸张的字体运用

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

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

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

其他组成要素

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

全屏背景图片或视频

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

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

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

网格布局

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

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

圆形的图形元素

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

默认隐藏的全局导航

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

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

较小化设计要素归纳

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

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

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

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

新图闻(大连网站设计)小结:

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

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

 

版权所有:大连新图闻科技有限公司. 保留一切法律许可权利 代理律师:戴律师