ai智能时代设计师的出路

The advent of artificial intelligence confronts us with a paradigm shift for our society. In many fields, what was previously man-made, could tomorrow be done by an AI. In the near future, changes and challenges await us which we will have to face in a way that was previously unimaginable. We will have to share our world with artificial intelligence, rethinking how we produce work and our social models.

人工智能的出现为我们的社会带来了范式转变。在许多领域，以前可以人工制造的东西明天就可以由AI完成。在不久的将来，变革和挑战等待着我们，我们将不得不以以前无法想象的方式来面对它们。我们将不得不与人工智能分享我们的世界，重新思考我们如何生产工作和社会模型。

Like many other sectors, the world of web design has also been affected by this change. In recent years, in fact, several tools have been created that implement AI in the field of design and web development.

像许多其他部门一样，网页设计的世界也受到了这一变化的影响。实际上，近年来，已经创建了几种在设计和Web开发领域中实现AI的工具。

Many companies have started to adopt artificial intelligence to create tools that help developers and designers in creating web projects. These new tools facilitate the work of professionals, helping them to perform their tasks, so as to save time in some steps of the process of creating a digital product.

许多公司已经开始采用人工智能来创建工具，以帮助开发人员和设计人员创建Web项目。这些新工具可促进专业人员的工作，帮助他们执行任务，从而在创建数字产品的过程的某些步骤中节省时间。

Illustration created with Icons8 — Vector Creator

Although some of these tools are still in the experimental phase and still require a process of improvement, it is already glimpsed how artificial intelligence and its machine learning models can inspire a new way of working in the field of design and front-end development.

尽管其中一些工具仍处于试验阶段，仍需要改进的过程，但已经瞥见了人工智能及其机器学习模型如何激发设计和前端开发领域的新工作方式。

“Some people call this artificial intelligence, but the reality is this technology will enhance us. So instead of artificial intelligence, I think we’ll augment our intelligence.” — Ginni Rometty

“有人将其称为人工智能，但现实情况是，这项技术将增强我们的实力。因此，我认为我们将取代人工智能，而不是人工智能。” —吉妮·罗密蒂(Ginni Rometty)

Let’s start to see together the main tools powered by AI born in recent years to help designers and developers.

让我们开始一起看看近年来诞生的AI支持的主要工具，这些工具可以帮助设计人员和开发人员。

伊扎德 (UIzard)

UIzard is a tool that transforms your hand-drawn wireframes into digital design and front-end code automatically.

UIzard是一种工具，可将您的手绘线框自动转换为数字设计和前端代码。

By simply taking a photo with your smartphone of your sketch drawn on paper, UIzard will transform it in a few moments into a high fidelity prototype. Once translated into digital, you can customize its style-guides, export the design to Sketch and finally obtain the front-end code.

通过用智能手机简单地在纸上绘制素描照片，UIzard将在短时间内将其转换为高保真原型。转换成数字后，您可以自定义其样式指南，将设计导出到Sketch并最终获得前端代码。

To perform the magic that transforms your sketch into digital design and code, UIzard uses artificial intelligence through machine learning models, Computer Vision (technology for building artificial systems that obtain information from images or multi-dimensional data) and deep learning networks.

为了执行将草图转换为数字设计和代码的魔力，UIzard通过机器学习模型，计算机视觉(用于构建从图像或多维数据中获取信息的人工系统的技术)和深度学习网络使用人工智能。

This tool was created by an international team of engineers, designers and entrepreneurs who had already anticipated the times in 2017 and created a system to generate code from a screenshot of a User Interface graphics (Pix2code).

该工具由一支由工程师，设计师和企业家组成的国际团队创建，他们已经预见了2017年的时代，并创建了一个从用户界面图形屏幕截图(Pix2code)生成代码的系统。

Twitter: @UizardIO

推特： @UizardIO

UIzard Technologies

Microsoft的Sketch2Code (Sketch2Code by Microsoft)

Sketch2Code was launched by Microsoft in late 2019 and is able to transform your pen and paper designs into an HTML prototype with the help of AI.

Sketch2Code由Microsoft在2019年末推出，能够在AI的帮助下将笔和纸的设计转换为HTML原型。

Thanks to the use of Computer Vision, the Microsoft team has built a system that understands what the designer is designing and translates it into HTML code. Sketch2Code allows you to speed up the manual code creation process by automatically carrying out this task.

由于使用了Computer Vision，Microsoft团队建立了一个系统，该系统可以了解设计人员的设计并将其转换为HTML代码。 Sketch2Code允许您通过自动执行此任务来加快手动代码创建过程。

Custom Vision and Computer Vision APIs (Azure Cognitive Services) are used to identify objects and recognize handwriting; and through the Azure Cloud Platform, objects that help identify the layout are returned. And finally the layout is passed to the MVC Sketch2Code web application to generate the HTML code.

自定义视觉和计算机视觉API(Azure认知服务)用于识别对象和识别笔迹；并通过Azure云平台，返回有助于识别布局的对象。最后，将布局传递到MVC Sketch2Code Web应用程序以生成HTML代码。

