Cipta 'laman web rasmi' Apple Vision Pro dalam masa 1 minit? Saya mencipta 480 halaman web dalam masa 8 jam di tempat kerja, dan rakan sekerja saya menjadi gila.

Baru-baru ini, seluruh dunia telah terpesona dengan set kepala MR Apple. Dengan menyepadukan begitu banyak perkakasan kompleks ke dalam satu produk, Vision Pro boleh dipanggil penciptaan abad kedua Apple.

Ia mempunyai kesan yang meletup, tetapi ia tidak akan dijual secara kecil-kecilan sehingga tahun depan Editor tidak dapat menahan keterujaan saya dan tidak mahu untuk membuat laman web jualan untuknya.

Walaupun saya mempunyai sedikit pengalaman dalam membuat tapak web dan saya tidak boleh menulis kod, ledakan baru-baru ini dalam model AI besar menjadikan editor penuh keyakinan: mesti ada produk AI sedemikian yang boleh membuat saya boleh membina laman web hanya menggunakan bahasa semula jadi.

Sudah pasti, selepas carian sedikit, editor menemui produk AIGC ini - AI masa nyata, yang membolehkan kami menjana draf reka bentuk web melalui penerangan bahasa semula jadi, dan dengan satu klik Terbitkan ia sebagai halaman dalam talian.

Tanpa berlengah lagi, mari kita mulakan dengan hasilnya:

Walaupun reka bentuknya begitu kaya , proses Ia sebenarnya sangat mudah.

Pertama, masukkan ejaan pada tapak web rasmi AI masa nyata, tunggu selama 1 minit, dan anda akan mendapat empat draf reka bentuk berikut:

Pilih salah satu draf reka bentuk dan terbitkannya sebagai halaman web dalam talian dengan satu klik.

Walau bagaimanapun, hasil yang dijana mempunyai beberapa masalah, seperti imej yang dijana secara automatik tidak begitu sesuai untuk keperluan kandungan tapak web. Jadi kami menjumpai beberapa gambar daripada tapak web sumber terbuka unsplash dan mengeditnya dalam draf reka bentuk.

Apa yang mengejutkan ialah pengubahsuaian yang kami buat dalam draf reka bentuk, seperti menggantikan gambar dan mengubah suai fon, semuanya disegerakkan secara automatik ke halaman web dalam talian yang diterbitkan "https: //js. reka bentuk/tapak/?id=ai_cY7jfKiL7IY".

Seluruh proses mengambil masa kurang daripada 10 minit, termasuk memasukkan ejaan, menjana draf reka bentuk, menerbitkannya sebagai tapak web, menggantikan imej dan menerbitkannya semula.

Pesona produk ini bukan kerana ia mengambil masa 10 minit untuk menjana laman web yang hampir hampir dengan keperluan kita, tetapi sesiapa yang tiada asas reka bentuk atau asas pengekodan boleh menggunakannya dalam 10 minit Hasilkan laman web dengan nama domain.

AI masa nyata: Hasilkan draf reka bentuk UI boleh diedit dalam 30 saat dan terbitkannya sebagai halaman web dalam talian dengan satu klik

Pada 4 Mei, AI masa nyata akan terbuka sepenuhnya. Menurut berita rasmi, produk ini menerima lebih 100,000 aplikasi ujian dalaman dan menjana berjuta-juta keputusan semasa tempoh ujian dalaman. Ini meletakkan asas yang baik untuk lelaran berikutnya selepas produk dibuka.

Pada 31 Mei, produk AI segera telah dikemas kini Atas dasar penjanaan draf reka bentuk UI sebelah aplikasi, ia telah ditindih dengan keupayaan untuk menjana reka bentuk UI sebelah web. draf, dan juga menyokong penerbitan satu klik dalam talian.

Dua keupayaan digunakan: AI menjana draf reka bentuk UI dan menerbitkan draf reka bentuk sebagai komponen web terkapsul dengan satu klik Pada masa hadapan, keupayaan ini akan dipindahkan ke Apl, Semasa penjanaan daripada applet.

