1116 字
6 分钟
扁平化与拟物化
📱一、什么是拟物化设计?
拟物化的设计风格,就是让手机、电脑上的图标、按钮等看起来像现实中的物品。 比如“回收站”图标像一个真实的垃圾桶,记事本APP像一本带纹理的纸质笔记本 (skillshare.com)。
- 优点:让完全不懂科技的人,一眼就能看懂——鼠标点回收桶就像现实中扔垃圾,很直观。
- 含义:给人熟悉的感觉,降低学习新科技的门槛 。
比如早年Mac的“Aqua”界面,会有光泽、水滴质感,看起来不仅漂亮,也让人了解“能点、能拖” (en.wikipedia.org)。
二、拟物化设计的历史到底有多早?
- 历史渊源:拟物化最早可以追溯到1890年,用“形状”来模仿之前的真实物品 。 (skillshare.com)。
- 苹果代表性案例:
- iPhone刚出时用felt(毛毡)、皮革等视觉元素,像桌面日历、书架等界面,目的是教会人们点触屏操作 。
- 2013年iOS 6前,苹果APP如“日历”“笔记”都是拟物化风格 (wired.com)。
总之,拟物设计早期让新手快速上手,界面也更“好看”、“有质感”。
三、平地风:扁平化设计如何兴起?
- 根源于印刷+现代主义:扁平化风格早在1920-60年代就存在,像瑞士风格的排版,讲究网格布局、无衬线字体 (dovetail.com, speckyboy.com)。 (zh.wikipedia.org)。 。
于是,微软、苹果、谷歌(推出Material Design)全面转向扁平化设计 。
四、两种设计风格的优点与不足
1. 拟物化设计
- 优点:
- 上手机、平板界面像现实物,直观易懂,降低学习成本 。
- 细节丰富、视觉效果强,看起来漂亮、逼真。
- 适合初学者,用真实感来教人。
- 不足:
- 图案复杂,界面容易“重”,加载慢,占资源简单。
- 设计成本高,细节太多很麻烦 (storyly.io)。
- 高度写实可能误导人,比如按钮像旋钮但用不了 。
2. 扁平化设计
- 优点:
- 界面更简洁、干净、现代,有“明快感” 。
- 加载快速,跨平台适应强(网页、手机、平板都好看) (dev.to)。
- 维护简单,开发成本低。
- 不足:
- 对于新用户,有时辨认按钮不容易,容易“看不出哪里能点” 。
- 风格太统一,个性不足,部分用户觉得“冷冰冰”“没温度” 。
五、我的选择:倾向拟物化设计 🤗
虽然大家现在都喜欢扁平化,我更倾向拟物化设计,原因如下:
- 更容易上手 作为初中生,遇到一样新东西,看着像书本、笔记本就懂怎么用了,不必靠猜。
- 更有亲切感 拟真图标会让我觉得“会动、有触感”,像在现实中操作,心里更舒服。
- 更有趣味性 细节丰富,每次滑动都能找到“惊喜”,更有参与感。
当然,我也不是反对扁平化。它确实干净、效率高。我认为最好的方式,是在简洁的基础上,加入小小拟物化元素。比如按钮有一点阴影、立体感,但整体还是现代风格。
六、总结:未来可能是两者融合的时代
- 曾经:拟物化主导界面设计 → 用真实感教会用户。
- 现在:扁平化主流 → 界面更简洁、适应各种设备。
- 将来:设计界可能发展出“新拟物”或“柔性扁平”风格,比如Material Design、Neumorphism 等,用简洁中带温度 (zh.wikipedia.org, drprime.hashnode.dev)。
我觉得,借助拟物化让新用户快速上手,不失趣味,用好阴影、纹理,也不会牺牲界面效率,会更适合用户体验。
📝 博文结尾:说说为什么喜欢拟物化
- 对于初中生来说很友好:不用翻教程,看着就懂该怎么点。
- 更有“人的味道”:不会像机器人界面,操作起来安心。
- 也能混搭:比如按钮稍微立体,图标简洁,既方便,又有质感。
总之,拟物化的亲切和直观是我喜欢它的理由,而它不是回到“乱糟糟”的界面,而是理解使用者、帮助他们自然上手的美好设计方式。未来,如果能结合扁平化的优点,做个既好用又好看的界面,那就太棒啦!