前线 (Fronty)

Fronty is an online tool that converts an image into HTML / CSS code thanks to AI.

Fronty是一个在线工具，借助 AI，它可以将图像转换为HTML / CSS代码。

This tool allows you to create a website simply by uploading an image of your design. Once your design is loaded, Fronty will automatically generate the front-end code (HTML / CSS) in minutes.

使用此工具，您只需上传设计图片即可创建网站。加载设计后，Fronty将在几分钟内自动生成前端代码(HTML / CSS)。

Furthermore, through their UI editor, you can easily modify the content and design of your website online. Fronty is able to return clean code with semantically correct HTML and source code based on powerful SCSS.

此外，通过其UI编辑器，您可以轻松地在线修改网站的内容和设计。 Fronty能够使用语义正确HTML和基于强大的SCSS的源代码返回干净的代码。

Fronty was launched in late 2019 by Tigran Vardanyan in California. It is possible to try a demo of the tool on the official website.

Fronty由Tigran Vardanyan在加利福尼亚州于2019年底推出。可以在官方网站上尝试该工具的演示。

Twitter: @fronty_com

推特： @fronty_com

TeleportHQ的游乐场 (Playground by TeleportHQ)

TeleportHQ is an open source platform that uses AI to create ‘real-time design-to-code’ tools.

TeleportHQ是一个开源平台，使用AI来创建“实时设计到代码”工具。

In 2018 TeleportHQ first launched the video (above) which showed how a wireframe drawn on a blackboard was transformed in real time into front-end code. The result was impressive!

TeleportHQ在2018年首次发布了视频(上图)，该视频展示了如何将黑板上绘制的线框实时转换为前端代码。结果令人印象深刻！

The process had been possible thanks to the Computer vision, which is trained to recognize hand-drawn UI elements, and a machine learning model built using TensorFlow (open source platform for machine learning developed by Google Brain team).

得益于经过培训的计算机视觉，可以识别手绘UI元素，以及使用TensorFlow(由Google Brain团队开发的开放源代码的机器学习平台)构建的机器学习模型，该过程得以实现。

Since then TeleportHQ, a company born in Romania, continue his research in the world of AI for web design.

从那以后，出生在罗马尼亚的TeleportHQ公司就继续在AI领域进行Web设计研究。

Recently launched a new AI-powered platform for Front-End Development in beta: Playground.Playground is a platform for modern front-end development that requires little code / no code. It is a visual development tool that allows you to create user interfaces quickly and easily without programming.

最近在beta版中推出了一个新的AI驱动的前端开发平台： Playground。Playground是用于现代前端开发的平台，几乎不需要任何代码。它是一种可视化开发工具，使您无需编程即可快速轻松地创建用户界面。

TeleportHQ is now working on an engine of previsions for the platform. This means while you are working, the platform will offer you the best steps to follow based on the training received on your behavior within it.

TeleportHQ现在正在为该平台进行引擎预配置。这意味着，在您工作时，该平台将根据收到的有关您的行为的培训为您提供最佳步骤。

You can try the platform for free here: Playground

您可以在此处免费试用该平台： 游乐场

Twitter: @teleportHQio

推特： @teleportHQio

Zecoda (Zecoda)

Zecoda is a tool that with the help of artificial intelligence provides you with the opportunity to transform your Sketch files into front-end code quickly and easily.

Zecoda是一款借助人工智能工具，可让您有机会轻松快捷地将Sketch文件转换为前端代码。

Simply upload your design file to Zecoda and in a short time you will be returned the HTML, CSS and JavaScript code, with the Vue.js framework. With Zecoda you can transform your design into a responsive website ready to be published, without having to write the code.

只需将您的设计文件上传到Zecoda，即可在短时间内通过Vue.js框架返回HTML，CSS和JavaScript代码。借助Zecoda，您无需编写代码即可将设计转变为可发布的响应式网站。

Zecoda defines itself as an instrument with 90% artificial intelligence and 10% human touch. This is because it combines the speed of deep learning with the quality and safety given by a web developer review. In fact, the code that will be returned to you will always be checked by a developer.

Zecoda将自己定义为具有90％的人工智能和10％的人为触觉的仪器。这是因为它将深度学习的速度与Web开发人员评论提供的质量和安全性相结合。实际上，返回给您的代码将始终由开发人员检查。

On the site you will find examples of responsive websites created with Zecoda and also the price table.

在该网站上，您可以找到使用Zecoda创建的自适应网站的示例以及价格表。

Twitter: @ZecodaHQ

推特： @ZecodaHQ

Artyline (Artyline)

Artyline is an AR mobile app that allows you to instantly create interactive high fidelity prototypes based on your handmade sketches.

Artyline是一款AR移动应用，可让您基于手工草图立即创建交互式高保真原型。

Imagine being able to view your prototype drawn on paper in Augmented Reality to present it in a briefing. With Artyline this is possible!

想象一下，您可以在增强现实中查看纸上绘制的原型，并在简介中进行展示。有了Artyline，这是可能的！

