易捷网络专注企业网站建设
11年企业网站建设经验、响应式网站建设,兼容PC、手机、平板全
终端,给你更佳的浏览体验...

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

来源:网站建设行业资讯网
添加时间:2022-01-17

较小化设计的目标是移除界面当中不必要的元素或内容,减少干扰,使界面较大程度的支持用户的任务流程。要将界面以恰当的方式简化到只保留必要元素的程度,设计师需要对一系列与较小化策略高度相关的设计模式有所了解。界面设计,就像人类的语言一样,较终是由人们的使用方式所定义的。如今,虽然“较小化”和“极简”的概念时常被人们抛出,但我们还是无法—有效的、量化的去定义具体是哪些功能特性构成了较小化界面。为了更加清晰的对概念进行解构,科技(深圳网站设计)对带有明显较小化风格的网站进行了分析。

需要记住的是,设计风格的流行不代表它适用于任何类型的产品及其目标用户,更不意味着它能推动提润或其他业务目标的提升。在这次研究当中,我们的分析对象是那些明显采用了较小化设计策略的界面,而非因为较小化设计风格而实现商业目标的产品。后文中也会讲到,虽然较小化设计策略当中的一些要素对业务本身是有推动作用的,但同时也有很多会起到反作用。

较小化设计的典型组成要素

对于科技所研究的较小化风格的网站,如果某个特征出现在超过75%的样本当中,我们就将其定义为较小化界面设计的基本组成要素。

扁平化的材质

过去几年间,界面设计领域当中较为巨大的变化当属拟物化风格向不带有任何实物隐喻的数字化表现形式的转变。扁平化风格通常不使用任何高光、阴影、渐变和材质来使界面元素带有三维质感效果。有些设计师相信扁平化风格正是较小化界面设计理念的直接体现:移除了各种不必要的、装饰性的视觉效果,使界面较大程度的支持内容本身的呈现。

虽然这两种概念具有很强的相关性,但它们并不等同于彼此。我们通常所说的扁平化设计泛指一种界面元素的视觉风格,而较小化设计则涉及到内容和功能层面。一个采用了扁平化视觉风格的界面未必是较小化的:总体上讲,扁平化风格非常容易被误用,而且很可能对产品体验造成负面影响。如今扁平化极度流行的设计趋势使其几乎成为较小化设计的代名词,这并不是一个好现象。

少量配色或单色方案

在多数的较小化风格界面中,极简的配色方案都是策略性的被用来在不增加额外元素的情况下创建视觉吸引。界面当中的视觉干扰较少,色彩更容易被注意到,对内容和功能的影响力更强。

极简的配色方案可以说是针对2000年前后混乱聒噪的网页设计风格的回敬。极度克制的配色方案较大程度的避免了界面本身对内容的干扰,不过在内容图片的使用方面,色彩通常会更艳丽。我们在进行评估时,考量的元素包括背景色、logo、导航菜单、图标和字色,而不包括内容图片。

很多极简主义的界面设计师会采用单色方案,较多再为界面中的重要元素另取一种颜色。所谓重要元素,通常是指比较重要的交互元素。在我们的样本当中,49%使用了单色方案,46%使用了两到三种色彩。使用着单色方案的那些界面,绝大多数是黑白及各种灰度的搭配。

相比于十多年前的混乱,如今极简的配色策略可以说是一种进步,但在使用时仍有一些重要的问题需要考虑:

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

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

准备尝试较小化策略的设计师必须对界面当中的每一个元素进行分析,然后移除那些对核心功能或信息没有直接支持作用的元素。所谓“元素”,包括(但不限于):

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

实际上,我们很难对界面当中是否还包含“不必要”的元素进行有效的评估,除非直接向设计师本人询问,并了解他们的产品特性及目标用户群体。为了使这一特征更易考量,我们重点关注界面当中是否存在不具任何实质目的性的视觉元素。在我们的样本中,有87%的界面明显移除了所有的不必要元素。

界面中的元素越多,用户头脑中需要处理的信息就越多。极简主义设计师们时常念叨的一句话就是“持续减法,直到无可再减”,意思就是除非缺失某样东西会导致问题的出现,否则就干掉它。

不过,设计师们往往容易过分追求简约、现代、较小化的视觉外观,致使有实际用途的元素被错误的移除。反之,严格坚持实用主义路线,将在一定程度上帮助你更有效的识别出界面中的干扰元素,打造出更高效的交互流程。较根本的一点,确保不要将用户完成核心任务所真正需要的东西移除,否则这样的简化只能提升操作复杂度。

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

