Refactoring UI - 第一章 从头开始-幽默的总结

date
Oct 30, 2025
slug
Refactoring-UI-Summarize
status
Published
tags
Refactoring UI
summary
Refactoring UI - 第一章总结
type
Post

🎨 第一章设计心法:从"功能婴儿"到"系统巨人"

1. 功能优先:别急着画"APP壳子"

  • 核心观点:设计APP像养孩子——先喂饱功能(如航班搜索框),再打扮界面(导航栏像买衣服,容易选择困难症发作)。
  • 幽默比喻
    • 就像追对象,别先纠结穿什么西装(布局),而是展示你靠谱的厨艺(功能)!谷歌航班页面直接甩出搜索框——"废话少说,先查机票!"
  • 利弊权衡
    • 好处:避免过早纠结细节,用灰度设计逼出界面骨骼感(像黑白素描练基本功)
    • 风险:但过度简化可能忽略品牌色情感表达,需后期补课。

2. 悲观主义设计:先当"最小可行产品"的保守派

  • 反直觉策略:像存钱罐先投硬币——评论功能先做纯文字版,别一开始幻想"附件拖拽炫酷特效"。
  • 专业价值
    • 敏捷开发中称为增量交付
  • 幽默警示
    • 设计师常犯"乐高式幻想":画了太空站图纸,发现一块积木都拼不上…不如先搭个纸飞机试飞!

3. 性格塑造:给界面"人设"比选口红重要

  • 字体心理学
    • 衬线字体(如Freight Text)像穿旗袍——优雅古典
    • 圆润无衬线(如Proxima Soft)像卫衣男孩——活泼年轻
  • 颜色潜台词
    • 蓝色是职场西装(安全牌),粉色是派对裙(有趣),金色是爱马仕橙(贵气)
  • 边框半径冷知识
    • 直角边框像西装革履的律师,圆角像穿卫衣的硅谷大佬——混搭?像西装配运动鞋!

4. 系统化约束:从"选择恐惧"到"消消乐高手"

  • 核心方法:提前定义字体/颜色等系统,像把调料分装小盒——不用每次重新翻找。
  • 专业技巧
    • 排除法设计:试16px字体后,对比12px/24px,差的直接淘汰,像相亲快速筛人
    • 自顶向下思维:先定框架再填细节,如华为WeLink先定"极简体验"目标,再设计一键报销流程。
  • 幽默类比
    • 无限选择像面对1000款奶茶——瘫了!系统化像奶茶店菜单:只有5种经典款,3秒点单。

💡 为什么这些方法有效?

  1. 对抗决策疲劳:系统化减少重复选择,把脑力留给真正创新
  1. 以人为本:如设计思维强调共情阶段——观察用户真实痛点(如自闭症患者摩擦墙壁求安抚),而非脑补需求
  1. 敏捷迭代:短循环工作(设计→编码→测试)像炒菜边尝边调整,比闭眼做满汉全席更保险

⚖️ 警惕极端化

  • 过度系统化:可能僵化创意,如严格字体尺度压抑紧急创新
  • 平衡之道:像华为WeLink"高举低打"——大目标坚定,小功能灵活试错
用书中的灵魂总结:
设计不是艺术创作,是带着镣铐跳舞——系统是镣铐,功能是舞步,性格是BGM! 🎭

© 拾光 2025 - 2026

粤ICP备2025472574号