欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站设计News

[2016年的扁平化的界面设计更吸引用户]

发布时间:2017:10:05 11:01:29 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1464个文字,预计阅读时间4分钟
导语
扁平化的界面设计吸引用户的网页设计,在传统的Web开发和移动设备的研究设计中,现在是令人眼花缭乱的效果,不一定是产品的好选择。特别是在移动设备上,复杂应用的效果不仅很



[2016年的扁平化的界面设计更吸引用户]

扁平化的界面设计吸引用户的网页设计,在传统的Web开发和移动设备的研究设计中,现在是令人眼花缭乱的效果,不一定是产品的好选择。
特别是在移动设备上,复杂应用的效果不仅很少能吸引用户,而且往往会让用户在视觉上感到厌倦,对于产品界面的最基本的功能认知功能障碍。因此,我们需要参考设计美学中的“扁平化”。


推荐阅读:扁平化设计是否已经失宠?10个案例告诉你答案

什么是扁平化设计

在实际当中,“扁平化设计”一词所指的是抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。


[2016年的扁平化的界面设计更吸引用户]

layervault设计师Allen Grinshtein曾经在HackerNews的文章说:
“很长一段时间,网站的界面风格似乎都符合同一种设计美学,每个人都在一个坡度、渐变、阴影效果,突出了界面元素的简单感。让设计师们把这种“可爱”的元素融入公会的规定甚至荣誉。但对我们来说,和其他一些设计师,通常的方式不一定是正确的。”


Layervault几眼,又看看周围,你会发现,他们所追求的简约体现视觉美感。看我们已经习惯了视觉风格越来越多的网站和移动应用产品已经在逐渐的转变,也相当的有趣。这里有一些其他的例子:
Squarespace



[2016年的扁平化的界面设计更吸引用户]

几乎完全采用了Squarespace平视觉样式的新版本,仅用于一些相关的细节,突出重要的互动元素的传统方式。尝试你会发现,事实上,他们的产品上的逻辑功能是相当复杂的,但这一切背后隐含的简单和简单的界面,你真的可以隐约感觉到设计团队的努力。


Facebook


[2016年的扁平化的界面设计更吸引用户]

相关:简洁至上-创意网页设计元素和设计技巧
脸谱网
另一个熟悉的例子是脸谱网。
“脸谱网是一个很好的扁平接口设计。除了几个主要的动作按钮,使用一个温和的斜坡效果的外部,其他界面元素都是由平面风格。鉴于他们多年来一直保持在这方面的特点,至少我们可以说,这种设计风格是完全适用于脸谱网“- Ian Storm Taylor(段。IO)


Rdio


[2016年的扁平化的界面设计更吸引用户]

Rdio最新版本的网站及产品界面中都采用了很彻底的最小化、扁平化的设计风格,你很难找到使用了阴影、渐变等效果的界面元素。

相关阅读:最小化可用性设计

Nest


[2016年的扁平化的界面设计更吸引用户]

我曾作为一个在网站开发的前端工程师参与,现在还记得他们的设计师的热情追求的平面风格。在他们的网站上,实际的产品和相关的应用环境照片作为“真正的”元素进入扁平风格的媒介载体(网站),组合,让游客可以轻松地专注于产品,而不受网站界面的视觉元素的干扰。

Beforweb

译者小站乱入…译者@C7210注

对拟物化的逆袭

正如20世纪建筑界当中的极简主义运动,扁平化设计风格的逐渐兴起也可以被看作是对多年以来过度设计、过度雕琢的界面风格的逆袭;尤其是最近一段时间,苹果一直以来的拟物风格被诟病的蛮犀利的。


[2016年的扁平化的界面设计更吸引用户]

Wikipedia对拟物化(“仿制品”、“Skeuomorph”)的定义是:

原有物件中某些必需的形式在新的设计中已不再必要,但新设计仍模仿旧有形式,以使新的外观让人感觉熟悉和亲切。

举个例子,我们通常会为界面当中的按钮添加渐变和投影效果,因为现实当中的按钮就是具有这些视觉特征的,即使这些效果对于界面元素的功能来说没有任何实际意义。又譬如有些天气方面的应用会使用温度计的形式来展示气温;在现实世界中,这种实体的存在是必需的,而在应用软件当中,温度计的形象则纯粹是装饰性的。

日历应用当中皮革质地的设计元素是必需的吗?如果按钮上不使用3D质感,用户是否还知道它们可以被点击?有多少装饰性的元素是真正必要的?

“在现实生活中,当按钮被按下时,你可以清楚的感受到它的弹性,但在桌面设备或移动设备的显示屏上,你无法感觉到这种物理回馈。看上去是实体的东西却无法让人感受到实体本该具有的反馈效应,至少对我来说这是一种很蹩脚的、不符合预期的体验。” – Allan Yu (svpply / eBay)

形式服务于功能

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:十大平面设计师必备技能

下一篇:网页色彩搭配教程:三个实用方法搞定网页配色设计

  • 18886 文章总数
  • 2253756访问次数
  • 建站天数
  • 专业建站优化Jimmy Zhu
    男,从事互联网服务行业10年,专业建站优化,快速建站上排名。欢迎中小型企业朋友一起来交流!!
    相关专题
    • 网站建设咨询
    • 同行价格

      统一报价,无隐形消费

    • 金牌服务

      一对一专属顾问,7*24小时金牌服务

    • 售后无忧

      完善售后,客服经理全程跟进

    建站优化二维码
    建站优化二维码

    截屏,微信识别二维码

    微信号:13825575516

    (点击微信号复制,添加好友)

    优化二维码打开微信