有关读书的创意广告语

<随心_句子c><随心_句子c><随心_句子c><随心_句子c><随心_句子c>1分(fen)鐘(zhong)做(zuo)出(chu)蘋(ping)果(guo)Vision Pro「官(guan)網(wang)」？上(shang)班(ban)8小(xiao)時(shi)搞(gao)出480個(ge)网頁(ye)，同(tong)事(shi)被(bei)卷(juan)瘋(feng)了(le)

新(xin)智(zhi)元(yuan)報(bao)道(dao)

編(bian)輯(ji)：编辑部(bu)

【新智元導(dao)讀(du)】給(gei)苹果Vision Pro官网做个設(she)計(ji)？壹(yi)分钟生(sheng)成(cheng)，零(ling)門(men)檻(kan)可(ke)用(yong)。

最(zui)近(jin)，全(quan)世(shi)界(jie)都(dou)被苹果的(de)MR頭(tou)顯(xian)给炸(zha)場(chang)了。把(ba)這(zhe)麽(me)多(duo)復(fu)雜(za)硬(ying)件(jian)整(zheng)合(he)成如(ru)同一个piece的產(chan)品(pin)，Vision Pro簡(jian)直(zhi)堪(kan)稱(cheng)苹果的創(chuang)二(er)世紀(ji)。

如此(ci)炸裂(lie)的效(xiao)果，但(dan)是(shi)卻(que)要(yao)等(deng)到(dao)明(ming)年(nian)才(cai)小規(gui)模(mo)開(kai)售(shou)，小编按(an)捺(na)不(bu)住(zhu)內(nei)心(xin)的激(ji)動(dong)，忍(ren)不住想(xiang)给它(ta)做个銷(xiao)售网站(zhan)。

雖(sui)然(ran)沒(mei)有(you)什(shen)么做网站的經(jing)驗(yan)，也(ye)不會(hui)寫(xie)代(dai)碼(ma)，但最近AI大(da)模型(xing)的蓬(peng)勃(bo)興(xing)盛(sheng)，讓(rang)小编充(chong)滿(man)自(zi)信(xin)：一定(ding)有这么一款(kuan)AI产品，让我(wo)僅(jin)憑(ping)自然語(yu)言(yan)，就(jiu)能(neng)把网站做出來(lai)。

果然，稍(shao)加(jia)搜(sou)索(suo)，小编就發(fa)現(xian)了这款AIGC产品——即(ji)时AI，它能夠(gou)让我們(men)通(tong)過(guo)自然语言描(miao)述(shu)就生成网页设计稿(gao)，還(hai)能一鍵(jian)將(jiang)其(qi)发布(bu)為(wei)在(zai)線(xian)网页。

話(hua)不多說(shuo)，先(xian)上結(jie)果：

別(bie)看(kan)设计如此豐(feng)富(fu)，但过程(cheng)其實(shi)非(fei)常(chang)简單(dan)。

首(shou)先，在即时AI官网輸(shu)入(ru)咒(zhou)语，等待(dai)1分钟，就得(de)到如下(xia)四(si)張(zhang)设计稿：

選(xuan)擇(ze)其中(zhong)一张设计稿，即可一键发布为在线网页。

但是生成的结果有一些(xie)問(wen)題(ti)，比(bi)如自动生成配(pei)圖(tu)與(yu)网站的内容(rong)需(xu)求(qiu)並(bing)不是很(hen)適(shi)配。於(yu)是我们從(cong)开源(yuan)网站unsplash找(zhao)来了幾(ji)张配图，在设计稿中進(jin)行(xing)编辑修(xiu)改(gai)。

令(ling)人(ren)驚(jing)喜(xi)的是，我们在设计稿中所(suo)做出的修改，比如替(ti)換(huan)图片(pian)、修改字(zi)體(ti)，全都被自动同步(bu)至(zhi)这个已(yi)经发布的在线网页「https://js.design/site/?id=ai_cY7jfKiL7IY」。

整个过程耗(hao)时不到10分钟，包(bao)括(kuo)输入咒语、生成设计稿、发布为网站、替换图片、重(zhong)新发布。

而(er)这款产品的魅(mei)力(li)，不在于10分钟生成一个几乎(hu)接(jie)近我们需求的网站，而在于任(ren)何(he)一个没有设计基(ji)礎(chu)、没有代码基础的人都可以(yi)用10分钟生成一个网站，帶(dai)域(yu)名(ming)的那(na)種(zhong)。

即时AI：30s生成可编辑UI设计稿，一键发布为在线网页

5月(yue)4日(ri)，即时AI全面(mian)开放(fang)。根(gen)據(ju)官方(fang)消(xiao)息(xi)，这款产品收(shou)到了超(chao)10w的内測(ce)申(shen)請(qing)，并在内测期(qi)間(jian)生成上百(bai)萬(wan)的生成结果。这为後(hou)續(xu)产品开放后的疊(die)(die)代，打(da)下了很好(hao)的基础。