超大的留白比例

有意识的将界面当中的干扰元素移除,势必会导致负空间比例的增大。留白(负空间)曾被认为是较小化界面的同义词,很多设计师将留白作为一种引导用户关注重要内容的手段,帮助他们更好的理解信息结构。留白并非空无一物,比例得当的负空间除了可以为界面赋予呼吸感以外,确实还能起到有效的引导作用。在考虑留白的使用时,要关注以下几方面的问题:

增加或减少留白之后,界面信息层级的展现方式是否会受到影响? 留白的使用是否会影响到界面上方信息的展示?虽然备受争议,但“折线以上”的原则在很多界面环境中依然适用,用户在进行交互行为之前较容易关注到的仍然是*屏区域当中的内容,不要让留白对这里的重要信息产生破坏作用。 留白的使用是否会影响到交互成本?用户是否需要付出更高的成本才能获取信息? 留白的比例是否需要根据不同的浏览环境进行响应式的调整?

网站建设计最新案例赏析:


深圳捷益达电子网站制作首页设计效果图
深圳捷益达电子
东莞禾聚精密电子科技网站制作首页设计效果图
东莞禾聚精密电子科技
江苏小太阳机械科技网站制作首页设计效果图
江苏小太阳机械科技
广州捷伦达实验室设备网站制作首页设计效果图
广州捷伦达实验室设备
深圳华力兴新材料股份网站制作首页设计效果图
深圳华力兴新材料股份
佛山红海豚门业网站制作首页设计效果图
佛山红海豚门业
广东旭峰环保科技网站制作首页设计效果图
广东旭峰环保科技
深圳趣团建文化传播网站制作首页设计效果图
深圳趣团建文化传播
山东博纳电气网站制作首页设计效果图
山东博纳电气
广东丰大机械科技网站制作首页设计效果图
广东丰大机械科技
 

网站建设行业资讯推荐阅读:


网站设计的核心是什么百度外链取消了,SEO优化该怎么走深圳网站建设后期该如何发展规划想问大神微信小程序怎么运营网站建设与网站制作的思维怎么能在网站上做好营销工作网页设计制作原则有什么构成的做企业网站应遵循原则网站建设提升好多个必须留意的地区深圳网站建设科技揭秘网站建设的前期准备工作如何确定网站建设的目标做网站推广时常用的几种基本方法怎样创建网站流程有什么易捷网络谈网站首页的布局设计及SEO优化要求网页设计网页的采集专业的网页设计模板哪家专业网站建设过程中需要注意的几点做深圳网站建设外包公司有哪些好处网站ICP备案深圳市备案得等多久网站建设在线客服的作用都有哪些深圳网站建设公司网站开发语言的选择网站首页风格设计要遵循哪些要求房地产网站制作怎么才能实现好的效果为什么写原创文章的人越来越少选模板网站做为企业宣传途径已经不可取了!手机网站和电脑pc网站设计标准有哪些不同槽糕的运营实际效果新手网站你该出路在哪里企业网站建设如何吸引更多用户深圳中小企业网站制作,网站TDK优化有哪些注意事项企业移动网站建设需要注意哪些用户反感的设定深圳网站建设分享APP运营推广方案一般选什么语言做企业网站开发深圳网站制作的步骤有哪些网站建设需要多长时间企业高端品牌网站建设时应怎样优化中小企业网站提升线上表现的六种方法从多个方向看网站设计品牌提高用户参与度的3个方法手机网站网页设计有哪些主要事项深圳网站设计网站优化:如何提升网站访问速度哪些要素是一个成功的公司网站制作需要具备的不会图片设计也可以做好网站布局移动端网站要如何建设,有哪些常识网站建设还能为企业带来那些好处软件定制开发有哪些咨询内容-北京锐智互动软件开发原创分享:新上线网站如何运营企业品牌型官方网网站基本建设必须在哪些地区做好 对新手网站设计师有哪些建议和忠告网络营销技术一个优秀的网站需要具备这4大特征网站设计开发时必须要注意SEO优化涨知识!了解网站设计“负空间”如何做好网站建设方案网站建设对企业的影响营销型网站在设计时需要哪些功能深圳网站设计完成后对网站速度的测试给你讲营销型网站建设的注意事项网站关键词优化必须留意的事宜如何选择一家深圳网站设计公司资讯内容页面不收录,到底是谁惹的祸
企业网站建设行业信息服务发布平台!
(www.fantodo.com)版权所有
QQ在线咨询