第一波!2023年3月精选实用设计干货合集 收藏

UI交互2023-03-07

进入3月,天气终于暖和起来了。这是 2023 年 3 月的第 1 波设计 干货合集 !UI 设计师所期待的 AI 生成 UI 终于来了,虽然处于开发早期,但是也值得看看。与此同时,还有人将 ChatGPT 和 Tailwind 结合到一起来用,使用这个服务,你干脆可以直接获得相应的 CSS 和 HTML 代码!当然, AI 生成 可能满足不了设计和前端同学的需求,没关系,这一期还有高素质的设计系统和完全免费可商用的网页模板!

当然,在此之前记得看看往期干货中有没有你感兴趣的素材:

第四波!2023年2月精选实用设计干货合集 大家好,这是 2023 年 2 月的第 4 波干货!

阅读文章 >

下面我们具体看看这一期的干货:

人工智能 UI 设计工具 Galileo Ai https://www.usegalileo.ai/

生成式 AI 可塑性确实很强,之前我们看到的很多生成式 AI 工具大都是用来生成图片,而 UI 这种规律性的设计其实也相当贴合 AI 生成的逻辑。这个名为 Galileo Ai 的新服务就是干这个的——你只需要提供一组描述词,它就能生成效果还不错的 UI 界面,也许还没有办法生成可用性极强的产品级别 UI 流程,但是对于很多 APP 而言,这也是一个不错的开始了,对吧?

目前 Galileo Ai 还处于早期调试阶段,对此感兴趣的同学可以注册体验一下。就像上周文章里的游戏设计项目一样,用好 Ai 生成可以省去大量的前期工作:

AIGC如何运用在实际设计项目中?来看国外高手的案例! 编者按:AI生成在如今的设计项目当中到底要怎么使用?

阅读文章 >

使用 ChatGPT 生成 Tailwind 组件 https://www.btw.so/tools/chat-gpt-tailwind-css-components

如果你的团队正在使用 Tailwind,那么这套工具 Tailwind CSS 组件生成工具一定要尝试一下,它结合了当下大热的 ChatGPT,你只需要写下你需要的组件的描述和关键词,选择你要的主色和次要色,然后就能生成你要的 UI 组件,这个时候在左上角可以切换成 代码模式,你可以稍加调整,将其应用到你的 Tailwind 代码当中。

高品质设计系统 Blank Design https://useblank.design/

虽然 AI 生成 UI 已经出现了,但是高品质的设计系统依然是设计项目中的刚需。这个名为 Blank System 的设计系统包含 2000 多个组件和 500 多个可自定义的全局样式,整个系统都是高度可扩展的。如果你需要快速创建一个着陆页,使用 Blank 几乎可以在几分钟内快速完成调整和设计。这套系统还额外配备了一套百搭的抽象 3D 图形素材。这套设计系统提供一个轻量级的免费版供个人用户使用,可以轻松在 Figma 当中编辑测试。

50 个免费着陆页 HTML 模板 https://htmlrev.com/

这个名为 htmlrev 的网站出自一名网页开发者之手,为了惠及同样忙于到处找 免费模板 和素材同行,干脆自己创建了这个网站,汇总了 50 个高素质、免费可商用的免费 HTML 模板,这些模板大多使用 Bootstrap 4 或者 5,支持 Google fonts,font awosome 等主流和流行插件,模板内的代码也大都非常易于阅读,模板自身附带有可用的图片素材,有需求的同学一定不要错过。

免费精选 UI 套件+灵感+设计系统+素材 https://prokit.gumroad.com/l/free_editable_UIkits

这个名为 Prokit 的设计素材合集,是耗费了几周时间精心挑选整合出来的免费资源和素材,其中包括超过 150 套用于移动端和桌面端的 UIkit 和 50 多套设计系统,这些分散在互联网各个角落的免费设计工具,能够让你事半功倍地设计 UI,其中不乏一些结合了最新的趋势和技术的设计系统和素材,有需求的 UI/UX 设计师可以收藏一波。

超大型3D角色库 Avatarz 2 https://www.avatarz.design/

超大型 3D 角色素材哭 Avatarz 升级到 2.0了,这套 3D 角色库可以针对角色进行更加深入的定制,不仅仅是衣服、肤色和发型等基础的组件可选,而且包括眼睛的轮廓、表情细节也全都可以定制,诸多定制元素排列组合下能够生成的不同角色造型数量超过 4 亿种,绝对能够满足绝大多数的角色设计需求。如果你不知道你能不能用得来这套角色库,可以先下载他们的免费 Demo,体验一把。即使你不会使用 3D 编辑工具,AvatarZ 同样提供 PNG 格式的素材,轻松拼接调整。

知名设计资源平台 IconScout 专用 Figma 插件 https://iconscout.com/plugins/for-figma

我们之前推荐过很多 IconScout 所出品的素材合集,他们会根据设计师的日常设计需求,在不同的节日输出主题的图库和资源,为不同类型的设计设计师提供特定类型的干货。如今 IconScout 也推出了自己的 Figma 插件,方便设计师在设计过程中一键获取自己所需要的资源。


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通