5月31日，即时AI产品更(geng)新，在生成App端(duan)UI设计稿的基础上，叠加了web端UI设计稿生成能力，同时支(zhi)持(chi)一键发布为在线网页。

这其中用到了兩(liang)个能力：AI生UI设计稿以及(ji)将设计稿一键发布为封(feng)裝(zhuang)完(wan)畢(bi)的网页組(zu)件，而且(qie)未(wei)来这个能力还会被遷(qian)移(yi)到App、小程序(xu)的生成當(dang)中。

更新后，我们也简单評(ping)测了一波(bo)。

比如，生成一个音(yin)樂(le)類(lei)产品的官网：

上下滑(hua)动查(zha)看全部

生成一个时尚(shang)杂誌(zhi)官网：

上下滑动查看全部

生成一个酒(jiu)店(dian)管(guan)理(li)的后臺(tai)页面：

从生成结果来看，基本(ben)可以满足(zu)一个网页的内容需求，但是距(ju)離(li)成熟(shu)、專(zhuan)業(ye)的网页还有一定差(cha)距。但是可以理解(jie)，毕竟(jing)还是个在學(xue)習(xi)进程中的新東(dong)西(xi)。

与文(wen)生图不太(tai)一樣(yang)的是，UI设计稿需要極(ji)強(qiang)的规範(fan)性(xing)，同时必(bi)須(xu)具(ju)備(bei)可编辑功(gong)能，因(yin)此文生UI设计稿的进程稍緩(huan)于文生图，同样主(zhu)打文生UI的Galileo AI以及Uizard尚處(chu)于内测当中。

UI设计30年

隨(sui)著(zhe)ChatGPT突(tu)如其来的爆(bao)火(huo)，设计类工(gong)具的AI化(hua)，也开始(shi)了疯狂(kuang)加速(su)。

5月24日，Adobe推(tui)出了PS新功能Generative Fill（生成式(shi)填(tian)充），可以一键去(qu)除(chu)或(huo)修改畫(hua)面内容以及拓(tuo)展(zhan)图像(xiang)内容，相(xiang)当于Stable Diffusion中的Inpainting和(he)Outpainting。

这項(xiang)新功能目(mu)前(qian)已经在Adobe Firefly中上线，并置(zhi)入了Photoshop Beta测試(shi)版(ban)中，用戶(hu)可以直在Ps中以非破(po)壞(huai)性的方式组合或生成图像。

緊(jin)接着，Google Research在6月又(you)发布了一项基于Muse模型的新應(ying)用——StyleDrop。

它可以将生成的图片束(shu)縛(fu)在一个很小的范圍(wei)内进行微(wei)調(tiao)，不会影(ying)響(xiang)到画面中的其他(ta)内容。比如更改画面的顏(yan)色(se)、陰(yin)影效果、風(feng)格(ge)等等。微调需要的訓(xun)練(lian)參(can)數(shu)也不到總(zong)模型的1%。

今(jin)天(tian)的AI设计軟(ruan)件，已经精(jing)細(xi)到了这个程度(du)，回(hui)想UI设计最开始的那些年，不免(mian)让人感(gan)慨(kai)。

时间回到1984年，苹果推出Macintosh，由(you)史(shi)蒂(di)夫(fu)·喬(qiao)布斯(si)親(qin)自主持研(yan)发，堪称计算(suan)機(ji)歷(li)史上的一座(zuo)丰碑(bei)，这也使(shi)GUI（图形(xing)用户界面）得以在一种真(zhen)正(zheng)的产品中出现。

第(di)一张由ps制(zhi)作(zuo)出来的照(zhao)片，John Knoll将其命(ming)名为「天堂(tang)裏(li)的Jennifer」

1987年，由于Macintosh電(dian)腦(nao)無(wu)法(fa)显示(shi)带灰(hui)度的黑(hei)白(bai)图像，Thomas Knoll自己(ji)写了一个程序——Display，希(xi)望(wang)解決(jue)这个问题。John Knoll后来加入，兄(xiong)弟(di)二人聯(lian)手(shou)打磨(mo)这款产品，后来Display更名为Photoshop。

1990年，大小仅有800kb的Photoshop 1.0问世，从此开啟(qi)了这款软件制霸(ba)图像编辑領(ling)域三(san)十(shi)余(yu)年的时代。

2007年苹果CEO乔布斯发布了iPhone，2009年iPhone 3GS发布，2010年iPhone 4问世。

作为第一部配备有視(shi)网膜(mo)高(gao)清(qing)屏(ping)幕(mu)（Retina Display）的手机，iPhone 4的显示效果可謂(wei)是惊为天人——图片、文字看起(qi)来清晰(xi)銳(rui)利(li)，可媲(pi)美(mei)印(yin)刷(shua)品。