In addition, this iOS app offers you the possibility to choose creative screens with modern ui & usability styles options in real time, as well as the possibility of creating Usability-testing, through Eye-tracking and Click-tracking analytics.

此外，此iOS应用还为您提供了实时选择具有现代ui和可用性样式选项的创意屏幕的可能性，以及通过眼动跟踪和点击跟踪分析创建可用性测试的可能性。

The steps to use the app are simple: draw your sketch, scan it with the app and in a few moments you will get your digital sketch in AR.

使用该应用程序的步骤很简单：绘制草图，使用该应用程序进行扫描，稍后，您将在AR中获得数字草图。

Artyline is enhanced by artificial intelligence, thanks to which it recognizes sketch elements using Computer Vision and converts them into a ready-made mockup on your smartphone in Augmented Reality.

人工智能增强了Artyline的功能，这使得Artyline可以使用Computer Vision识别草图元素，并将其转换为增强现实中智能手机上的现成模型。

To better understand how it works, take a look also at the Artyline demo on Youtube.

为了更好地了解它是如何工作的，还请看一下Youtube上的Artyline演示 。

Twitter: @StartupArtyline

推特： @StartupArtyline

结论

ai智能时代设计师的出路_适用于网页设计师的人工智能工具相关推荐

日语+AI语音黑科技，早道开启小语种AI智能时代！
原标题:日语+AI语音黑科技,早道开启小语种AI智能时代! 如果说互联网 +教育是打破了传统线下教育的时空局限,让每个人有平等享受教育资源的可能.那么AI+教育则是将教育由"千人一面&q ...
AI智能时代，你的工作会被取代吗？
新冠疫情的持续蔓延令全球经济低迷,不少国家和地区的失业率居高不下.仅以香港为例,最新的失业率统计维持6.4%,属近16年来的高位.不过比起因疫情带来的失业率上升,人工智能科技的迅猛发展,使不少行业和工 ...
《强化学习周刊》第2期：多智能体强化学习（MARL）赋能“AI智能时代”
No.02 智源社区强化学习组 R L 学习研究观点资源活动关于周刊随着强化学习研究的不断成熟,如何将其结合博弈论的研究基础,解决多智能体连续决策与优化问题成为了新的研究领域,为了帮 ...
视觉设计师跟平面设计_用户体验设计师应了解的6条视觉设计原则
视觉设计师跟平面设计重点 (Top highlight) When I was studying visual communications design in college, I was fas ...
系统分析师和系统架构设计师难度比较_系统架构设计师，马上开课了！
一年只考一次的系统架构设计师 7月7日通关指南开课系统架构设计师考试,是2009年11月计算机资格考试新增专业,这个级别属于高级资格考试. 与该考试同级别的还有系统分析师.信息系统项目管理师.系统规 ...
用户体验设计师能为seo做_用户体验设计师可以从产品设计历史中学到什么
用户体验设计师能为seo做 Many things have changed from tool design in the prehistoric era to today's digital pr ...
李德毅院士：智能时代的农机驾驶——人工智能一百年
2021-01-22 19:11:03 2020年12月20日,由中国人工智能学会主办,CAAI智能驾驶专委会.上海交通大学.上海人工智能研究院有限公司.江苏南京生态科技岛经济开发区管理委员会.中新南 ...
AI大时代下，零基础进入人工智能领域该如何学习？
在科技高速发展的今天,人工智能是一个很酷很潮的字眼,几乎每天都出现在科技媒体中,人工智能应用案例应接不暇:人工智能写稿取代编辑.人工智能医疗诊断取代医生.人工智能定投取代基金经理人.人工智能机器人取代 ...
一个优秀的网页设计师
网页设计师曾经是风光无限的职业,一个初出茅庐的大学生也可轻松拿到5000-1万月薪.可是,互联网业经历了一段低迷期后,如今,网页设计师的平均月薪只有2000-3000元,薪酬明显"缩水&qu ...

ai智能时代设计师的出路_适用于网页设计师的人工智能工具

伊扎德 (UIzard)

Microsoft的Sketch2Code (Sketch2Code by Microsoft)

前线 (Fronty)

TeleportHQ的游乐场 (Playground by TeleportHQ)

Zecoda (Zecoda)

Artyline (Artyline)

结论

ai智能时代设计师的出路_适用于网页设计师的人工智能工具相关推荐

最新文章

热门文章

ai智能时代 设计师的出路_适用于网页设计师的人工智能工具

伊扎德 (UIzard)

Microsoft的Sketch2Code (Sketch2Code by Microsoft)

前线 (Fronty)

TeleportHQ的游乐场 (Playground by TeleportHQ)

Zecoda (Zecoda)

Artyline (Artyline)

结论 insertAdIfNeeded();

ai智能时代 设计师的出路_适用于网页设计师的人工智能工具相关推荐

最新文章

热门文章

ai智能时代设计师的出路_适用于网页设计师的人工智能工具

结论

ai智能时代设计师的出路_适用于网页设计师的人工智能工具相关推荐