开发了 uidea.tools，尝试解决独立工作者的一部分设计问题

[zy5a59]

介绍

uidea.tools 是一款辅助 UI 设计的工具，希望能帮助一部分独立工作者解决一部分设计问题。

初衷

自己经常会做一些小的应用，每次的痛点就是 UI 设计，总是不尽如人意。虽然有站酷等网站可以参考，但是很难定制化，而墨刀之类的工具重点是在原型上，一些配色网站又缺少直观的界面感受，所以想尝试做一个工具，能辅助做一些 UI 设计，不敢说能做出最精致的，至少能完成说的过去的 UI 。
其实几个月前就开始构思了，最开始看了不少论文，想用机器学习跑一下，主要尝试了 GAN，跑了几个月没啥效果，实在不想再等下去，退而求其次就做了现在的版本。

功能

操作比较简单，选择风格，选择配色，可以直接预览效果，界面内容可以通过拖拽做一些简单的自定义。

后续的想法

• 再对机器学习做一些探索，希望能通过机器学习提供一定的创造力
• 开放风格、配色、组件的接入，让感兴趣的同志们能参与进来
• 之前还调研了微软的 sketch2code，尝试一下是否能接进来，直接草稿生成设计
• 如果用户多的话，计划做一个独立工作者的工作站，这当然是后话了

对 UI 设计的思考

做这款工具的时候对 UI 设计做了一些思考，这里也提一下。
在我的理解里，UI 分三部分组成：
UI = 内容 + 样式 + 排列

• 内容：图片、文字、图形 等等
• 样式：颜色、边框、字体 等等
• 排列：亲密性、对齐、嵌套、间距、大小 等等

所以辅助 UI 设计的工具也要解决这三个问题。
通过机器学习，应该可以一起解决（理由是既然通过 GAN 可以生成不存在的人脸，理论上设计稿也能生成，非专业的 YY ），理论存在，实践失败。
那目前 uidea.tools 是怎么解决这三个问题的呢？提供默认样式，需要人工接入进行定制化，解决方案并不能称做完美，算是一个妥协。

最后

按照惯例应该送点码，不过目前没有高级功能，就送大家一点祝福吧，祝大家新年快乐，事事顺意，新年都能实现自己的理想~
最后贴几张截图，各位请上眼

3.15 更新：新增了下载功能，可下载生成 UI 的 CSS 和 图片

[johnsona]

这

[zy5a59]

@johnsona #1 这是，仁兄可直言

[dingdangnao]

这。。。大概是我的审美比较特别？

[lzdyes]

蛮厉害的啊，但是这种逃不过局限性，很难满足实际生产需求啊

[Norths]

可以的，看着挺舒服

[szDaoge]

看成 UIdie 了

[zy5a59]

@lzdyes #4 是的，局限性确实是一个问题，暂时希望是能提供一些思路和辅助就好

@Norths #5 感谢支持~

@szDaoge #6 这个名字貌似也不错 🙂

[lcwylxx921]

赞～ 希望增加更多的可交互性

[zy5a59]

@dingdangnao #3 额。后面还会增加更多的风格，总有一款适合你~

@lcwylxx921 #8 感谢支持~

[MarkSanders]

支持支持～

[zoharSoul]

感觉不错 支持一波

[zy5a59]

@MarkSanders #10
@zoharSoul #11
感谢支持~