VISUAL LANGUAGE / DESIGN GUIDE

仿生有机 2.0

Biomimetic / Organic 2.0

借用细胞、流体、枝杈等自然结构作为形态或组织隐喻,比简单植物装饰更强调生长与连通关系。这里的仿生主要是视觉表达。

仿生有机 2.0设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

借用细胞、流体、枝杈等自然结构作为形态或组织隐喻,比简单植物装饰更强调生长与连通关系。这里的仿生主要是视觉表达。

适用场景

科学概念展示、创意研究、自然主题的交互原型。

不适用与取舍

精确对齐的财务表格,以及无法让用户理解结构含义的复杂导航。

实现方法

先定义形态对应什么信息,再以 SVG 曲线或有限节点表现;标签保持水平可读。必要链接有普通列表替代,动画生长可暂停。

具体界面示例

生态关系页用分枝显示类别关系,同时提供分类列表;每个节点都有名称和可点击边界。

常见误区

不规则形状并不等于仿生功能;不要声称视觉模仿带来生物学性能或可持续效果。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。