【TechWeb报道】相信IT迷们都会发现无论是iOS 7还是最新的Android L,其设计风格都越来越类似,而著名科技外媒Arstechnica就集合了一些员工开了次吐槽大会,对当今软件设计中他们觉得不合理的地方开炮,看看是否有说到你心坎的地方?

以下是全文内容:

扁平化如今十分流行,而这个特殊的设计风格发源于微软的Windows Phone 7系统。这种风格喜欢采用超大图标和鲜艳的色彩,并且不搭配任何纹理或装饰,而这一理念也扩感染了Windows 8, iOS 7, OS X Yosemite,Android L以及这些平台上的应用。现在的软件界面从拟物化转为扁平化。各种设备的屏幕并不是纸做的,那为什么要让软件看起来薄饼呢?

这些新设计还是没有以往设计风格的灵气。我们编辑部经过讨论列出了那些让我们气炸了的现代UI设计风格。我们肯定漏掉了一些坑货,但先批这几个再说。如果你也有牢骚要发泄,请在评论区一吐为快。

过度扁平并且只有文字的“按钮”

界面底部的文字其实是按钮

iOS 7中最常见的UI元素之一就是四不像按钮(谷歌的Android L也在走这条不归路)。触控界面倾向于无微不至地让用户了解如何操作,而Ios 7却反其道而行之,用一些高亮或未高亮的文字把我搞得晕头转向。它对于按钮的定义非常随意,所以我也不知道对特定的颜色或字体改如何反应,于是经常在屏幕上面盲人摸象。

独立博客Daring Fireball此前就一阵见血地指出iOS 7的众多UI设计元素中,许多其实就是伪装成按钮的文字,或者反之。它举例称在iOS 7一个编辑音频文件的界面中,“修剪”这个词会出现两次,有一个是按钮,而另一个只是名称,两者的唯一却别就是有一个字体更粗一点。

由于没有统一的颜色来区分文字和按钮,点击文字来操作确实有些难适应,但我已经习惯了。更糟糕的问题是iOS 7对于如何高亮一个点击过的按钮还是没有统一的方案。

——文化专区编辑Casey Johnston

稀稀拉拉的界面

Youtube界面变迁史

当今的操作系统都想让内容更为突出,更适配触屏操作,并确保内容的间隔一致,但这都是以信息密度下降为代价。上图就显示了Youtbue界面这些年来的变化。虽然早期版本丑爆了,但最近的版本几乎让我一眼只能看到一个视频。

这一现象也波及到了其他地方。iPad上的iOS 7文件夹现在一次只能显示9个文件,而上一个版本还能一次显示20个。看看Gmail经过了Material Design粉刷之后的打开效果,你也就懂了我到底在说什么。现在的界面确实更好看了,但随着设备尺寸的飞涨,我一次能看到的内容反而大大减少。我们能不能找到办法让我们既能体验更华丽的界面,也无需不停滑上滑下?

——高级产品专家Andrew Cunningham

过度半透明化

半透明化设计反而给操作面板添乱

有很多界面的设计是为了减少屏幕上的信息密度,而苹果大爱的半透明化设计使我们更难理解上面的信息。OS X系统喜欢采用半透明和线条设计,但这两者都还是弱化了,因为它们会让界面显得光怪陆离,使我们不能注意到真正需要的信息。

不过苹果从未真正放弃过半透明化设计。Leopard系统的菜单栏是半透明式,似乎可以将菜单栏完美融合到你的桌面壁纸中,但却让你看不清上面的操作命令。所以Cupertino系统又让用户可以取消半透明。

而现在这种设计又卷土重来。只要开发者愿意,任何窗口都可以半透明化和背景融为一体。这意味着用户将会受到开发者的摆布,因为开发者将决定用户想要关注的信息能看得一清清楚还是混在界面背景当中。

苹果总是从开发者角度做决定,因此它变得有点独断专行。它觉得保持一致的视觉效果很重要所以就顺着做了,而开发者也会顺着做出让用户不满的界面。苹果现在似乎在说:“为所欲为吧,谁管用户们怎么想。”

——高级科学编辑John Timmer

菜单上清一色的大写字母

OneNote的菜单栏

微软最新一代应用和操作系统上的全大写字母菜单真是糟透了。微软的这一做法这让文本的易读性大大降低。几年前Visual Studio设计组称全大写是大势所趋,因为“这会使菜单更具视觉效果”并且“所有其他的微软应用程序也在这样做”。

实际上这一切都是莫名其妙。当然有办法来调整一些应用的菜单,使上面的大小写能正确显示,但目前并没有通用的解决方案。全大写菜单和半透明设计一样都会使用户体验下降。

更糟的是它还渗透到了其他的操作系统。微软最近发布的OS X版OneNote就采用了这种无语的菜单。

——高级测评编辑 Lee Hutchinson

