拟态孪生_过时的拟态设计

2023-11-03 05:31
文章标签 设计 孪生 过时 拟态

本文主要是介绍拟态孪生_过时的拟态设计,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

拟态孪生

In a recent article published by UX Collective, “The floppy disk Save icon: Visual language of an era long-gone”, author Scott Oliveri highlights a challenge with Skeumorphic design. The Save Icon may seem obvious and intuitive to most of us, yet for a huge number of younger users who have never handled, let alone seen a floppy disc, this icon has little relevance or any real-world association. As described by the Interaction Design Foundation…

在UX Collective最近发表的一篇文章中, “软盘保存图标:时代已逝的视觉语言” ,作者Scott Oliveri强调了Skeumorphic设计面临的挑战。 对于我们大多数人来说,“保存”图标似乎是显而易见的和直观的,但是对于从未使用过的大量年轻用户,更不用说看过软盘了,该图标也没有任何意义或实际关联。 如交互设计基金会所述...

Skeuomorphism is a term most often used in graphical user interface design to describe interface objects that mimic their real-world counterparts in how they appear and/or how the user can interact with them. A well-known example is the recycle bin icon used for discarding files. Skeuomorphism makes interface objects familiar to users by using concepts they recognize.

拟态是在图形用户界面设计中最常使用的术语,用于描述模仿其真实世界对应对象的界面对象的外观和/或用户如何与之交互的界面对象。 一个著名的示例是用于丢弃文件的回收站图标。 拟态化通过使用用户识别的概念使用户熟悉界面对象。

— Interaction Design Foundation

—交互设计基金会

This doesn’t mean that there is something inherently wrong with skeuomorphism but merely that it becomes challenging for users when the real-world counterparts evolve past our previously agreed upon designs.

这并不意味着拟态本身就存在某些内在错误,而仅仅是当现实世界中的同行超越了我们先前同意的设计时,它对用户而言具有挑战性。

This reminded me of a TikTok (yes, I’m on TikTok) that demonstrated this phenomenon of different perspectives perfectly. Each person was asked how you would gesture to someone that you’re on the phone. This generated two very different and telling responses.

这让我想起了TikTok(是的,我在TikTok上),它完美地展示了这种不同观点的现象。 每个人都被问到您将如何向正在打电话的人打手势。 这产生了两个截然不同的React。

TikTok video shows young child gesturing “I’m on the phone” with a full palm instead of pinky and fore finger

After I my picked my jaw off the ground it seemed fairly obvious as to why the younger person would use their full palm and not their thumb and pinky. After all, they grew up in a world with rectangular, glass smartphones while I remember learning to use the phone on a radial dial.

当我下颚离开地面时,对于年轻人为什么要用他们的手掌而不是用拇指和小指的感觉似乎很明显。 毕竟,它们是在拥有矩形玻璃智能手机的世界中长大的,而我记得还学会了在径向拨盘上使用手机。

Although I soon moved on to using flip phones and smartphones, I never forgot what a phone used to be. So, when I saw the phone icon on the iPhone interface it just made sense. For the younger generation though, there isn’t this intuitive link. They first have to just learn the icon and its function, then make the connection to the real-world counterpart.

尽管我很快转而使用翻盖手机和智能手机,但我从未忘记手机曾经是什么。 因此,当我在iPhone界面上看到电话图标时,这很有意义。 但是对于年轻一代,没有这种直观的链接。 他们首先必须学习图标及其功能,然后与真实世界中的对象建立连接。

iOS Phone App Icon

Of course, this is not evidence that younger users don’t know what a traditional phone looks like but rather it showcases how life experiences manifest in the ways we communicate. Whether it's through gestures or icons, we simplify the abstract through our own contexts and hope that it connects with others.

当然,这并不是年轻用户不知道传统手机看起来如何的证据,而是它展示了生活体验如何在我们的交流方式中体现。 无论是通过手势还是图标,我们都通过自己的上下文简化摘要,并希望它与其他人联系在一起。

In fact, there is a huge portion of modern design that is reliant upon our understanding of older technology. Folders mimic manilla folders in a file cabinet, mail icons mimic envelopes, and camera icons mimic analog cameras. Here are some examples from the iOS icon set.

实际上,现代设计中有很大一部分取决于我们对旧技术的理解。 文件夹模仿文件柜中的manilla文件夹,邮件图标模仿信封,相机图标模仿模拟相机。 以下是来自iOS图标集的一些示例。

Variety of iOS icons that reference older technology

Note that these aren’t necessarily bad icons. In reality, most of them are really effective due to their strong correlation to the real-world. Additionally, many of these are so ingrained in our visual language that we just get used to them, and changing them could be even more confusing for users.

请注意,这些不一定是错误的图标。 实际上,由于它们与现实世界密切相关,因此它们中的大多数实际上是有效的。 此外,这些功能中的许多功能在我们的视觉语言中已经根深蒂固,以至于我们习惯了它们,而更改它们可能会使用户更加困惑。