Selepas kemas kini, kami juga menjalankan semakan ringkas.

Sebagai contoh, jana laman web rasmi produk muzik:

Jana laman web rasmi bagi majalah fesyen:

Jana halaman belakang pengurusan hotel:

Berdasarkan hasil yang dijana, ia pada asasnya boleh memenuhi keperluan kandungan halaman web, tetapi masih terdapat jurang tertentu antaranya dengan halaman web yang matang dan profesional. Tetapi boleh difahami, lagipun, ia masih perkara baru dalam proses pembelajaran.

Apa yang berbeza daripada Vincent Tu ialah draf reka bentuk UI perlu diseragamkan tinggi dan mesti mempunyai fungsi yang boleh diedit, jadi proses draf reka bentuk UI Vincent adalah lebih perlahan daripada Vincent Tu , Galileo AI dan Uizard, yang turut memfokuskan pada Vincent UI, masih dalam ujian dalaman.

30 tahun reka bentuk UI

Dengan populariti mendadak ChatGPT, alatan reka bentuk berasaskan AI juga telah mula memecut secara mendadak.

Pada 24 Mei, Adobe melancarkan fungsi PS Generative Fill baharu, yang boleh mengalih keluar atau mengubah suai kandungan skrin dan mengembangkan kandungan imej dengan satu klik, yang bersamaan dengan Stable Diffusion dan Mengecat.

Ciri baharu ini kini tersedia dalam Adobe Firefly dan terbina dalam versi Beta Photoshop Pengguna boleh menggabungkan atau menjana imej secara tidak merosakkan terus dalam PS .

Susulan ini, Google Research mengeluarkan aplikasi baharu berdasarkan model Muse pada bulan Jun - StyleDrop.

Ia boleh mengekang gambar yang dijana dalam julat kecil untuk penalaan halus tanpa menjejaskan kandungan lain dalam gambar. Contohnya, tukar warna, kesan bayang-bayang, gaya, dsb. gambar. Parameter latihan yang diperlukan untuk penalaan halus adalah kurang daripada 1% daripada jumlah model.

Perisian reka bentuk AI hari ini telah menjadi sangat halus sehingga membuatkan orang mengeluh apabila memikirkan kembali tahun-tahun terawal reka bentuk UI.

Kembali pada tahun 1984, Apple melancarkan Macintosh, yang dibangunkan oleh Steve Jobs sendiri Ia boleh dipanggil monumen dalam sejarah komputer, yang juga dibuat GUI (antara muka pengguna grafik). untuk muncul dalam produk sebenar.

Foto pertama yang dihasilkan oleh PS, John Knoll menamakannya "Jennifer in Paradise"

Pada tahun 1987, kerana komputer Macintosh tidak dapat memaparkan imej hitam putih dengan skala kelabu, Thomas Knoll telah menulis program sendiri - Paparan, dengan harapan dapat menyelesaikan masalah ini. John Knoll kemudiannya menyertai, dan dua beradik itu bekerjasama untuk menggilap produk Later Display telah dinamakan semula sebagai Photoshop.

Pada tahun 1990, Photoshop 1.0, yang hanya bersaiz 800kb, telah dikeluarkan, memulakan era di mana perisian ini menguasai bidang penyuntingan imej selama lebih daripada tiga puluh tahun.

Pada tahun 2007, Ketua Pegawai Eksekutif Apple Steve Jobs mengeluarkan iPhone, pada tahun 2009 iPhone 3GS telah dikeluarkan, dan pada tahun 2010 iPhone 4 telah dikeluarkan.

Sebagai telefon mudah alih pertama yang dilengkapi dengan skrin Retina HD (Retina Display), kesan paparan iPhone 4 adalah menakjubkan - gambar dan teks kelihatan jelas dan tajam Setanding dengan cetakan.

