Back to blog
News

6 个实用练习,从零到能上手的 UI/UX 能力

给工程师的 UI/UX 入门练习:从信息架构到原型与评审。

Kerwin · 2023-08-01

全栈工程师不必成为专职设计师,但懂一点 UI/UX 能显著提升协作和产品感。下面是 6 个我实践过、且对写代码有帮助的练习。

1. 画信息架构与用户路径

先在一页纸里画出页面/模块关系和关键路径,再写接口和组件,能少走很多弯路。

2. 用高保真原型做「假数据」联调

用 Figma 或代码先做一版静态页,和真实接口联调前就对齐布局和状态,避免接口好了再大改 UI。

3. 做一次真实项目的设计评审

以「可开发、可维护」为维度参与设计评审:组件复用、状态是否考虑全、是否有极端数据/空状态等。

4–6. 小结

其余三个方向:做一个小组件库文档站、做一次可访问性自查、写一份设计 Token 与开发的对接文档。做完这几项,和设计师沟通会顺很多。