The challenge for designers is to design something that communicates across all contexts. Designers need to recognize their own blind spots and understand that there are users every day who are adopting modern technology, bringing their own life experiences and perspectives with them.

设计师面临的挑战是设计一种可以在所有环境中进行交流的产品。 设计师需要认识到自己的盲点,并了解每天都有用户在采用现代技术,并带来自己的生活经验和观点。

This doesn’t mean we need to change all of the icons that reference older technology. In reality, the strength of these icons might be in their distinguishable characteristics and consistency of use. As demonstrated by Scott’s article, finding a new icon for ‘save’ is not that easy. You end up getting something that looks more similar to a download or upload icon.

这并不意味着我们需要更改所有引用较旧技术的图标。 实际上,这些图标的优势可能在于其可区分的特征和使用的一致性。 正如Scott的文章所证明的那样,为“保存”找到新图标并非易事。 您最终得到的东西看起来更类似于下载或上传图标。

What we can say for sure is that the best skeuomorphic designs reference their real-world counterparts with minimalism in mind and evolves through the years. This gradual change is crucial to help users adjust to each new design. For example, the ‘pin’ in the Google Maps icon has changed significantly over the years.

我们可以肯定地说,最好的拟态设计会参考现实世界中的极简主义,并且会不断发展。 这种逐渐变化对于帮助用户适应每个新设计至关重要。 例如,多年来,Google地图图标中的“图钉”已发生了很大变化。

Progression of Google Maps icons through the years, from a physical map to the ‘pin’ icon
PC World PC世界

The app first started out as a much more literal reflection of the physical pins and fold-out maps. The pin then slowly evolved to be bigger, friendlier, and more inviting to the user while still coupling it with the physical map. Over the iterations we see the pin become the flagship marker of the app while the map becomes more abstract. What results is a minimalist icon that suggests the functions inside the app with only a small degree of association with the real world. Of course, this all didn’t happen at once. Gradually through the years as the technology and users evolved designers reevaluated their designs and tweaked them to better represent their functionality.

该应用程序最初以更真实的方式反映了物理引脚和折叠图。 然后,该图钉逐渐演变为更大,更友好,并且在仍然与物理地图结合的同时更吸引了用户。 在迭代过程中,我们看到图钉变成了应用程序的旗舰标记,而地图变得更加抽象。 结果是一个极简主义的图标,它暗示了应用程序内部的功能,与现实世界的关联度很小。 当然,这不是一次全部发生。 多年来,随着技术和用户的发展,设计师重新评估了他们的设计并对其进行了调整,以更好地体现其功能。

So as technology progresses and users continue to evolve remember that your relationship with it may be very different from someone else. So much so that one day when you gesture that you’re on the phone, someone else might think you’re giving them the shaka sign and telling them that you’re about to go surfing.

因此,随着技术的进步和用户的不断发展,请记住,您与之的关系可能与其他人完全不同。 如此之多,以至于有一天,当您手势示意您正在打电话时,其他人可能会认为您给他们打了摇牌,并告诉他们您即将去冲浪。

Image for post
Bay Area Black Designers: a professional development community for Black people who are digital designers and researchers in the San Francisco Bay Area. By joining together in community, members share inspiration, connection, peer mentorship, professional development, resources, feedback, support, and resilience. Silence against systemic racism is not an option. Build the design community you believe in. 海湾地区黑人设计师 :一个专业的黑人开发社区,他们是旧金山湾区的数字设计师和研究人员。 通过在社区中团结起来,成员可以共享灵感,联系,同伴指导,专业发展,资源,反馈,支持和韧性。 对系统性种族主义保持沉默是不可行的。 建立您相信的设计社区。

翻译自: https://uxdesign.cc/outdated-skeuomorphic-design-793d6e453341

拟态孪生


http://www.taodudu.cc/news/show-8139609.html

