移动优先 · Mobile First
英文:mobile first(按单词直读)
界面与交互难度:进阶 ★★
🗣️一句话大白话
设计顺序的哲学:先设计最小的手机屏,再扩展到平板、桌面——而不是先做桌面再「挤压」成手机版。从最小画布开始,会逼你砍掉不重要的东西。
🎬真实场景
先做桌面再适配手机:功能越堆越多,手机端放不下,砍得面目全非。反过来:手机端只留核心流程(自然精简),桌面富余空间再加增强功能。
📮你可以这样说
「「设计从手机端开始:先出 375px 宽的手机布局,确认核心流程顺畅后再扩展桌面布局。」」
⚠️边界与常见误解
- ▸移动优先砍的是「首版范围」不是丢功能:增强功能桌面再加回
- ▸手机交互(触控、无 hover)和桌面不同:不只是宽度变窄
- ▸先看用户数据:主要设备是什么,就让哪个端优先