刚好前段时间制作了个像素图绘制程序,当初是简单做了一版的操作UI的排版,功能都有了但是看起来太临时。
对于一个APP来说,UI设计也是非常重要的,这直接关系到这个APP是否是个“产品”,没有设计过的UI会让项目永远停留在Demo阶段。

当下AI驱动UI设计的发展势头十分迅猛,今天我也尝试下试用一些工具,体验下高级生产力,顺便记录一下对于使用AI去生成UI的探索。

我会使用如下提示词:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
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
Uizard

小结

由于我这没有付费,所以在 Galileo AI 与 UXPILOTG 上获得的体验也是一般,但是在UiZard上倒是可以生成完整的,登录注册流程UI,加上核心的编辑器UI,只是部分的UI界面被置灰,告知只有付费才可以使用该UI页。

所以在自动化生成Ui流程上来说,我觉得Uizard 还是不错的,它甚至可以在线生成一个浏览设计稿的地址,点进去就是直接开始试用这个”APP样品”。

所以你更倾向哪个呢 ?