过度使用扁平化设计是否影响网站实用性

随着扁平化设计逐渐成为网站设计的主流趋势,似乎很少有人会提出它有什麽问题。在整个崇尚简约风格的时代,扁平化设计可说是非常符合潮流的审美。但它是否真的能够给用户体验带来价值,一味追求扁平化是否对可用性造成负面影响?

扁平化设计到底有什麽问题?

一、弱化信息结构

扁平化设计出现之前,我们会利用各种手段来描述信息之间的对层级关系,但扁平化出现之後,这些手段似乎成为「多余的装饰」。但一味追求极简,把各个元素都等同对待,却会给用户造成更大理解负担。

以「Hertz网站」为例,强化版的视线焦点明显比清轻量版的更少一些,也就是说用户在轻量版的页面上需要浏览更多地方,才能找到任务目标。

过度使用扁平化设计是否影响网站实用性

强化版

过度使用扁平化设计是否影响网站实用性

轻量版

二、省略了点击暗示

随着扁平化设计的兴起,很多时候为了保持页面的视觉风格更加统一和谐,会连关键的文本链接都被省去特殊样式。这样用户可能需要更多次地观察,并配合鼠标的悬停效果,才能确定哪里是标题、哪里是点击区域。

例如某珠宝销售网站,如果用户需要找珍珠的信息,就需要在写有「珍珠」的标题上看了很久很久,而在真正的任务目标,即底部的文字链接上停留的时间却不长。

过度使用扁平化设计是否影响网站实用性

左为强化版,右为轻量版

扁平化设计是不是就不好?

虽然大部分强化版的可用性会比轻量版要好,但并不是所有扁平化设计网站就一定不好。

扁平化设计作为一种以视觉为主体的设计理念,本身的定义就是非常模糊和感性,也没有指定任何范围和限度,而且简约的风格也让不少用户对扁平化设计产生好感。所以,扁平化设计并不是不好,而是需要把握好轻重,避免过犹不及。

如何运用扁平化设计

① 半扁平化设计

很多优秀的设计,虽然在大体上也是扁平化,但大多也不是市面上常见的纯扁平化设计。例如:历经画风突变的IOS系统,到现在还使用毛玻璃和大阴影这种非纯粹的扁平样式;而g

Google的 Material Design 关键特徵就在於用真实世界的阴影素材层次感。

过度使用扁平化设计是否影响网站实用性

Apple和 Google的设计师显然知道当今的流行趋势,但在可用性和流行趋势,他们并非一味跟风,而是在两者中进行取舍和平衡。

② 可用性的关键仍是交互

有些设计师将扁平化设计用得太过,盲目地学习一些非常理想化的扁平化范例,这无疑会对网站的可用性产生影响。

大体上,扁平化设计对可用性产生最直接的影响还是交互设计,所以要确保设计出来的页面不被过度的扁平化设计拖累,就要在交互设计阶段大号基础,再把视觉设计阶段把握好。

任何一种的网站潮流风格都是没有问题的,但过於使用就是最大的问题,设计师应该把握好分寸,冷静地将视觉效果和可用性区分对待,才能制作出既美观又使用的网站。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44068.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日
下一篇 2022年6月25日

相关推荐

  • 浅谈页面宽度百分比适配的方案

    这种方案在网页设计过程中使用了很长的时间,即使是如今,微信中京东购物的入口,仍然还是这种方式。主要表现在,在比基准的设备宽上,页面元素的横向宽度需要按照百分比的形式,去自适应。高度无需产生变化。所以…

    2022年6月25日
    0164
  • 面包屑导航的类型

    基於位置的类型 基於位置的面包屑导航,优点是能够很好地突出网站建设的结构特徵。因为它们可以直接的将网站层次结构呈现给用户,可以包含有多个层级。尤其是对於从外部而进入网站的用户来说,有良好的指引性。 基…

    2022年6月25日
    0138
  • 快速提升 UI 设计效果的 6 个小技巧(UI 设计集-13)。

    在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。在之前,我已经撰写了很多实用的 UI & UX 优化小贴士(看完文章在文末获取),这篇文…

    2023年3月1日 SEO操作
    00
  • 方块堆叠样式用於视觉效果的两个要素

    一般来说,方块堆叠样式多用於如今的界面排版布局上,处於整体视觉当中的辅助地位。但只要运用恰当,它可以成为页面设计当中视觉的一个主体。 但是,将方块堆叠样式用作页面视觉元素的主体时,需要满足这两点要求:…

    2022年6月12日
    0160
  • 抓住快捷键等於抓住用户体验

    Tab切换焦点 网站建设或多或少都有一定的文本框,如果不支持用户使用Tab键的话,用户就必须不断地在鼠标和键盘上寻找,用户体验就说不上了。 充分运用右键 最快速的网站建设入口不是在屏幕上,而是在用户的鼠标上,…

    2022年6月25日
    0108
  • 网上商店的首页尺寸一般是多少?

    问题: 最近要接手家姐的网上商店,想整体装修一下网店的设计,但不知道做首页设计有什麽规律?还想了解一下网上商店的首页尺寸是多少? Inspirr Creation 解答: 一般来说,顾客第一眼看到的页面局域就叫做首页,其…

    2022年6月25日
    0165
  • 把用户体验融合到网站内容中?这些设计技巧帮到你

    当网站内容迁移到移动端上的时候,怎样把内容和用户体验无缝地配合起来呢?这时候,就需要设计师根据手机小屏幕的交互来思考整个设计和优化的策略。而现在,小编就为各位分享如何把内容和用户体验配合起来的设计技巧…

    2022年6月25日 建站资讯
    0163
  • 为什麽要创建图标集群?  

      不同形状和不同风格的图示一旦成群结队地出现在网页设计中,总能够带给使用者不一样的视觉享受和流览体验。这种图示设计和布局的方式常见与一些推荐类的网站,当然,尤其是图示类型的网页设计项目。 你可以…

    2022年6月25日
    0130

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息