Kemunculan iPhone memulakan Internet mudah alih dan mentakrifkan banyak prinsip reka bentuk visual dalam era Internet mudah alih.

Pada tahun 2008, Peter Omflee, seorang jurusan komputer di Universiti Twente di Belanda, telah diminta untuk mereka bentuk aplikasi lukisan mudah, dan DrawIt dilahirkan.

Versi terakhir DrawIt telah dikeluarkan pada Disember 2010, dan perisian itu dinamakan semula sebagai Sketch. Sejak itu, Sketch telah mengumpulkan pengikut yang kecil tetapi setia.

Pada 28 Mei 2009, Google telah mengeram secara dalaman dan melancarkan Google Wave secara rasmi Dalam aplikasi Google Wave, pengguna boleh mencipta gelombang dan kemudian menambah beberapa pengguna.

Semua orang dalam gelombang pengguna boleh menggunakan teks kaya, widget, imej dan juga suapan luaran mereka boleh membalas atau mengedit gelombang secara langsung.

Walaupun produk itu kemudiannya ditutup, teknologi, perkhidmatan dan alatan yang mengelilingi HTML5 terus muncul, dan semakin banyak perkhidmatan SaaS mula memilih untuk menggunakan penyemak imbas seperti ini Pelanggan ringan dihantar kepada pengguna, meninggalkan pemaparan dan pengiraan yang kompleks kepada pelayan yang terletak di awan.

Figma gergasi alat reka bentuk UI dilahirkan di nod ini. Figma ialah perisian reka bentuk kerjasama dalam talian Versi rasmi telah dilancarkan pada 2016, dan pakej berbayar mula dilancarkan pada 2017. Pada masa ini, dalam bidang reka bentuk UI/UX, prototaip hubungan kompetitif antara Adobe XD, Sketch dan Figma telah terbentuk.

Selama beberapa tahun wabak yang lalu, sebagai alat kerjasama reka bentuk antara muka dalam talian yang tersedia pada semua platform, Figma boleh menjimatkan projek pada bila-bila masa kerana permintaan untuk kerjasama dalam talian terus meningkat. Dalam awan, bilangan penggunanya telah berkembang dengan pesat Pada Jun 2021, selepas menyelesaikan pembiayaan sebanyak AS$200 juta, penilaian Figma telah mencecah AS$10 bilion.

Pada 15 September 2022, Adobe mengumumkan di tapak web rasminya bahawa ia akan memperoleh platform reka bentuk kerjasama dalam talian Figma dengan harga kira-kira AS$20 bilion, termasuk separuh tunai dan separuh saham. Bagi Adobe, memperoleh Figma bukan sahaja akan mengembangkan perniagaannya dalam awan tetapi juga menghapuskan salah satu pesaing terbesarnya yang berpotensi.

Tetapi revolusi teknologi sentiasa datang tanpa diduga.

Apakah alat reka bentuk generasi baharu itu?

Persekitaran teknikal baharu melahirkan terminal baharu, terminal baharu melahirkan logik interaksi baharu, dan logik interaksi baharu melahirkan alatan baharu.

Dan kini, kecerdasan buatan telah campur tangan dalam alatan reka bentuk.

Bermula dari PS, trend pembangunan alatan reka bentuk telah mengalami peralihan daripada "fungsi alat tunggal" kepada "fungsi berbilang" kepada "pembezaan fungsi alat ", dan akhirnya proses menyepadukan "fungsi alat" dan "senario penggunaan" tetapi tidak kira bagaimana aliran pembangunan ini berpecah dan bergabung, tema utamanya sentiasa sekitar meningkatkan fungsi dan prestasi alatan wujud untuk menyelesaikan lebih banyak masalah dengan lebih baik.

Apakah perbezaan antara alatan reka bentuk di bawah AI?

