乐于分享
好东西不私藏

8种codex设计插件product design使用技巧

8种codex设计插件product design使用技巧

用了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种视觉方案 

→你选择一套 

→实现可运行原型 

→设计还原检查 

→发布分享

微信obsidian同步助手(WeChat Obsync)重大升级说明

a16z夏季书单:一份献给求知欲旺盛者的阅读清单

微信文章一键存入Obsidian,就用这款免费的同步助手小程序