Back to blog
News
6 个实用练习,从零到能上手的 UI/UX 能力
给工程师的 UI/UX 入门练习:从信息架构到原型与评审。
Kerwin · 2023-08-01
全栈工程师不必成为专职设计师,但懂一点 UI/UX 能显著提升协作和产品感。下面是 6 个我实践过、且对写代码有帮助的练习。
1. 画信息架构与用户路径
先在一页纸里画出页面/模块关系和关键路径,再写接口和组件,能少走很多弯路。
2. 用高保真原型做「假数据」联调
用 Figma 或代码先做一版静态页,和真实接口联调前就对齐布局和状态,避免接口好了再大改 UI。
3. 做一次真实项目的设计评审
以「可开发、可维护」为维度参与设计评审:组件复用、状态是否考虑全、是否有极端数据/空状态等。
4–6. 小结
其余三个方向:做一个小组件库文档站、做一次可访问性自查、写一份设计 Token 与开发的对接文档。做完这几项,和设计师沟通会顺很多。