iPhone的出现，拉(la)开了移动互(hu)联网的序幕，也定義(yi)了移动互联网时代的許(xu)多视覺(jiao)设计原(yuan)則(ze)。

2008年，荷(he)蘭(lan)特(te)溫(wen)特大学计算机专业彼(bi)得·歐(ou)姆(mu)弗(fu)利被要求设计一个简单的繪(hui)图应用， DrawIt便(bian)由此誕(dan)生。

2010年12月发布了DrawIt的最后一个版本，并将软件更名为Sketch。自那以后，Sketch聚(ju)攏(long)了一批(pi)小规模的忠(zhong)实擁(yong)躉(dun)。

2009年5月28日，Google的内部孵(fu)化并正式上线Google Wave，在Google Wave应用中，使用者(zhe)可以建(jian)立(li)一个wave然后添(tian)加一些用户。

每(mei)个在使用者wave里面的人都可以使用富文本、小组件、图片、甚(shen)至可以是外(wai)部feed，他们可以进行回复也可以直接编辑wave。

盡(jin)管該(gai)产品后来被關(guan)停(ting)，但是围繞(rao)着HTML5所延(yan)展出来的技(ji)術(shu)、服(fu)務(wu)与工具不斷(duan)湧(yong)出，越(yue)来越多的SaaS服务开始选择使用瀏(liu)覽(lan)器(qi)这样的輕(qing)量(liang)級(ji)客(ke)户端交(jiao)付(fu)给用户，让复杂的渲(xuan)染(ran)和计算留(liu)给位(wei)于雲(yun)端的服务器来处理。

UI设计工具巨(ju)头Figma就在这个節(jie)點(dian)诞生。Figma是一款在线協(xie)同设计软件，在2016年上线正式版，2017年开始推出付費(fei)的套(tao)餐(can)。此时在UI/UX设计领域，Adobe XD、Sketch和Figma的競(jing)爭(zheng)关系(xi)雛(chu)形已经形成。

在过往(wang)的几年疫(yi)情(qing)期间，作为一款全平(ping)台可用的在线界面设计协作工具，随着线上协作需求不断增(zeng)大，Figma可将项目随时保(bao)存(cun)至云端，其用户数量迅(xun)速增長(chang)，2021年6月，完成2億(yi)美元融(rong)資(zi)后，Figma估(gu)值(zhi)已達(da)100亿美元。

2022年9月15日，Adobe在官网宣(xuan)布，将以約(yue)200亿美元收購(gou)在线协作设计平台Figma公(gong)司(si)，包括一半(ban)的现金(jin)和一半股(gu)票(piao)。對(dui)于Adobe而言，拿(na)下Figma，在擴(kuo)大自身(shen)在云端业务的同时，也能消除潛(qian)在的最大竞争对手之(zhi)一。

但技术的革(ge)命总是来得猝(cu)不及防(fang)。

新一代的设计工具什么样？

新的技术環(huan)境(jing)催(cui)生新的終(zhong)端，新的终端催生新的交互邏(luo)辑，新的交互逻辑催生新的工具。

而现在，人工智能介(jie)入了设计工具。

从PS开始，设计工具的发展趨(qu)勢(shi)经历了一个从「单一工具功能」到「多元功能」再(zai)到「職(zhi)能分化工具」，最后又让「工具功能」和「使用场景(jing)」融合一体化的过程；但无論(lun)这个发展趋势是如何地(di)分分合合，它的主旋(xuan)律(lv)一直都是围绕着提(ti)高工具的功能和性能，为了幫(bang)助(zhu)设计更好地解决更多的问题而存在的。

AI下的设计工具，有什么不一样？

「人工智能介入到设计工具之后，它又进一步加速了工具使用场景融合、工具一体化的趋势，也进一步大大提升(sheng)了工具的功能和性能，设计工具由主要解决用户在使用过程中的需求，轉(zhuan)變(bian)为要符(fu)合用户最终的结果預(yu)期。

从前的设计工具是分布操(cao)作，每一步都需要用户参与，用户也知(zhi)道结果的生成逻辑。但是现在变成了一步到位、实现过程变成『黑盒(he)』」，即时设计联合创始人周(zhou)凝(ning)表(biao)示。

当我们檢(jian)索AI设计类工具，已经不仅限(xian)制于文字生成图像，图生图、文生UI设计、文生3D、文生视頻(pin)....

工作流(liu)将会发生怎(zen)样的变化？

我们通过新的工具窺(kui)探(tan)未来的工作方式和工作结果。

一个互联网产品诞生的正常产研流程是：设计搞定版之后，把这个设计稿交给前端的工程師(shi)，由前端的工程师把设计语言全部还原成一个程序语言，再在这个基础上进行功能的开发。

