同時に、デザインドラフトのすべての変更は公開された Web ページに自動的に更新されるため、プログラマーは初めてオンラインに接続するときにフロントエンド処理のみを行う必要があり、メンテナンスや変更に介入する必要はありません。将来のウェブページの。
リアルタイムデザイン戦略ディレクターのリー・ジャニン氏は公開講演で、「UIデザインの草案を手に入れた後、ユーザーは何をすべきか?当然、開発学生にはコードレベルでのデザイン言語の変換を認識させるべきだ」と述べた。リアルタイム デザインとコードのデザインを組み合わせ、デザイン ドラフトのフロントエンド Web ページへの自動変換を実現します。
私たちはこれら一連の機能を組み合わせ、最終的にテキストの説明を介してワンクリックでオンライン Web サイトとアプレットを生成できる製品を実現しました。個々の機能を単一のポイントとしてユーザーに提供するのではなく、シナリオに合わせてこれらの機能を有機的に統合します。 」
Apple Vision Proの「公式ウェブサイト」を1分で作る？仕事で 8 時間で 480 の Web ページが作成され、同僚は気が狂いそうになりました
記事のソース: 新志源
最近、全世界が Apple の MR ヘッドセットの攻撃を受けています。非常に多くの複雑なハードウェアを 1 つの部品のように見える製品に統合した Vision Pro は、Apple の創造の 2 世紀と言えるでしょう。
そんな爆裂効果ですが、小規模販売は来年になるとのことで、胸の高鳴りが抑えられず、販売サイトを作りたくて仕方がありません。
私はWebサイト構築の経験があまりなく、コードの書き方も分かりませんが、昨今のAI大規模モデルの隆盛を見て、「こんなAI製品が作れるはずだ」と自信満々です。自然言語のみを使用した Web サイト。
案の定、編集者は少し検索した結果、この AIGC 製品である Instant AI を見つけました。これにより、自然言語記述を通じて Web デザインの草案を生成し、ワンクリックでオンライン Web ページとして公開できるようになります。
まず、Instant AIの公式サイトで呪文を入力し、1分待つと以下の4つのデザイン案が得られます。
驚くべきことに、写真の置き換えやフォントの変更など、デザイン ドラフトで行った変更はすべて、この公開されたオンライン Web ページに自動的に同期されます。」
呪文の入力、デザイン案の作成、Web サイトとしての公開、写真の差し替え、再公開など、プロセス全体の所要時間は 10 分もかかりませんでした。
この製品の魅力は、ほぼニーズに近いWebサイトを10分で生成できるということではなく、デザイン基盤もコード基盤もない人でも10分でドメイン名のWebサイトを生成できることです。
インスタント AI: 編集可能な UI デザインのドラフトを 30 秒で生成し、ワンクリックでオンライン Web ページとして公開します
5月4日、インスタントAIが本格オープンした。公式ニュースによると、この製品には 10 万件を超える内部テストの申請があり、内部テスト中に数百万件の結果が生成されました。これにより、開封後のその後の製品反復のための良い基盤が築かれました。
5 月 31 日のリアルタイム AI 製品アップデートでは、アプリ側 UI デザイン ドラフトの生成をベースに、Web 側 UI デザイン ドラフトの生成機能を重ね合わせ、オンライン Web ページとしてのワンクリック公開をサポートしました。
ここでは、AI によって生成された UI デザイン ドラフトと、パッケージ化された Web ページ コンポーネントとしてデザイン ドラフトをワンクリックで公開する 2 つの機能が使用されており、この機能は将来、アプリとアプレットの世代に移行される予定です。
アップデート後、Waveの簡単な評価も行いました。
たとえば、音楽製品の公式 Web サイトを生成するには、次のようにします。
ファッション雑誌の公式 Web サイトを生成します。
ホテル管理用の背景ページを生成します。
Wen Sheng Tu とは異なり、UI デザイン ドラフトは高度に標準化されており、編集可能な機能が必要であるため、Wen Sheng Tu よりもプロセスが若干遅くなります。 、まだ内部テスト中です。
30 年にわたる UI デザイン
ChatGPTの突然の爆発により、デザインツールのAIも狂ったように加速し始めています。
Adobe は 5 月 24 日、新しい PS 機能である Generative Fill をリリースしました。この機能は、ワンクリックで画面コンテンツの削除または変更、画像コンテンツの拡大が可能で、Stable Diffusion のインペイントとアウトペイントに相当します。
画像内の他のコンテンツに影響を与えることなく、生成された画像を狭い範囲に限定して微調整できます。画像の色、影の効果、スタイルなどを変更します。微調整に必要なトレーニング パラメーターはモデル全体の 1% 未満です。
1984年、Appleはスティーブ・ジョブズ自らが開発し、実際の製品にGUI（グラフィカル・ユーザー・インターフェース）を搭載することを可能にしたコンピュータの歴史の記念碑ともいえるMacintoshを発売しました。
1987 年、Macintosh コンピュータは白黒画像をグレー スケールで表示できなかったため、トーマス ノールはこの問題を解決することを期待して、ディスプレイというプログラムを作成しました。後に John Knoll が加わり、兄弟 2 人で協力して製品を磨き上げ、Display は後に Photoshop と改名されました。
1990 年に、わずか 800kb の Photoshop 1.0 が登場し、それ以来、このソフトウェアは 30 年以上にわたって画像編集分野を独占してきました。
高精細網膜画面（Retina Display）を初めて搭載した携帯電話として、iPhone 4 の表示効果は驚くべきものと言えます。写真や文字が印刷物に匹敵するほどくっきりと鮮明に表示されます。
2008 年、オランダのトゥエンテ大学でコンピューターを専攻する Peter Omfli は、簡単な描画アプリケーションの設計を依頼され、DrawIt が誕生しました。
DrawIt の最後のバージョンは 2010 年 12 月にリリースされ、ソフトウェアの名前は Sketch に変更されました。それ以来、Sketch は少数ながら忠実なファンを獲得してきました。
ユーザー Wave の全員がリッチ テキスト、ウィジェット、画像、さらには外部フィードを使用でき、Wave に直接返信したり編集したりできます。
製品は後に閉鎖されましたが、HTML5 を取り巻くテクノロジー、サービス、ツールは引き続き出現し、ますます多くの SaaS サービスがブラウザなどの軽量クライアントを使用してユーザーに配信することを選択し始め、複雑なレンダリングと計算が残されています。クラウド上にあるサーバーに送信します。
過去数年間の疫病の流行中、あらゆるプラットフォームで利用できるオンライン インターフェイス デザイン コラボレーション ツールとして、オンライン コラボレーションの需要が高まり続ける中、Figma はいつでもプロジェクトをクラウドに保存でき、ユーザー数が急速に増加しました。 . 2021年6月、2億ドルの資金調達を完了し、Figmaの評価額は100億ドルに達した。
2022年9月15日、Adobeは公式ウェブサイトで、オンライン共同デザインプラットフォームFigmaを現金半分と株式半分を含む約200億米ドルで買収すると発表した。 Adobe にとって、Figma を潰すことは、クラウドでの存在感を拡大しながら、潜在的に最大の競合企業の 1 つを排除することになる。
**新世代の設計ツールはどのようなものですか? **
新しい技術環境は新しい端末につながり、新しい端末は新しい対話ロジックにつながり、新しい対話ロジックは新しいツールにつながります。
そして今、人工知能がデザインツールに参入しました。
**AI における設計ツールの違いは何ですか? **
「デザインツールに人工知能が介入してから、ツールの利用シーンの融合とツールの統合の流れがさらに加速し、ツールの機能や性能がさらに大幅に向上しました。デザインツールは、主に使用中のユーザーのニーズを解決するものから、ユーザーの最終結果の期待に応えるため。
以前の設計ツールは分散操作であり、各ステップにはユーザーの参加が必要であり、ユーザーは結果を生成するロジックも知っていました。しかし今ではそれがワンステッププロセスになり、実装プロセスは「ブラックボックス」になった」とインスタントデザインの共同創設者、周寧氏は語る。
AI デザイン ツールを検索すると、テキストから画像を生成するだけでなく、写真、Winson UI デザイン、Winson 3D、Winson ビデオなどから画像を生成することもできます。
**ワークフローはどのように変わりますか? **
新しいツールを通じて、仕事と成果の未来を覗いてみましょう。
インターネットプロダクト誕生の通常の制作・研究プロセスは、設計が完了した後、その設計案がフロントエンドエンジニアに渡され、フロントエンドエンジニアが設計言語をプログラミング言語に戻し、その上で機能を開発していくというものです。基礎。
つまり、「プロダクト-デザイン-フロントエンド-バックエンド」です。
デザインドラフトをオンライン製品に直接変換できるようになったことで、デザイナーは次のリンクで学生との調整に時間を費やす必要がなくなり、プログラマーは言語の置き換え作業を行う必要がなくなり、レビューが減り、開発の時間コストが削減されます。ウォークスルーなどの連携を強化し、設計から開発までの効率を向上させます。
リアルタイムデザイン戦略ディレクターのリー・ジャニン氏は公開講演で、「UIデザインの草案を手に入れた後、ユーザーは何をすべきか?当然、開発学生にはコードレベルでのデザイン言語の変換を認識させるべきだ」と述べた。リアルタイム デザインとコードのデザインを組み合わせ、デザイン ドラフトのフロントエンド Web ページへの自動変換を実現します。
私たちはこれら一連の機能を組み合わせ、最終的にテキストの説明を介してワンクリックでオンライン Web サイトとアプレットを生成できる製品を実現しました。個々の機能を単一のポイントとしてユーザーに提供するのではなく、シナリオに合わせてこれらの機能を有機的に統合します。 」
デザインツールの進化トレンドを見る
作業境界の融合とデザイン能力のオーバーフロー。
この製品により、デザイン能力のない人がデザイン能力を持てるようになり、コーディング能力のない人がコーディング能力を持つことが可能になる デザイナーとフロントエンドの作業境界が徐々に融合し、上流と下流の拡張
AI 機能の継続的な改善により、このワークフローは「プロダクト マネージャー - デザイナー - バックエンド」または「プロダクト マネージャー - フロントエンド - バックエンド」に短縮される可能性が高く、プロダクト マネージャーの「黄金時代」が到来する可能性があります。
基本的な設計要件を満たすためのコストは無視できるほどになり、設計供給側も爆発的な発展を遂げ、長文で説明するこれまでのやり方は、やがて「百聞は一見に如かず」の形に進化するかもしれない。
**最終的にはどのようなデザインツールが必要になるのでしょうか? **
周寧さんはこう考えます。
「人工知能が設計ツールに完全に介入し、設計ツールがインテリジェントな設計ツールに完全に変換されると、私たちの元の設計方法は完全に変わります。これは、生産性の変化に応じて生産関係が変化するという客観的法則とも一致します。」
次に、人工知能の生産性に対する良好な期待に基づいて、設計ツールが完全に自動化されており、機能とパフォーマンスに他の制限がないことを前提とすると、この推論の最終的な結果は次のようになります。プロセス リンクを提供するすべてのプロセス リンクとワークフローは、排除される。このツールのすべての明示的な機能は、要件の入力と結果の出力に焦点を当てています。
要件の入力側では、詳細な要件を多数のマルチモダリティで記述し、正確な理解と厳密な実装を実現できるようにするだけでなく、正確な要件を明確に記述できない場合にも対応する必要があります。あいまいな概念や方向性であっても、私たちが何を意味するのかを理解し、AI 自身の知識の蓄えと知恵を使って私たちのニーズを洗練するよう導き、支援し、より高い次元の思考で高度な認知を与え、インスピレーションを要求することさえできます。
結果の出力側では、選択できる高品質のマルチモーダル ソリューションを短期間で多数生成できる必要があるだけでなく、継続的に最適化できる必要もあります。そして、生成されたソリューションを繰り返して、さらなる要件を受け入れるだけでなく、AI 自体の知識と知恵を借りることで、AI がワンステップで最も適切で完璧な答えを与え、さらにはブレークスルーをもたらしてくれることを間違いなく期待しています。本来のニーズをより高い次元とレベルで美的および認知レベルで改善し、計画を進めます。 」
Apple Vision Pro は一夜にして神となり、AIGC は世界中で人気が高まり、新たなテクノロジーの波が押し寄せ、次の黄金時代がどのようなものになるかはわかりません。
しかし、私たちが知っていることは、「静的な環境には新しい機会が欠けており、新しい機会はすべて変化の過程で生まれる」ということです。
参考文献: