01 / OBJECT-FIRST DESIGN
从被设计的对象进入唯一主树;表达、行为、目的和方法都作为横向关系查看。
02 / DESIGN METHODS
独立维护研究、定义、构思、原型、测试与交付,并通过关系支持主树对象。
03 / DESIGN PSYCHOLOGY
独立维护解释注意、理解、判断、情绪与行为的支持知识。
04 / PHOTOGRAPHY PRACTICE
独立维护技术、构图、光线、后期与器材知识,通过关系连接图像对象。
05 / DESIGN SYSTEM IMPLEMENTATION
维护 Token、组件和规范的实现资料;它服务于主树,不构成另一个对象分类轴。
LATEST PAGE EXAMPLES
最近收录的 Features、Compare、Pricing 与 Tool 官方页面案例。
Design objects
主树只按被设计的对象组织:信息、产品与物件、界面、服务、空间和系统。
Cross-cutting dimensions
视觉、字体、交互、体验、SEO、转化、方法和评价不再抢占主树位置,而是连接到对象节点。
Independent trees
摄影、方法、心理学、设计输入与设计结果保持独立,通过横向关系与主树互相连接。
从“设计”根节点向下浏览;对象族默认展开,直接子项超过 10 个的深层分支默认折叠。
BOTTOM-UP CASE INDEX
从具体案例出发,依次回到所属类目、大类与全部内容;超过 10 个案例的类目默认折叠。
对象族组成主树,设计维度与独立知识树横向连接;拖动画布浏览,滚轮缩放,0 复位。
六个对象族组成一棵主树,八个横向设计维度与三个独立知识树通过关系连接。
flowchart LR subgraph S01 ["设计对象主树"] direction TB DESIGN["设计"] INFO["1 信息"] PRODUCT["2 产品与物件"] INTERFACE["3 界面"] SERVICE["4 服务"] SPACE["5 空间"] SYSTEM["6 系统"] end subgraph S02 ["横向设计维度"] direction TB MEANING["内容与意义"] STRUCTURE["结构与组织"] EXPRESSION["形式与表达"] BEHAVIOR["行为与交互"] PURPOSE["目的与价值"] CONTEXT["情境与约束"] PROCESS["过程与方法"] EVALUATION["评价与证据"] end subgraph S03 ["独立知识树"] direction TB METHODS["方法与设计输入"] PSYCHOLOGY["心理学"] PHOTOGRAPHY["摄影"] end DESIGN --> INFO DESIGN --> PRODUCT DESIGN --> INTERFACE DESIGN --> SERVICE DESIGN --> SPACE DESIGN --> SYSTEM MEANING -.分类 / 关联.-> INFO STRUCTURE -.分类 / 关联.-> INTERFACE EXPRESSION -.分类 / 关联.-> INFO BEHAVIOR -.分类 / 关联.-> INTERFACE PURPOSE -.适用于.-> SERVICE CONTEXT -.约束.-> SPACE PROCESS -.使用.-> SYSTEM EVALUATION -.评估.-> SYSTEM METHODS -.支持.-> DESIGN PSYCHOLOGY -.解释.-> BEHAVIOR PHOTOGRAPHY -.独立连接.-> INFO INFO ~~~ MEANING INTERFACE ~~~ STRUCTURE SYSTEM ~~~ METHODS