由 dawei 逻辑构建是设计的骨架，决定信息能否被用户快速理解。它不是抽象理论，而是具体到页面分区、元素流向与层级关系的决策过程。比如一个产品介绍页，应以用户核心诉求为起点：先确认“用户最想了解什么”，再将功能、优势、证据、行动指令按认知顺序排列，避免将技术参数前置而淹没价值主张。
质感表达是逻辑的肌肤，让理性结构获得可信度与温度。它不依赖繁复装饰，而源于材质隐喻、微动效节奏、留白密度与字体肌理的协同。按钮悬停时0.2秒缓入微缩+阴影加深，既暗示可交互性，又传递轻盈响应感；正文行高1.6、字重400配合浅灰文字色，在保证可读性的同时塑造克制专业的气质。
本图基于AI算法，仅供参考
二者必须同步推演，不可割裂执行。当构建信息流时，同步预设每段落的视觉重量：主标题用粗衬线体+大字号建立锚点，次级说明则采用中灰无衬线体+适度字间距，形成自然呼吸感。若仅关注逻辑却忽视字体大小差异不足，层级将坍塌；若沉迷光影渐变却忽略步骤顺序错乱，用户仍会迷失。
验证环节强调“双轨测试”：用五秒测试验证逻辑——截图投屏，让用户描述刚看到的关键信息；用盲测验证质感——关闭文字，仅展示色彩、间距、动效，询问其传达的情绪是“可靠”还是“活泼”、“严谨”还是“亲切”。反馈偏差超过30%，需回溯重构而非局部微调。
工具只是载体，关键在决策意识。Figma中用Auto Layout约束组件逻辑关系，同时锁定阴影模糊值与透明度范围；代码侧通过CSS自定义属性统一控制质感变量（如–surface-elevation: 0,1,2），确保逻辑变更时质感响应一致。每一次修改，都在加固逻辑与质感的咬合度。
设计不是堆砌正确元素，而是持续校准“用户如何思考”与“界面如何呼吸”之间的张力。当一个表单提交后弹出的提示框，既有清晰的完成状态图标（逻辑准确），又有0.3秒柔和上浮动画与微妙音效（质感真实），用户便完成了从理解到信任的闭环。