
用了codex这个product design插件,你的网站秒变专业网站,审美拉高100个档次。
先看下面案例:
已关注
关注
重播 分享 赞
你可以把Product Design当成“产品设计搭档”,
直接用@product-design加需求。
1.审查现有产品
@product-design 审查xxx首页,找出UX、视觉和移动端问题
2.探索新设计
@product-design 给这个工具设计3种明显不同的UI方向
它会先确认需求,再给你3张视觉方案。你选中后才写代码。
3.根据截图实现
@product-design 按这张截图实现响应式前端
4.根据网址复刻
@product-design 参考这个xxx网站,做一个可运行的本地原型
5.改造现有项目
@product-design 重新设计xxx网站,保留功能,提升视觉和交互
6.研究用户问题
@product-design 调研xxx工具用户最常见的使用障碍
7.检查设计还原度
@product-design 对比设计稿和已实现页面,修复不一致的地方
8.发布原型
@product-design 把这个原型部署并给我分享链接
完整流程:
了解产品
→确认设计需求
→生成3种视觉方案
→你选择一套
→实现可运行原型
→设计还原检查
→发布分享
夜雨聆风