刚好前段时间制作了个像素图绘制程序,当初是简单做了一版的操作UI的排版,功能都有了但是看起来太临时。
对于一个APP来说,UI设计也是非常重要的,这直接关系到这个APP是否是个“产品”,没有设计过的UI会让项目永远停留在Demo阶段。
当下AI驱动UI设计的发展势头十分迅猛,今天我也尝试下试用一些工具,体验下高级生产力,顺便记录一下对于使用AI去生成UI的探索。
我会使用如下提示词:
UI Components:
1. Edit Pixel Points Screen:
- Interactive grid display for pixel manipulation.
- Zoom in/out gestures.
- Color picker to select active pixel color.
2. Layer Options Screen:
- Layer management tools (add, delete, reorder).
- Layer visibility toggles.
- Opacity adjustment slider.
- Layer preview, selcted and drag to new index
3. Color Options Screen:
- Custom color palette.
- Color history and recently used colors.
- Option to create and save custom palettes.
4. Brush Options Screen:
- Selection of brush types (pencil, spray, etc.).
- Brush size adjustment slider.
- Quick-access button for frequently used brushes.
5. Image Import Screen:
- Options for importing images with pixel-level settings.
- Size adjustment controls (scaled dimensions and aspect ratio).
6. Image Export Screen:
- Scaling options for output size.
- Format selection for export (PNG, JPEG, GIF).
生成了一些设计稿




小结
由于我这没有付费,所以在 Galileo AI 与 UXPILOTG 上获得的体验也是一般,但是在UiZard上倒是可以生成完整的,登录注册流程UI,加上核心的编辑器UI,只是部分的UI界面被置灰,告知只有付费才可以使用该UI页。
所以在自动化生成Ui流程上来说,我觉得Uizard 还是不错的,它甚至可以在线生成一个浏览设计稿的地址,点进去就是直接开始试用这个"APP样品"。
所以你更倾向哪个呢 ?