頻道 > 生活 >   >  正文

        焦點短訊!1分鐘做出蘋果Vision Pro「官網」?上班8小時搞出480個網頁,同事被卷瘋了

        評論

        給蘋果Vision Pro官網做個設計?一分鐘生成,零門檻可用。

        最近,全世界都被蘋果的MR頭顯給炸場了。把這么多復雜硬件整合成如同一個piece的產品,Vision Pro簡直堪稱蘋果的創二世紀。

        如此炸裂的效果,但是卻要等到明年才小規模開售,小編按捺不住內心的激動,忍不住想給它做個銷售網站。


        (相關資料圖)

        雖然沒有什么做網站的經驗,也不會寫代碼,但最近AI大模型的蓬勃興盛,讓小編充滿自信:一定有這么一款AI產品,讓我僅憑自然語言,就能把網站做出來。

        果然,稍加搜索,小編就發現了這款AIGC產品——即時AI,它能夠讓我們通過自然語言描述就生成網頁設計稿,還能一鍵將其發布為在線網頁。

        話不多說,先上結果:

        別看設計如此豐富,但過程其實非常簡單。

        首先,在即時AI官網輸入咒語,等待1分鐘,就得到如下四張設計稿:

        選擇其中一張設計稿,即可一鍵發布為在線網頁。

        但是生成的結果有一些問題,比如自動生成配圖與網站的內容需求并不是很適配。于是我們從開源網站unsplash找來了幾張配圖,在設計稿中進行編輯修改。

        令人驚喜的是,我們在設計稿中所做出的修改,比如替換圖片、修改字體,全都被自動同步至這個已經發布的在線網頁「https://js.design/site/?id=ai_cY7jfKiL7IY」。

        整個過程耗時不到10分鐘,包括輸入咒語、生成設計稿、發布為網站、替換圖片、重新發布。

        而這款產品的魅力,不在于10分鐘生成一個幾乎接近我們需求的網站,而在于任何一個沒有設計基礎、沒有代碼基礎的人都可以用10分鐘生成一個網站,帶域名的那種。

        即時AI:30s生成可編輯UI設計稿,一鍵發布為在線網頁

        5月4日,即時AI全面開放。根據官方消息,這款產品收到了超10w的內測申請,并在內測期間生成上百萬的生成結果。這為后續產品開放后的迭代,打下了很好的基礎。

        5月31日,即時AI產品更新,在生成App端UI設計稿的基礎上,疊加了web端UI設計稿生成能力,同時支持一鍵發布為在線網頁。

        這其中用到了兩個能力:AI生UI設計稿以及將設計稿一鍵發布為封裝完畢的網頁組件,而且未來這個能力還會被遷移到App、小程序的生成當中。

        更新后,我們也簡單評測了一波。

        比如,生成一個音樂類產品的官網:

        生成一個時尚雜志官網:

        生成一個酒店管理的后臺頁面:

        從生成結果來看,基本可以滿足一個網頁的內容需求,但是距離成熟、專業的網頁還有一定差距。但是可以理解,畢竟還是個在學習進程中的新東西。

        與文生圖不太一樣的是,UI設計稿需要極強的規范性,同時必須具備可編輯功能,因此文生UI設計稿的進程稍緩于文生圖,同樣主打文生UI的Galileo AI以及Uizard尚處于內測當中。

        UI設計30年

        隨著ChatGPT突如其來的爆火,設計類工具的AI化,也開始了瘋狂加速。

        5月24日,Adobe推出了PS新功能Generative Fill(生成式填充),可以一鍵去除或修改畫面內容以及拓展圖像內容,相當于Stable Diffusion中的Inpainting和Outpainting。

        這項新功能目前已經在Adobe Firefly中上線,并置入了Photoshop Beta測試版中,用戶可以直在Ps中以非破壞性的方式組合或生成圖像。

        緊接著,Google Research在6月又發布了一項基于Muse模型的新應用——StyleDrop。

        它可以將生成的圖片束縛在一個很小的范圍內進行微調,不會影響到畫面中的其他內容。比如更改畫面的顏色、陰影效果、風格等等。微調需要的訓練參數也不到總模型的1%。

        今天的AI設計軟件,已經精細到了這個程度,回想UI設計最開始的那些年,不免讓人感慨。

        時間回到1984年,蘋果推出Macintosh,由史蒂夫·喬布斯親自主持研發,堪稱計算機歷史上的一座豐碑,這也使GUI(圖形用戶界面)得以在一種真正的產品中出現。

        第一張由ps制作出來的照片,John Knoll將其命名為「天堂里的Jennifer」

        1987年,由于Macintosh電腦無法顯示帶灰度的黑白圖像,Thomas Knoll自己寫了一個程序——Display,希望解決這個問題。John Knoll后來加入,兄弟二人聯手打磨這款產品,后來Display更名為Photoshop。

        1990年,大小僅有800kb的Photoshop 1.0問世,從此開啟了這款軟件制霸圖像編輯領域三十余年的時代。

        2007年蘋果CEO喬布斯發布了iPhone,2009年iPhone 3GS發布,2010年iPhone 4問世。

        作為第一部配備有視網膜高清屏幕(Retina Display)的手機,iPhone 4的顯示效果可謂是驚為天人——圖片、文字看起來清晰銳利,可媲美印刷品。

        iPhone的出現,拉開了移動互聯網的序幕,也定義了移動互聯網時代的許多視覺設計原則。

        2008年,荷蘭特溫特大學計算機專業彼得·歐姆弗利被要求設計一個簡單的繪圖應用,DrawIt便由此誕生。

        2010年12月發布了DrawIt的最后一個版本,并將軟件更名為Sketch。自那以后,Sketch聚攏了一批小規模的忠實擁躉。

        2009年5月28日,Google的內部孵化并正式上線Google Wave,在Google Wave應用中,使用者可以建立一個wave然后添加一些用戶。

        每個在使用者wave里面的人都可以使用富文本、小組件、圖片、甚至可以是外部feed,他們可以進行回復也可以直接編輯wave。

        盡管該產品后來被關停,但是圍繞著HTML5所延展出來的技術、服務與工具不斷涌出,越來越多的SaaS服務開始選擇使用瀏覽器這樣的輕量級客戶端交付給用戶,讓復雜的渲染和計算留給位于云端的服務器來處理。

        UI設計工具巨頭Figma就在這個節點誕生。Figma是一款在線協同設計軟件,在2016年上線正式版,2017年開始推出付費的套餐。此時在UI/UX設計領域,Adobe XD、Sketch和Figma的競爭關系雛形已經形成。

        在過往的幾年疫情期間,作為一款全平臺可用的在線界面設計協作工具,隨著線上協作需求不斷增大,Figma可將項目隨時保存至云端,其用戶數量迅速增長,2021年6月,完成2億美元融資后,Figma估值已達100億美元。

        2022年9月15日,Adobe在官網宣布,將以約200億美元收購在線協作設計平臺Figma公司,包括一半的現金和一半股。對于Adobe而言,拿下Figma,在擴大自身在云端業務的同時,也能消除潛在的最大競爭對手之一。

        但技術的革命總是來得猝不及防。

        新一代的設計工具什么樣?

        新的技術環境催生新的終端,新的終端催生新的交互邏輯,新的交互邏輯催生新的工具。

        而現在,人工智能介入了設計工具。

        從PS開始,設計工具的發展趨勢經歷了一個從「單一工具功能」到「多元功能」再到「職能分化工具」,最后又讓「工具功能」和「使用場景」融合一體化的過程;但無論這個發展趨勢是如何地分分合合,它的主旋律一直都是圍繞著提高工具的功能和性能,為了幫助設計更好地解決更多的問題而存在的。

        AI下的設計工具,有什么不一樣?

        「人工智能介入到設計工具之后,它又進一步加速了工具使用場景融合、工具一體化的趨勢,也進一步大大提升了工具的功能和性能,設計工具由主要解決用戶在使用過程中的需求,轉變為要符合用戶最終的結果預期。

        從前的設計工具是分布操作,每一步都需要用戶參與,用戶也知道結果的生成邏輯。但是現在變成了一步到位、實現過程變成『黑盒』」,即時設計聯合創始人周凝表示。

        當我們檢索AI設計類工具,已經不僅限制于文字生成圖像,圖生圖、文生UI設計、文生3D、文生視頻….

        工作流將會發生怎樣的變化?

        我們通過新的工具窺探未來的工作方式和工作結果。

        一個互聯網產品誕生的正常產研流程是:設計搞定版之后,把這個設計稿交給前端的工程師,由前端的工程師把設計語言全部還原成一個程序語言,再在這個基礎上進行功能的開發。

        也就是「產品-設計-前端-后端」。

        而現在有了直接把設計稿轉成線上產品的能力之后,設計師不需要再花時間去和下一環節的同學去對齊,程序員也不再不需要去做語言替換的工作,降低評審、開發、走查等環節的時間成本,提升設計到開發的效率。

        同時,由于設計稿中的所有修改都可以自動更新到已發布的網頁中,這讓程序員只要在第一次上線時做前端處理,后續無需再介入網頁的維護修改工作。

        即時設計的戰略負責人黎嘉寧在公開演講中表示,「用戶有了UI設計稿之后要做什么?自然是讓開發同學來在代碼層面實現設計語言的轉換。于是我們又結合即時設計Design to code的能力,實現設計稿到前端網頁的自動轉換。

        我們把這一系列能力組合起來,最終實現了通過一段文本描述,一鍵生成在線網站、一鍵生成小程序的產品。我們不是把單獨能力作為單點給用戶,而是針對場景把這些能力做有機綜合。」

        管窺設計工具的演變趨勢

        工作邊界融合與設計能力溢出。

        這款產品讓沒有設計能力的人擁有了設計能力,讓沒有代碼能力的人擁有了代碼能力,設計師和前端的工作邊界逐漸融合,每個工種原先被賦予的角色屬性,都在向自己的上下游延展。

        隨著AI能力的不斷進步,這個工作流程很有可能被縮短為「產品經理-設計師-后端」或「產品經理-前端-后端」,更或者,來到產品經理的「黃金時代」。

        同樣地,設計工具智能化后,使用工具進行設計不一定再是擁有專業能力的人群,很可能是關注AI的極客人群,也有可能AI像互聯網一樣變得人人可用,樓下的水果店老板、早餐店老板,人人都可以成為內容的創作者、界面的設計師、應用的開發者。

        基礎的設計需求滿足成本降低到忽略不計,設計供給側也將迎來爆發式發展,過去通過冗長文字釋義的方式或許最終會變演變成「一圖勝千言」的形式。

        我們最終需要怎樣的設計工具?

        周凝認為:

        「當人工智能全面介入設計工具,將設計工具徹底轉變成一個智能設計工具后,我們原有的設計方式必將被徹底改變,這也符合生產關系隨生產力變化而變化的客觀規律。

        那么基于對人工智能生產力的美好期待,假定設計工具完全自動化,且功能和性能沒有其他任何限制,那么這樣推理的最終結果就是:所有的過程環節和為了過程環節服務的工作流程都將被消滅。工具所有的顯性能力體現,都將會聚焦在需求的輸入端和結果的輸出端。

        在需求的輸入端,既要能夠允許我們大量地多模態地描述我們的詳細需求并能夠做到精準的理解和對細節的嚴格執行,又要在我們自己無法清晰描述出我們的準確需求僅有模糊概念和方向時,能夠心有靈犀地懂我們的言外之意,甚至利用AI自己的知識儲備和智慧能力引導和協助我們細化我們的需求,乃至于在更高的思考維度上給予我們超前的認知和需求啟發。

        在結果的輸出端,我們既需要它能夠在短時間內給我們大量生成優質的多模態方案供給我們進行選擇,同時也需要它能夠就已生成的方案接受我們進一步的需求進行不斷地優化迭代,甚至我們肯定會希望,借用AI自身儲備的知識和智慧能力,一步到位給我們最匹配最完美的答案,乃至于在更高的維度和層次上,給予我們突破原有需求審美和認知水平的超前方案。」

        蘋果Vision Pro一夜封神,AIGC全球爆紅,新的技術浪潮涌來,下一個黃金時代是什么樣子,我們無從得知。

        但是我們可以知道的是,「一個靜態的環境下是缺少新機會的,新的機會無一不是在變革中誕生。」

        標簽:

        今日熱點

        熱點排行

        最近更新

        所刊載信息部分轉載自互聯網,并不代表本網贊同其觀點和對其真實性負責。郵箱:5855973@qq.com

        聯系我們| 中國品牌網 | 滬ICP備2022005074號-18 營業執照  Copyright © 2018@. All Rights Reserved.

        免费亚洲视频在线观看| 亚洲精品高清久久| 久久99亚洲网美利坚合众国| 五月婷婷亚洲综合| 亚洲成AV人片高潮喷水| 亚洲日韩中文字幕无码一区| 亚洲一区二区三区写真| 国产人成亚洲第一网站在线播放| 亚洲成a人片在线观看播放| 久久亚洲精品人成综合网| 亚洲AV中文无码乱人伦下载 | 亚洲一级视频在线观看| 18gay台湾男同亚洲男同| 内射干少妇亚洲69XXX| 亚洲一区二区三区四区在线观看| 亚洲精品成人av在线| 久久久久亚洲AV无码网站| 中文字幕亚洲综合久久| 亚洲毛片免费观看| 亚洲www在线观看| 亚洲熟妇成人精品一区| 亚洲AV日韩AV永久无码色欲| MM1313亚洲国产精品| 亚洲AV无码之日韩精品| 国产成人精品日本亚洲专区| 亚洲日韩一页精品发布| 亚洲高清国产拍精品26U| 亚洲天堂一区二区| 亚洲国产福利精品一区二区| 亚洲人成影院午夜网站| 国产午夜亚洲精品| 激情小说亚洲色图| 亚洲国产人成中文幕一级二级| 国产亚洲精品拍拍拍拍拍| 精品亚洲综合在线第一区| 精品日韩亚洲AV无码| 亚洲AV无码国产精品色| 亚洲av色香蕉一区二区三区| 婷婷精品国产亚洲AV麻豆不片| 亚洲第一永久在线观看| 亚洲色大18成人网站WWW在线播放|