惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
Docker
小众软件
小众软件
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
酷 壳 – CoolShell
酷 壳 – CoolShell
Apple Machine Learning Research
Apple Machine Learning Research
月光博客
月光博客
人人都是产品经理
人人都是产品经理
大猫的无限游戏
大猫的无限游戏
V
V2EX
阮一峰的网络日志
阮一峰的网络日志
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
博客园 - Franky
WordPress大学
WordPress大学
有赞技术团队
有赞技术团队
Hugging Face - Blog
Hugging Face - Blog
Jina AI
Jina AI
博客园 - 聂微东
S
SegmentFault 最新的问题
量子位
宝玉的分享
宝玉的分享
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园_首页

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
2021年了还在做拟物主题? - 少数派
2021-09-13 · via 少数派

把一个按钮设计成按钮是对用户的基本尊重。

关于拟物

注:以下仅代表个人观点与看法

拟物设计死了吗?显然没有,只是它已经悄悄融入我们的思想。

icon 是为了交互而生的,而好的交互应当要符合用户的直觉,因而 icon 的设计自然而然地会模仿物理世界的存在:邮件通常是一个「信封」、音量也常常是「喇叭」,表现形式多种多样,但内在仍保留了拟物的思想。过去做一个按钮通常会有明确的高光、阴影、渐变,让人一眼就能get到这是一个按钮(物理按钮的映射);而现在的按钮通过色彩的对比突出、适当的阴影描边构造层级同样达到了类似的效果。不管趋势如何,核心还是为用户服务。

而今天我说的拟物就是单纯外在的的拟物,它通过明确的高光阴影、清晰的纹理质感以立体的方式展现数字化的现实。我对拟物有所感触最早是 iPhone 4s 时期,那是第一次清晰地感受到玻璃质感带来的视觉冲击。再后来是大家所熟知的 Smartisan OS ,精致的工匠主义所带来的细腻体验是无法比拟的,而我确确实实地为这固执的拟物设计着迷。

图源:Smartisan OS 官网

拟物主题探路

对于长期使用 MIUI 的学生我来说,拟物化的主题选择并不是很多,可选的也大多是古早的风格,虽然很精致但就是有那种浓重又难以言喻的「爵士味」。

大概年初,突发奇想既然自己我有一些做平面的经验那为什么不尝试自己做一款图标。

制作思路

我提出了几个问题:这个应用叫什么?这个应用它是做什么用的?这个应用是什么类型?现实世界中是否存在某些事物映射?每做一个图标之前我都会问自己这些问题,并把答案作为关键词贴在「情绪版」上,随后通过关键词搜寻更多素材。参考「情绪版」,我尽可能找到一个意向把图标拟物化,最后运用软应用本身的一些特色作为装饰,如品牌配色、logo等。

初版效果

软件我选择了正流行的 Figma (受 Anyway.FM 的推荐),但由于之前对图形钢笔工具的使用不够熟练,并且是第一次尝试拟物风格,最初版本实现效果就比较粗糙了。我也将它发到某平台上,收获到一些用户的鼓励认可和意见,于是我下定决心把它做的更好。

初版尝试

进阶

后面我系统学习了一些拟物图标绘制的方法,然后基本上就是反复看 dribbble、Pinterest 里的拟物作品,看看别人是如何处理高光阴影细节,慢慢做调整。

目前部分图标呈现效果

命名

最初我没想过主题名字,我总习惯于先有想法然后做完,最后再去整理原先想法去总结一些所谓理念之类的。我的设计想法是尽可能使应用图标接近物理世界,试图表达出那种用户的下意识感知,就这样「Sense」一词应运而生。

最终效果展示

结语

目前主题仍旧存在很多问题与妥协:适配少、一部分图标采取了草率的方案以满足一定的适配等。这些问题我会慢慢解决,不断改进,欢迎安卓(仅包含MIUI、Flyme、OPPO、华为)用户前往试用,提出宝贵建议。另外可以选择 图标包 使用。

以上为本人第一篇文章,感谢您的阅读、批评与建议,后续我会写一些关于 Figma 绘制拟物以及使用经验,如果觉得还不错的话可以关注一下。

  • 开头引语来自锤子科技UI设计总监方迟
  • 感谢 dribbble 用户 zklm0000 以及锤子科技的启发