"Selepas kecerdasan buatan terlibat dalam alatan reka bentuk, ia telah mempercepatkan lagi trend senario penggunaan alat dan integrasi alat. Ia juga telah meningkatkan lagi fungsi dan prestasi alatan. Reka bentuk alat Ia telah berubah daripada terutamanya menyelesaikan keperluan pengguna semasa penggunaan kepada memenuhi jangkaan hasil akhir pengguna Alat reka bentuk sebelumnya adalah operasi diedarkan, dan setiap langkah memerlukan penyertaan pengguna, dan pengguna juga perlu mengambil bahagian Tetapi kini ia telah menjadi proses satu langkah, dan proses pelaksanaan telah menjadi 'kotak hitam'," kata Zhou Ning, pengasas bersama Reka Bentuk Segera.

Apabila kami mencari alatan reka bentuk AI, ia tidak terhad kepada imej yang dijana teks, termasuk gambar, reka bentuk Vincent UI, Vincent 3D, video Vincent....

Bagaimana aliran kerja akan berubah?

Kami menggunakan alatan baharu untuk mengintip masa depan kerja dan hasil.

Proses pengeluaran dan penyelidikan biasa untuk kelahiran produk Internet ialah: selepas reka bentuk dimuktamadkan, draf reka bentuk diserahkan kepada jurutera bahagian hadapan, yang kemudiannya memulihkan keseluruhan bahasa reka bentuk ke dalam bahasa program, dan kemudian membangunkan fungsi atas dasar ini.

Iaitu, "reka bentuk produk-depan-hujung-belakang-belakang".

Sekarang kami mempunyai keupayaan untuk menukar terus draf reka bentuk kepada produk dalam talian, pereka bentuk tidak perlu lagi meluangkan masa untuk menyelaraskan dengan rakan sekelas dalam langkah seterusnya, dan pengaturcara tidak lagi perlu melakukan kerja penggantian bahasa, mengurangkan kos masa semakan, pembangunan, walk-through dan pautan lain, dan meningkatkan kecekapan daripada reka bentuk kepada pembangunan.

Pada masa yang sama, kerana semua pengubahsuaian dalam draf reka bentuk boleh dikemas kini secara automatik ke halaman web yang diterbitkan, ini membenarkan pengaturcara untuk hanya melakukan pemprosesan bahagian hadapan apabila pergi dalam talian untuk yang pertama masa, dan tidak perlu melakukannya kemudian. Terlibat dalam penyelenggaraan dan pengubahsuaian halaman web.

Li Jianing, pengarah strategik reka bentuk masa nyata, berkata dalam ucapan awam, "Apakah yang perlu pengguna lakukan selepas mereka mempunyai draf reka bentuk UI? Sememangnya, biarkan pelajar pembangunan melaksanakan bahasa reka bentuk pada tahap Penukaran Jadi kami menggabungkan keupayaan reka bentuk masa nyata kepada kod untuk merealisasikan penukaran automatik draf reka bentuk kepada halaman web bahagian hadapan Kami menggabungkan siri keupayaan ini dan akhirnya mencapai matlamat melalui a Perihalan teks, satu klik untuk menjana laman web dalam talian, satu klik untuk menjana produk program kecil Kami tidak menyediakan keupayaan individu kepada pengguna, tetapi secara organik mengintegrasikan keupayaan ini mengikut senario 》

Sekilas tentang arah aliran evolusi alatan reka bentuk

Percantuman sempadan kerja dan limpahan keupayaan reka bentuk.

Produk ini membolehkan orang yang tidak mempunyai keupayaan reka bentuk untuk mempunyai keupayaan reka bentuk, dan membenarkan orang yang tidak mempunyai keupayaan pengekodan untuk mempunyai keupayaan pengekodan Sempadan kerja pereka bentuk dan bahagian hadapan bergabung secara beransur-ansur, dan setiap jenis kerja Atribut watak yang pada asalnya diberikan adalah memanjang ke hulu dan hilir.

