从去年11月 AI聊天机器人 发布以来,互联网对人工智能的讨论从未停止过,GPT 4 的重磅发布,再次点燃AI工具的热度。值得注意的是,设计领域对AI工具的看法褒贬不一,有的人认为:设计师可以通过AI输出网站副本,并制定设计方案,以此简化网页设计的工资流程,让设计师能够有更多的时间和精力用于创造上。也有人认为:人工智能AI生成的设计方案存在不确定性、主观性,甚至有抄袭的风险。

其实,AI工具对UI设计的影响是很难界定的,有一点值得肯定的是,如果设计师能够正确合理的使用AI工具,将会为设计师的工作带来便利。今天,我将通过AI生成工工具、AI聊天机器人、矢量编辑工具Pixso,教你如何3步快速完成网页设计稿。

第一步:AI工具生成网页图片

市面上的AI生成工具有很多,我们只需要输入关键词,即可生成图片。以DEEP DREAM为例,我们输入关键词【运动鞋】,将生成的图片保存下载。

ai网页设计

第二步:AI聊天机器人生成文字内容

我们根据AI工具生成的图片,进行文字描述,因此可以通过AI聊天机器人快速生成运动鞋相关文案。

网页设计ai

第三步:套用网页设计模板

Pixso 资源社区内置海量移动界面、网页等设计模板,模板主题多样,设计师可以通过AI工具生成图像,直接套用在Pixso提供的模板中。点击注册Pixso账号,即可一键复制网页设计模板。

ai网页设计

选择合适的网页设计模板,一键复制到Pixso编辑器里。将AI工具生成的图片导入到Pixso编辑器里,并使用Pixso抠图功能,将生成的图片进行背景移除,保留需要的设计元素。

网页设计ai

你可以任意调整模板组件的大小、颜色、界面布局、按钮形状等。Pixso提供全中文的语言环境,以及提供更多自主可控的绘画选择,钢笔工具灵活自由,创作的矢量网格没有方向,能够在不同方向进行分叉,轻松设计多边圆弧和饼图。作为矢量图形编辑工具,Pixso还支持直接在画布绘制五种常见矢量图形,矩形、直线、椭圆、多边形、星形,点击免费注册使用Pixso账号。

ai网页设计

以上便是借助AI网页设计的全部步骤了。Pixso资源社区内置网页界面、移动APP界面、图标、插画、UI组件、设计系统等资源,助力设计师快速完成设计项目,且资源主题丰富,包含电商、旅游、房地产、智能家居、车载、NFT等,能够无水印导出PNG、JPG、SVG、PDF格式,并且支持iOS 、Android、Web 预设。

总结

越来越多的设计师开始担心AI取代自己,其实不然,设计师可以将AI工具作为辅助工具使用。借助AI工具寻找创意灵感,激发创造力,然后再通过数字化的设计工具如Pixso,将创意想法快速落地。合理得当使用AI工具,不仅会简化设计师的工作流程,将设计师从绘制线框图、制作原型等枯燥繁杂的工作中解放出来,还能提高设计师的市场竞争力,加快构思到成品过程。