相关文章:

  • 第四届强网拟态 EasyFilter
  • 一分钟看懂全球首次上线的拟态防御网络设备
  • 前端小工具——轻松实现新拟态效果
  • 科普长文--网络安全拟态防御技术概念及应用
  • 网络时代拟态环境的复杂化
  • 网络如何营造拟态环境
  • rapidjson之原位解析(Insitu parse)
  • Geosoft Target/Oasis.Montaj/Insitu/Liquiter
  • 论文总结——In Situ Visualization at Extreme Scale Challenges and Opportunities
  • 论文阅读:DeepAuth: In-situ Authentication for Smartwatches via Deeply Learned Behavioural Biometrics
  • In-Situ可视化
  • java---从文件读取信息,并用反射创建对象存入对象集合
  • 空间分辨率转录组学数据中的归因方法的性能比较评估
  • 【原创】社区居民健康档案管理系统(SpringBoot毕业设计)
  • [附源码]java毕业设计铁路法院数字档案管理系统
  • 仿微博发布效果
  • 从爬取微博中搜索的热门事件到数据分析处理全过程(一)
  • 基于STM32设计的校园一卡通(设计配套的手机APP)
  • Linux下3D离屏渲染(可通过ssh操作)
  • MySoftRenderer:C++ 自制软渲染器
  • 【Unity3D】线段渲染器LineRenderer
  • 启动rocketmq,报错误: Please set the ROCKETMQ_HOME variable in your environment!的解决方法
  • 【解决方案】Are you trying to mount a directory onto a file or vice-versa 解决方法
  • RuntimeError: adaptive_max_pool2d_backward_cuda does not have a deterministic implementation……报错
  • GitHub超时解决方法
  • dbeaver 激活方法
  • 【VS Code插件开发】入门篇(一)
  • remote: HTTP Basic: Access denied. The provided password or token is incorrect or your account 解决方案
  • sklearn集成方法
  • 使用Mockito模拟Static静态方法
  • 这篇关于拟态孪生_过时的拟态设计的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



    http://www.chinasem.cn/article/335916

    相关文章

    不懂推荐算法也能设计推荐系统

    本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

    怎么让1台电脑共享给7人同时流畅设计

    在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry

    基于51单片机的自动转向修复系统的设计与实现

    文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机

    SprinBoot+Vue网络商城海鲜市场的设计与实现

    目录 1 项目介绍2 项目截图3 核心代码3.1 Controller3.2 Service3.3 Dao3.4 application.yml3.5 SpringbootApplication3.5 Vue 4 数据库表设计5 文档参考6 计算机毕设选题推荐7 源码获取 1 项目介绍 博主个人介绍:CSDN认证博客专家,CSDN平台Java领域优质创作者,全网30w+

    单片机毕业设计基于单片机的智能门禁系统的设计与实现

    文章目录 前言资料获取设计介绍功能介绍程序代码部分参考 设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订

    Spring的设计⽬标——《Spring技术内幕》

    读《Spring技术内幕》第二版,计文柯著。 如果我们要简要地描述Spring的设计⽬标,可以这么说,Spring为开发者提供的是⼀个⼀站式的轻量级应⽤开发框架(平台)。 作为平台,Spring抽象了我们在 许多应⽤开发中遇到的共性问题;同时,作为⼀个轻量级的应⽤开发框架,Spring和传统的J2EE开发相⽐,有其⾃⾝的特点。 通过这些⾃⾝的特点,Spring充分体现了它的设计理念:在

    开题报告中的研究方法设计:AI能帮你做什么?

    AIPaperGPT,论文写作神器~ https://www.aipapergpt.com/ 大家都准备开题报告了吗?研究方法部分是不是已经让你头疼到抓狂? 别急,这可是大多数人都会遇到的难题!尤其是研究方法设计这一块,选定性还是定量,怎么搞才能符合老师的要求? 每次到这儿,头脑一片空白。 好消息是,现在AI工具火得一塌糊涂,比如ChatGPT,居然能帮你在研究方法这块儿上出点主意。是不

    创业者该如何设计公司的股权架构

    本文来自七八点联合IT橘子和车库咖啡的一系列关于设计公司股权结构的讲座。 主讲人何德文: 在公司发展的不同阶段,创业者都会面临公司股权架构设计问题: 1.合伙人合伙创业第一天,就会面临股权架构设计问题(合伙人股权设计); 2.公司早期要引入天使资金,会面临股权架构设计问题(天使融资); 3.公司有三五十号人,要激励中层管理与重要技术人员和公司长期走下去,会面临股权架构设计问题(员工股权激

    分布式文件系统设计

    分布式文件系统是分布式领域的一个基础应用,其中最著名的毫无疑问是 HDFS/GFS。如今该领域已经趋向于成熟,但了解它的设计要点和思想,对我们将来面临类似场景 / 问题时,具有借鉴意义。并且,分布式文件系统并非只有 HDFS/GFS 这一种形态,在它之外,还有其他形态各异、各有千秋的产品形态,对它们的了解,也对扩展我们的视野有所俾益。本文试图分析和思考,在分布式文件系统领域,我们要解决哪些问题、有

    (入门篇)JavaScript 网页设计案例浅析-简单的交互式图片轮播

    网页设计已经成为了每个前端开发者的必备技能,而 JavaScript 作为前端三大基础之一,更是为网页赋予了互动性和动态效果。本篇文章将通过一个简单的 JavaScript 案例,带你了解网页设计中的一些常见技巧和技术原理。今天就说一说一个常见的图片轮播效果。相信大家在各类电商网站、个人博客或者展示页面中,都看到过这种轮播图。它的核心功能是展示多张图片,并且用户可以通过点击按钮,左右切换图片。