鸿蒙系统拟物化图标,那些让人不得不吐槽的软件设计风格相关推荐

  1. 鸿蒙系统拟物化图标,疑Flyme8 UI曝光:极致拟物化设计引领icon风

    近日,国外著名爆料网站slashleaks曝光了疑似Flyme 8系统的新UI界面.从谍照上看,相比Flyme 7,全新Flyme 8的设计风格回归拟物化,导航条和状态栏也做了细节调整,视觉效果更棒. ...

  2. 鸿蒙系统拟物化图标,iOS 15界面曝光,安卓12发布,手机系统高效功能体验才是关键...

    近日,iOS 15的锁屏界面和桌面小组件设计被曝光.根据网友的曝光图来看,iOS 15和iPhone一样,开始了"返璞归真"的设计,重新采用了拟物化的图标,看起来舒适感极强.另外, ...

  3. 教你用 css 写一个拟物化图标

    拟物化(Skeuomorphism)风格的图标在iOS7发布之前广为流行.相当长一段时间,无论系统.网页还是第三方应用都争相使用拟物化的设计风格.那时候的dribbble网,各色优秀的拟物化设计作品也 ...

  4. UI设计趋势中的新拟物化图标设计素材模板

    什么是拟物化呢? 就是光影关系几乎完全模仿实物,图标与实物几近相似. 拟物化图标优点,是容易识别,缺点是设计耗时. 拟物化图标分为设计拟物和交互拟物. 设计拟物就是设计与实物贴近的图标,交互拟物如在手 ...

  5. [前端css-1] 拟物化图标

    [前端css-1] 拟物化图标 1.效果展示: 2.知识点: 1.flex布局(css弹性盒子)2.box-shadow(盒子阴影)3.transition (动画)4.:active (伪元素) 3 ...

  6. UI设计:使用PS绘制拟物化图标

    UI设计:使用PS绘制拟物化图标 1.应用图标大小1024*1024px 2.拟物化图标讲究的是尽可能于实际物体相近 3.图标的光是从上往下照射的,所以会呈现一定的阴影 4.使用fx里的各种效果是图标 ...

  7. 鸿蒙系统研发投入多少,鸿蒙系统研发投入4000至5000人,已经在华为手机上测试完成...

    华为于8月9日的HDC2019大会上发布了国民期待已久的鸿蒙(HarmonyOS)操作系统.余承东介绍了华为自研的鸿蒙OS,鸿蒙为开源,可用于大屏.PC.汽车等各种不同的设备上.鸿蒙还可以随时用在手机 ...

  8. 苹果ios鸿蒙,苹果iOS界面一直都很美,鸿蒙系统在这方面,让人担心

    从前,终端系统OS界天下三分,无论是电脑还是手机,或者是其他终端,微软的系统,苹果的系统,谷歌的系统,在互联网中有着不可言喻的作用和地位! 后来,智能手机的发展,系统经过市场的教育,将开发者少的win ...

  9. 鸿蒙手机生态办公软件,华为备战鸿蒙系统手机!HMS国内开启测试:打造自主软件生态...

    我们都知道,今年的华为非常不好过,因为被限制,不仅在硬件方面断供,在软件系统上也很不好过.电脑上Windows系统微软不让用,这个还比较好办,毕竟电脑买回来用户还可以自行安装,还是非常快的.而手机就比 ...

最新文章

  1. Spring 官方发起Spring Authorization Server 项目
  2. Java SpringMVC框架学习(二)httpServeltRequest和Model传值的区别
  3. 三体云周思进:在红海中寻找蓝海
  4. Online Learning算法理论与实践
  5. Android之error: ‘const struct JNINativeInterface‘ has no member named ‘callVoidMethod‘
  6. 解决vlc-android播放http视频退出问题
  7. C#LeetCode刷题之#13-罗马数字转整数(Roman to Integer)
  8. case when then else end 用法
  9. 吴恩达机器学习学习笔记第三章:机器学习中的线性代数
  10. python自定义函数名_使用自定义名称创建Python动态函数
  11. openssl SM2签名密钥生成
  12. Google Earth Engine(GEE)——导出视频和存储到云端!
  13. Shell脚本基础语法教程
  14. ImportError: Couldn‘t import Django. Are you sure it‘s installed and available on your PYTHONPATH en
  15. CSS提高图片清晰度
  16. 一文彻底搞懂Mybatis系列(二)之mybatis事务管理机制深度剖析
  17. u盘插linux系统不显示,u盘在我的电脑显示不出来怎么办
  18. BIMC中国最权威的电子商务托管运营商
  19. 洛谷:P2142 高精度减法
  20. SpringSecurity多种认证方式记录之自定义

热门文章

  1. png24 图片透明底
  2. 索尼电视 android很卡,索尼电视卡顿怎么办?两个办法教你解决索尼电视卡顿问题...
  3. google商店上架app被重签名问题记录
  4. 深户集体户口借出须知
  5. R语言语法及建模合集
  6. 算法实例_线性表 By:比方
  7. docker status exited(255)
  8. Coding and Paper Letter(十一)
  9. LATCH的产生过程
  10. 详谈NVMe over Fabric技术发展简史