也就是「产品-设计-前端-后端」。

而现在有了直接把设计稿转成线上产品的能力之后，设计师不需要再花(hua)时间去和下一环节的同学去对齊(qi)，程序員(yuan)也不再不需要去做语言替换的工作，降(jiang)低(di)评審(shen)、开发、走(zou)查等环节的时间成本，提升设计到开发的效率(lv)。

同时，由于设计稿中的所有修改都可以自动更新到已发布的网页中，这让程序员只(zhi)要在第一次(ci)上线时做前端处理，后续无需再介入网页的維(wei)護(hu)修改工作。

即时设计的戰(zhan)略(lve)負(fu)責(ze)人黎(li)嘉(jia)寧(ning)在公开演(yan)講(jiang)中表示，「用户有了UI设计稿之后要做什么？自然是让开发同学来在代码層(ceng)面实现设计语言的转换。于是我们又结合即时设计Design to code的能力，实现设计稿到前端网页的自动转换。

我们把这一系列(lie)能力组合起来,最终实现了通过一段(duan)文本描述,一键生成在线网站、一键生成小程序的产品。我们不是把单獨(du)能力作为单点给用户，而是針(zhen)对场景把这些能力做有机綜(zong)合。」

管窥设计工具的演变趋势

工作邊(bian)界融合与设计能力溢(yi)出。

这款产品让没有设计能力的人拥有了设计能力，让没有代码能力的人拥有了代码能力，设计师和前端的工作边界逐(zhu)漸(jian)融合，每个工种原先被賦(fu)予(yu)的角(jiao)色屬(shu)性，都在向(xiang)自己的上下遊(you)延展。

随着AI能力的不断进步，这个工作流程很有可能被縮(suo)短(duan)为「产品经理-设计师-后端」或「产品经理-前端-后端」，更或者，来到产品经理的「黃(huang)金时代」。

同样地，设计工具智能化后，使用工具进行设计不一定再是拥有专业能力的人群(qun)，很可能是关註(zhu)AI的极客人群，也有可能AI像互联网一样变得人人可用，樓(lou)下的水(shui)果店老(lao)板(ban)、早(zao)餐店老板，人人都可以成为内容的创作者、界面的设计师、应用的开发者。

基础的设计需求满足成本降低到忽(hu)略不计，设计供(gong)给側(ce)也将迎(ying)来爆发式发展，过去通过冗(rong)长文字釋(shi)义的方式或许最终会变演变成「一图勝(sheng)千(qian)言」的形式。

我们最终需要怎样的设计工具？

周凝認(ren)为：

「当人工智能全面介入设计工具，将设计工具徹(che)底(di)转变成一个智能设计工具后，我们原有的设计方式必将被彻底改变，这也符合生产关系随生产力变化而变化的客觀(guan)规律。

那么基于对人工智能生产力的美好期待，假(jia)定设计工具完全自动化，且功能和性能没有其他任何限制，那么这样推理的最终结果就是：所有的过程环节和为了过程环节服务的工作流程都将被消滅(mie)。工具所有的显性能力体现，都将会聚焦(jiao)在需求的输入端和结果的输出端。

在需求的输入端，既(ji)要能够允(yun)许我们大量地多模態(tai)地描述我们的詳(xiang)细需求并能够做到精準(zhun)的理解和对细节的嚴(yan)格執(zhi)行，又要在我们自己无法清晰描述出我们的准確(que)需求仅有模糊(hu)概(gai)念(nian)和方向时，能够心有靈(ling)犀(xi)地懂(dong)我们的言外之意(yi)，甚至利用AI自己的知識(shi)儲(chu)备和智慧(hui)能力引(yin)导和协助我们细化我们的需求，乃(nai)至于在更高的思(si)考(kao)维度上给予我们超前的认知和需求启发。

在结果的输出端，我们既需要它能够在短时间内给我们大量生成優(you)質(zhi)的多模态方案(an)供给我们进行选择，同时也需要它能够就已生成的方案接受(shou)我们进一步的需求进行不断地优化迭代，甚至我们肯(ken)定会希望，借(jie)用AI自身储备的知识和智慧能力，一步到位给我们最匹(pi)配最完美的答(da)案，乃至于在更高的维度和层次上，给予我们突破原有需求审美和认知水平的超前方案。」

苹果Vision Pro一夜(ye)封神(shen)，AIGC全球(qiu)爆紅(hong)，新的技术浪(lang)潮(chao)涌来，下一个黄金时代是什么样子(zi)，我们无从得知。

但是我们可以知道的是，「一个靜(jing)态的环境下是缺(que)少(shao)新机会的，新的机会无一不是在变革中诞生。」

参考资料(liao)： ?

https://js.design/ ?返(fan)回搜狐(hu)，查看更多

责任编辑：