Dengan peningkatan berterusan keupayaan AI, aliran kerja ini berkemungkinan dipendekkan kepada "pengurus produk-pereka-belakang" atau "pengurus produk-pengurus-belakang-belakang". "zaman keemasan" pengurus produk.

Begitu juga, selepas alatan reka bentuk menjadi pintar, mereka yang menggunakan alatan untuk mereka bentuk mungkin tidak lagi merupakan orang yang mempunyai kebolehan profesional juga mungkin bahawa AI adalah seperti Internet Perkara yang sama telah tersedia untuk semua orang, termasuk pemilik kedai buah-buahan dan pemilik kedai sarapan di tingkat bawah, boleh menjadi pencipta kandungan, pereka antara muka dan pembangun aplikasi.

Kos untuk memenuhi keperluan reka bentuk asas telah dikurangkan kepada diabaikan, dan bahagian bekalan reka bentuk juga akan membawa kepada pembangunan yang meletup-letup Pada masa lalu, kaedah menjelaskan melalui teks yang panjang mungkin akhirnya berkembang menjadi bentuk "satu gambar" bernilai seribu perkataan.

Apakah alatan reka bentuk yang akhirnya kita perlukan?

Zhou Ning percaya:

"Apabila kecerdasan buatan campur tangan sepenuhnya dalam alat reka bentuk dan mengubah sepenuhnya alat reka bentuk menjadi alat reka bentuk pintar, kami Kaedah reka bentuk asal akan diubah sepenuhnya, yang juga selaras dengan undang-undang objektif bahawa hubungan pengeluaran berubah dengan perubahan dalam produktiviti Kemudian berdasarkan jangkaan yang baik untuk produktiviti kecerdasan buatan, diandaikan bahawa alat reka bentuk sepenuhnya automatik dan tanpa sebarang had lain pada kefungsian dan prestasi, hasil akhir penaakulan ini ialah semua pautan proses dan aliran kerja yang menyediakan pautan proses akan dihapuskan dan semua keupayaan eksplisit alat akan ditumpukan pada penghujung input keperluan dan penghujung output keputusannya.

Penghujung input keperluan mesti dapat menerangkan keperluan terperinci kami dalam sejumlah besar cara berbilang modal dan dapat mencapai ketepatan dan pelaksanaan yang ketat butiran, tetapi juga apabila kita sendiri tidak dapat menerangkan dengan jelas keperluan kita yang tepat dan hanya mempunyai konsep dan hala tuju yang samar-samar, kita mesti dapat memahami implikasi kita secara diam-diam, malah menggunakan rizab pengetahuan dan kebijaksanaan AI sendiri untuk membimbing dan membantu Kita memperhalusi keperluan kita dan juga memberi kita kognisi lanjutan dan menuntut pencerahan dalam dimensi pemikiran yang lebih tinggi Ia boleh menjana sejumlah besar penyelesaian multi-modal yang berkualiti tinggi untuk kita pilih dalam tempoh yang singkat, ia juga perlu untuk menerima keperluan kami selanjutnya untuk pengoptimuman berterusan dan lelaran penyelesaian yang dihasilkan Kami juga berharap untuk meminjam rizab dan kebijaksanaan AI sendiri dapat memberikan kami jawapan yang paling sepadan dan sempurna dalam satu langkah, malah memberikan kami penyelesaian lanjutan. yang menembusi tahap estetik dan kognitif asal keperluan kita pada dimensi dan tahap yang lebih tinggi 》

Apple’s Vision Pro menjadi tuhan dalam sekelip mata, AIGC menjadi popular global, dan gelombang teknologi baharu akan datang.

Tetapi apa yang kita boleh tahu ialah, "Terdapat kekurangan peluang baharu dalam persekitaran yang statik. Peluang baharu semuanya lahir dalam perubahan

Atas ialah kandungan terperinci Cipta 'laman web rasmi' Apple Vision Pro dalam masa 1 minit? Saya mencipta 480 halaman web dalam masa 8 jam di tempat kerja, dan rakan sekerja saya menjadi gila.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!