开发了 uidea.tools,尝试解决独立工作者的一部分设计问题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zy5a59
V2EX    分享创造

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

  •  
  •   zy5a59
    PRO
    2021-02-16 11:02:33 +08:00 3516 次点击
    这是一个创建于 1734 天前的主题,其中的信息可能已经有所发展或是发生改变。

    介绍

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

    初衷

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

    功能

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

    后续的想法

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

    对 UI 设计的思考

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

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

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

    最后

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

    第 1 条附言    2021-03-15 08:44:45 +08:00
    3.15 更新:新增了下载功能,可下载生成 UI 的 CSS 和 图片
    12 条回复    2021-02-18 22:19:11 +08:00
    johnsona
        1
    johnsona  
       2021-02-16 11:31:51 +08:00 via iPhone
    zy5a59
        2
    zy5a59  
    OP
    PRO
       2021-02-16 11:41:48 +08:00
    @johnsona #1 这是,仁兄可直言
    dingdangnao
        3
    dingdangnao  
       2021-02-16 12:05:10 +08:00
    这。。。大概是我的审美比较特别?
    lzdyes
        4
    lzdyes  
       2021-02-16 12:07:52 +08:00
    蛮厉害的啊,但是这种逃不过局限性,很难满足实际生产需求啊
    Norths
        5
    Norths  
       2021-02-16 12:38:38 +08:00 via Android
    可以的,看着挺舒服
    szDaoge
        6
    szDaoge  
       2021-02-16 13:19:06 +08:00 via Android
    看成 UIdie 了
    zy5a59
        7
    zy5a59  
    OP
    PRO
       2021-02-16 16:09:02 +08:00
    @lzdyes #4 是的,局限性确实是一个问题,暂时希望是能提供一些思路和辅助就好

    @Norths #5 感谢支持~

    @szDaoge #6 这个名字貌似也不错
    lcwylxx921
        8
    lcwylxx921  
       2021-02-16 20:07:37 +08:00
    赞~ 希望增加更多的可交互性
    zy5a59
        9
    zy5a59  
    OP
    PRO
       2021-02-16 21:09:58 +08:00
    @dingdangnao #3 额。后面还会增加更多的风格,总有一款适合你~

    @lcwylxx921 #8 感谢支持~
    MarkSanders
        10
    MarkSanders  
       2021-02-18 00:32:08 +08:00
    支持支持~
    zoharSoul
        11
    zoharSoul  
       2021-02-18 19:41:35 +08:00
    感觉不错 支持一波
    zy5a59
        12
    zy5a59  
    OP
    PRO
       2021-02-18 22:19:11 +08:00
    @MarkSanders #10
    @zoharSoul #11
    感谢支持~
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2434 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 06:41 PVG 14:41 LAX 22:41 JFK 01:41
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86