عمل تصميم للموقع الرسمي لـ Apple Vision Pro؟ تم إنشاؤه في دقيقة واحدة ، يتوفر عتبة الصفر.
في الآونة الأخيرة ، تم قصف العالم بأسره بواسطة سماعة الرأس MR من Apple. من خلال دمج العديد من الأجهزة المعقدة في منتج يبدو وكأنه قطعة ، يمكن تسمية Vision Pro بالقرن الثاني من إنشاء Apple.
مثل هذا التأثير المتفجر ، لكن لن يتم بيعه على نطاق صغير حتى العام المقبل. لا يمكنني كبح الإثارة في قلبي ، ولا يسعني إلا أن أرغب في إنشاء موقع ويب للمبيعات له.
على الرغم من أنني لا أمتلك خبرة كبيرة في إنشاء مواقع الويب ، ولا أعرف كيفية كتابة التعليمات البرمجية ، إلا أن الازدهار الأخير لنماذج الذكاء الاصطناعي واسعة النطاق تجعلني مليئًا بالثقة: يجب أن يكون هناك منتج للذكاء الاصطناعي يسمح لي بذلك إنشاء موقع إلكتروني بلغة طبيعية فقط.
من المؤكد أنه بعد قليل من البحث ، وجد المحرر منتج AIGC - الذكاء الاصطناعي الفوري ، والذي يسمح لنا بإنشاء مسودات تصميم الويب من خلال أوصاف اللغة الطبيعية ، ونشرها كصفحات ويب على الإنترنت بنقرة واحدة.
بدون مزيد من اللغط ، ها هي النتائج:
على الرغم من أن التصميم غني جدًا ، إلا أن العملية بسيطة جدًا في الواقع.
أولاً ، أدخل التعويذة على الموقع الرسمي لـ Instant AI ، وانتظر لمدة دقيقة واحدة ، وستحصل على مسودات التصميم الأربعة التالية:
حدد إحدى مسودات التصميم وانشرها كصفحة ويب عبر الإنترنت بنقرة واحدة.
ومع ذلك ، هناك بعض المشاكل في النتائج التي تم إنشاؤها ، مثل الإنشاء التلقائي للصور ومتطلبات محتوى موقع الويب ليست مناسبة جدًا. لذلك وجدنا بعض الصور من موقع ويب مفتوح المصدر unplash ، وقمنا بتحريرها في مسودة التصميم.
والمثير للدهشة أن جميع التعديلات التي أجريناها على مسودة التصميم ، مثل استبدال الصور وتعديل الخطوط ، تتم مزامنتها تلقائيًا مع صفحة الويب المنشورة على الإنترنت "
استغرقت العملية بأكملها أقل من 10 دقائق ، بما في ذلك إدخال التعويذات وإنشاء مسودات التصميم والنشر كموقع ويب واستبدال الصور وإعادة النشر.
لا يكمن سحر هذا المنتج في قدرته على إنشاء موقع ويب قريب تقريبًا من احتياجاتنا في غضون 10 دقائق ، ولكن يمكن لأي شخص ليس لديه أساس تصميم أو مؤسسة رمز إنشاء موقع ويب باسم مجال في 10 دقائق.
** الذكاء الاصطناعي الفوري: أنشئ مسودة تصميم واجهة مستخدم قابلة للتعديل في 30 ثانية ، وانشرها كصفحة ويب عبر الإنترنت بنقرة واحدة **
في 4 مايو ، تم فتح Instant AI بالكامل. وفقًا للأخبار الرسمية ، تلقى هذا المنتج أكثر من 100000 تطبيق اختبار داخلي ، وحقق ملايين النتائج أثناء الاختبار الداخلي. وقد وضع هذا أساسًا جيدًا لعمليات التكرار اللاحقة للمنتج بعد الفتح.
في 31 مايو ، أدى تحديث منتج AI في الوقت الفعلي ، على أساس إنشاء مسودة تصميم واجهة المستخدم من جانب التطبيق ، إلى فرض قدرة إنشاء مسودة تصميم واجهة المستخدم على جانب الويب ، ودعم النشر بنقرة واحدة كصفحة ويب عبر الإنترنت.
يتم استخدام إمكانيات في هذا: مسودات تصميم واجهة المستخدم التي تم إنشاؤها بواسطة AI ونشر مسودات التصميم بنقرة واحدة كمكونات صفحة ويب مجمعة ، وسيتم ترحيل هذه الإمكانية إلى إنشاء التطبيقات والتطبيقات الصغيرة في المستقبل.
بعد التحديث ، قمنا أيضًا بتقييم الموجة لفترة وجيزة.
على سبيل المثال ، لإنشاء موقع ويب رسمي للمنتجات الموسيقية:
اسحب لأعلى ولأسفل لعرض الكل
إنشاء موقع رسمي لمجلة أزياء:
اسحب لأعلى ولأسفل لعرض الكل
قم بإنشاء صفحة خلفية لإدارة الفنادق:
انطلاقا من النتائج التي تم إنشاؤها ، يمكن أن تفي بشكل أساسي بمتطلبات المحتوى لصفحة الويب ، ولكن لا تزال هناك مسافة معينة من صفحة الويب الناضجة والمهنية. لكن من المفهوم ، بعد كل شيء ، أنه لا يزال شيئًا جديدًا في عملية التعلم.
على عكس Wen Sheng Tu ، يجب أن تكون مسودة تصميم واجهة المستخدم موحدة للغاية ويجب أن تحتوي على وظائف قابلة للتحرير ، وبالتالي فإن عملية مسودة تصميم Wen Sheng UI أبطأ قليلاً من Wen Sheng Tu. Galileo AI و Uizard ، والتي تركز أيضًا على Wen Sheng UI ، لا تزال قيد التنفيذ أثناء الاختبار الداخلي.
** 30 عامًا من تصميم واجهة المستخدم **
مع الانفجار المفاجئ لـ ChatGPT ، بدأ الذكاء الاصطناعي لأدوات التصميم في التسارع بجنون.
في 24 مايو ، أطلقت Adobe وظيفة PS جديدة ، Generative Fill ، والتي يمكنها إزالة محتوى الشاشة أو تعديله وتوسيع محتوى الصورة بنقرة واحدة ، وهو ما يعادل Inpainting and Outpainting في Stable Diffusion.
هذه الميزة الجديدة موجودة حاليًا في Adobe Firefly ومضمنة في إصدار اختبار Photoshop Beta ، مما يسمح للمستخدمين بدمج أو إنشاء الصور بطريقة غير مدمرة مباشرة في Photoshop.
بعد ذلك مباشرة ، أصدرت Google Research تطبيقًا جديدًا يعتمد على نموذج Muse - StyleDrop في يونيو.
يمكن أن يحصر الصورة التي تم إنشاؤها في نطاق صغير للضبط الدقيق دون التأثير على المحتوى الآخر في الصورة. مثل تغيير لون الصورة وتأثير الظل والأسلوب وما إلى ذلك. يتطلب الضبط الدقيق أقل من 1٪ من معلمات التدريب للنموذج الإجمالي.
وصل برنامج تصميم الذكاء الاصطناعي اليوم إلى هذا المستوى من التطور. بالنظر إلى السنوات الأولى من تصميم واجهة المستخدم ، لا مفر من جعل الناس يشعرون بالعاطفة.
في عام 1984 ، أطلقت شركة Apple جهاز Macintosh ، الذي طوره ستيف جوبز بنفسه ، ويمكن أن يطلق عليه نصب تذكاري في تاريخ أجهزة الكمبيوتر ، والذي مكّن أيضًا واجهة المستخدم الرسومية (GUI) من الظهور في منتج حقيقي.
الصورة الأولى التي التقطتها ب.س. ، أطلق عليها جون نول اسم "جينيفر في الجنة"
في عام 1987 ، نظرًا لأن كمبيوتر Macintosh لم يتمكن من عرض الصور بالأبيض والأسود بمقياس رمادي ، كتب Thomas Knoll برنامجًا - Display ، على أمل حل هذه المشكلة. انضم John Knoll لاحقًا ، وعمل الشقيقان معًا لصقل المنتج ، وتمت إعادة تسمية Display لاحقًا باسم Photoshop.
في عام 1990 ، ظهر Photoshop 1.0 ، الذي كان حجمه 800 كيلو بايت فقط ، ومنذ ذلك الحين سيطر هذا البرنامج على مجال تحرير الصور لأكثر من 30 عامًا.
أصدرت شركة Apple CEO Jobs جهاز iPhone في عام 2007 ، و iPhone 3GS في عام 2009 ، و iPhone 4 في عام 2010.
كأول هاتف محمول مزود بشاشة شبكية عالية الوضوح (Retina Display) ، يمكن وصف تأثير عرض iPhone 4 بأنه مذهل - تبدو الصور والنصوص واضحة وحادة ، ويمكن مقارنتها بالمواد المطبوعة.
فتح ظهور iPhone مقدمة للإنترنت عبر الهاتف المحمول ، كما حدد العديد من مبادئ التصميم المرئي في عصر الإنترنت عبر الهاتف المحمول.
في عام 2008 ، طُلب من بيتر أومفلي ، اختصاصي الكمبيوتر بجامعة توينتي في هولندا ، تصميم تطبيق رسم بسيط ، وولد برنامج DrawIt.
تم إصدار الإصدار الأخير من DrawIt في ديسمبر 2010 وتمت إعادة تسمية البرنامج باسم Sketch. منذ ذلك الحين ، جمعت Sketch عددًا صغيرًا من المتابعين المخلصين.
في 28 مايو 2009 ، احتضان Google الداخلي والإطلاق الرسمي لـ Google Wave ، في تطبيق Google Wave ، يمكن للمستخدمين إنشاء موجة ثم إضافة بعض المستخدمين.
يمكن لأي شخص في موجة المستخدم استخدام نص منسق أو عناصر واجهة مستخدم أو صور أو حتى موجزات خارجية ، ويمكنهم الرد على الموجة أو تحريرها مباشرة.
على الرغم من إيقاف تشغيل المنتج في وقت لاحق ، استمرت التقنيات والخدمات والأدوات المحيطة بـ HTML5 في الظهور ، وبدأ المزيد والمزيد من خدمات SaaS في اختيار استخدام عملاء خفيفي الوزن مثل المتصفحات لتقديمها إلى المستخدمين ، مما يجعل العرض والحسابات المعقدة متروكة إلى الخوادم الموجودة في السحابة.
وُلدت شركة Figma العملاقة لأداة تصميم واجهة المستخدم في هذه العقدة. فيجما هو برنامج تصميم تعاوني عبر الإنترنت. تم إطلاق الإصدار الرسمي في عام 2016 ، وبدأ إطلاق الحزم المدفوعة في عام 2017. في هذا الوقت ، في مجال تصميم UI / UX ، تم تشكيل النموذج الأولي للعلاقة التنافسية بين Adobe XD و Sketch و Figma.
أثناء الوباء في السنوات القليلة الماضية ، كأداة للتعاون في تصميم الواجهة عبر الإنترنت متاحة على جميع المنصات ، مع استمرار زيادة الطلب على التعاون عبر الإنترنت ، يمكن لـ Figma حفظ المشاريع في السحابة في أي وقت ، ونما عدد المستخدمين بسرعة يونيو 2021 ، بعد استكمال تمويل 200 مليون دولار ، وصل تقييم فيجما إلى 10 مليارات دولار.
في 15 سبتمبر 2022 ، أعلنت Adobe على موقعها الرسمي على الإنترنت أنها ستستحوذ على منصة التصميم التعاوني عبر الإنترنت Figma مقابل ما يقرب من 20 مليار دولار أمريكي ، بما في ذلك نصف النقد ونصف المخزون. بالنسبة إلى Adobe ، سيؤدي إزالة Figma إلى القضاء على أحد أكبر منافسيها المحتملين مع توسيع تواجدها السحابي.
لكن الثورات التكنولوجية تأتي دائمًا بشكل غير متوقع.
** كيف يبدو الجيل الجديد من أدوات التصميم؟ **
تؤدي البيئة التكنولوجية الجديدة إلى محطات طرفية جديدة ، وتؤدي المحطات الطرفية الجديدة إلى منطق تفاعل جديد ، ويؤدي منطق التفاعل الجديد إلى أدوات جديدة.
والآن ، تدخل الذكاء الاصطناعي في أداة التصميم.
بدءًا من PS ، مر اتجاه تطوير أدوات التصميم بعملية من "وظيفة أداة واحدة" إلى "وظائف متعددة" إلى "أداة التمايز الوظيفي" ، وأخيراً تكامل "وظيفة الأداة" و "سيناريو الاستخدام" ؛ ولكن لا بغض النظر عن كيفية تقسيم اتجاه التطوير هذا واندماجه ، فإن موضوعه الرئيسي كان دائمًا حول تحسين وظائف وأداء الأدوات للمساعدة في التصميم على حل المزيد من المشكلات بشكل أفضل.
** ما الفرق بين أدوات التصميم في ظل الذكاء الاصطناعي؟ **
"بعد أن تدخل الذكاء الاصطناعي في أدوات التصميم ، فقد أدى إلى تسريع اتجاه استخدام أداة دمج المشهد وتكامل الأدوات ، وتحسين وظائف وأداء الأدوات بشكل كبير. لقد تغيرت أدوات التصميم من حل احتياجات المستخدمين بشكل أساسي أثناء الاستخدام إلى" من أجل " لتلبية توقعات النتيجة النهائية للمستخدم.
كانت أدوات التصميم السابقة عبارة عن عمليات موزعة ، تتطلب كل خطوة مشاركة المستخدم ، كما يعرف المستخدمون أيضًا منطق توليد النتائج. ولكن الآن أصبحت عملية من خطوة واحدة ، وأصبحت عملية التنفيذ "صندوقًا أسود" ، كما قال تشو نينغ ، الشريك المؤسس لشركة Instant Design.
عندما نبحث عن أدوات تصميم AI ، لا يقتصر الأمر على إنشاء الصور من النص ، ولكن أيضًا إنشاء الصور من الصور وتصميم Winson UI و Winson 3D و Winson video ...
** كيف سيتغير سير العمل؟ **
نلقي نظرة خاطفة على مستقبل العمل والنتائج من خلال أدوات جديدة.
عملية الإنتاج والبحث العادية لولادة منتج الإنترنت هي: بعد اكتمال التصميم ، يتم تسليم مسودة التصميم إلى مهندس الواجهة الأمامية ، الذي يعيد لغة التصميم إلى لغة برمجة ، ثم يطور الوظيفة على هذا الأساس.
هذا هو "تصميم المنتج - الواجهة - الواجهة الخلفية".
الآن ، مع القدرة على تحويل مسودات التصميم مباشرة إلى منتجات عبر الإنترنت ، لم يعد المصممون بحاجة إلى قضاء الوقت في التوافق مع الطلاب في الرابط التالي ، ولم يعد المبرمجون بحاجة إلى القيام بأعمال استبدال اللغة ، وتقليل المراجعة ، وتقليل تكلفة الوقت للتطوير ، التمشية والروابط الأخرى ، وتحسين الكفاءة من التصميم إلى التطوير.
في الوقت نفسه ، نظرًا لأنه يمكن تحديث جميع التعديلات في مسودة التصميم تلقائيًا إلى صفحة الويب المنشورة ، فإن المبرمجين يحتاجون فقط إلى معالجة الواجهة الأمامية عند الاتصال بالإنترنت لأول مرة ، ولا داعي للتدخل في الصيانة والتعديل من صفحة الويب في المستقبل.
قال Li Jianing ، مدير الإستراتيجية في Instant Design ، في خطاب عام ، "ما الذي يجب على المستخدمين فعله بعد أن يكون لديهم مسودة تصميم واجهة المستخدم؟ بطبيعة الحال ، دع طلاب التطوير يدركون تحويل لغة التصميم على مستوى الكود. لذلك قمنا بدمج تصميم التصميم الفوري إلى رمز القدرة على تحقيق التحويل التلقائي لمسودات التصميم إلى صفحات الويب الأمامية.
لقد قمنا بدمج هذه السلسلة من القدرات ، وأدركنا أخيرًا منتجًا يمكنه إنشاء مواقع الويب والتطبيقات الصغيرة عبر الإنترنت بنقرة واحدة من خلال وصف نصي. بدلاً من إعطاء الإمكانات الفردية للمستخدمين كنقطة واحدة ، نقوم بدمج هذه القدرات بشكل عضوي للسيناريوهات. "
** إلقاء نظرة على اتجاه تطور أدوات التصميم **
اندماج حدود العمل وتجاوز قدرة التصميم.
يمكّن هذا المنتج الأشخاص الذين ليس لديهم القدرة على التصميم من الحصول على القدرة على التصميم ، ويمكّن الأشخاص الذين ليس لديهم القدرة على الترميز من الحصول على القدرة على الترميز. يتم دمج حدود العمل بين المصممين والواجهة الأمامية تدريجيًا ، ويتم نقل سمات الدور المعينة في الأصل لكل نوع من العمل إلى امتدادهم المنبع والمصب.
مع التحسين المستمر لقدرات الذكاء الاصطناعي ، من المرجح أن يتم اختصار سير العمل هذا إلى "مدير المنتج - المصمم - الواجهة الخلفية" أو "مدير المنتج - الواجهة الأمامية - الواجهة الخلفية" ، أو للوصول إلى "العصر الذهبي" لمديري المنتجات.
وبالمثل ، بعد أن تصبح أدوات التصميم ذكية ، فإن الأشخاص الذين يستخدمون أدوات التصميم ليسوا بالضرورة من يتمتعون بقدرات احترافية ، ولكن ربما يكونون المهوسون الذين يهتمون بالذكاء الاصطناعي. ومن الممكن أيضًا أن يصبح الذكاء الاصطناعي متاحًا للجميع مثل الإنترنت. متجر الفاكهة في الطابق السفلي ، أصحاب محلات الإفطار ، يمكن للجميع أن يصبحوا منشئين محتوى ومصممي واجهات ومطوري تطبيقات.
يتم تقليل تكلفة تلبية متطلبات التصميم الأساسية إلى حد ضئيل ، كما أن جانب العرض التصميمي سيقود إلى تطور هائل.قد تتطور الطريقة السابقة للشرح من خلال نص طويل في النهاية إلى شكل من أشكال "الصورة تساوي ألف كلمة".
** ما نوع أدوات التصميم التي نحتاجها في النهاية؟ **
يعتقد تشو نينغ:
"عندما يتدخل الذكاء الاصطناعي بشكل كامل في أدوات التصميم ويحول أدوات التصميم بالكامل إلى أدوات تصميم ذكية ، سيتم تغيير أساليب التصميم الأصلية لدينا بالكامل ، وهو ما يتماشى أيضًا مع القانون الموضوعي الذي يغير علاقات الإنتاج مع التغيرات في الإنتاجية.
بعد ذلك ، بناءً على التوقعات الجيدة لإنتاجية الذكاء الاصطناعي ، بافتراض أن أدوات التصميم مؤتمتة بالكامل ، ولا توجد قيود أخرى على الوظيفة والأداء ، فإن النتيجة النهائية لهذا المنطق هي: جميع روابط العمليات ومهام سير العمل التي تخدم ارتباطات العملية يتم القضاء عليها. ستركز جميع القدرات الواضحة للأداة على إدخال المتطلبات ومخرجات النتائج.
في جانب إدخال المتطلبات ، يجب ألا نسمح لنا فقط بوصف متطلباتنا التفصيلية في عدد كبير من الطرائق المتعددة وتحقيق فهم دقيق وتنفيذ صارم للتفاصيل ، ولكن أيضًا عندما لا يمكننا وصف متطلباتنا الدقيقة بوضوح. عندما يكون هناك مفاهيم واتجاهات غامضة ، يمكنها فهم ما نعنيه بالقلب ، وحتى استخدام احتياطي المعرفة والحكمة الخاصين بالذكاء الاصطناعي لتوجيهنا ومساعدتنا على تحسين احتياجاتنا ، وحتى تزويدنا بإدراك متقدم في بُعد أعلى من التفكير والمطالبة بالإلهام.
في نهاية إخراج النتيجة ، لا نحتاج فقط إلى القدرة على إنشاء عدد كبير من الحلول متعددة الوسائط عالية الجودة لكي نختارها في فترة زمنية قصيرة ، ولكننا نحتاجها أيضًا لتكون قادرة على التحسين المستمر وتكرار الحلول التي تم إنشاؤها لقبول متطلباتنا الإضافية ، وحتى أننا نأمل بالتأكيد أنه من خلال استعارة المعرفة والحكمة من الذكاء الاصطناعي نفسه ، ستمنحنا الإجابة الأكثر مطابقة ومثالية في خطوة واحدة ، بل وتعطينا تقدمًا في المستوى الجمالي والمعرفي للاحتياجات الأصلية على بعد ومستوى أعلى .. خطة متقدمة. "
أصبح Apple Vision Pro إلهًا بين عشية وضحاها ، وأصبحت AIGC مشهورة في جميع أنحاء العالم ، وظهرت موجات جديدة من التكنولوجيا ، وليس لدينا طريقة لمعرفة كيف سيبدو العصر الذهبي القادم.
ولكن ما يمكننا معرفته هو أن "البيئة الجامدة تفتقر إلى فرص جديدة ، وتولد جميع الفرص الجديدة في عملية التغيير".
مراجع:
شاهد النسخة الأصلية
المحتوى هو للمرجعية فقط، وليس دعوة أو عرضًا. لا يتم تقديم أي مشورة استثمارية أو ضريبية أو قانونية. للمزيد من الإفصاحات حول المخاطر، يُرجى الاطلاع على إخلاء المسؤولية.
اجعل Apple Vision Pro "الموقع الرسمي" في دقيقة واحدة؟ تم إنشاء 480 صفحة ويب في 8 ساعات من العمل ، وكان زملائي في حالة جنون
مصدر المقال: Xinzhiyuan
في الآونة الأخيرة ، تم قصف العالم بأسره بواسطة سماعة الرأس MR من Apple. من خلال دمج العديد من الأجهزة المعقدة في منتج يبدو وكأنه قطعة ، يمكن تسمية Vision Pro بالقرن الثاني من إنشاء Apple.
مثل هذا التأثير المتفجر ، لكن لن يتم بيعه على نطاق صغير حتى العام المقبل. لا يمكنني كبح الإثارة في قلبي ، ولا يسعني إلا أن أرغب في إنشاء موقع ويب للمبيعات له.
على الرغم من أنني لا أمتلك خبرة كبيرة في إنشاء مواقع الويب ، ولا أعرف كيفية كتابة التعليمات البرمجية ، إلا أن الازدهار الأخير لنماذج الذكاء الاصطناعي واسعة النطاق تجعلني مليئًا بالثقة: يجب أن يكون هناك منتج للذكاء الاصطناعي يسمح لي بذلك إنشاء موقع إلكتروني بلغة طبيعية فقط.
من المؤكد أنه بعد قليل من البحث ، وجد المحرر منتج AIGC - الذكاء الاصطناعي الفوري ، والذي يسمح لنا بإنشاء مسودات تصميم الويب من خلال أوصاف اللغة الطبيعية ، ونشرها كصفحات ويب على الإنترنت بنقرة واحدة.
أولاً ، أدخل التعويذة على الموقع الرسمي لـ Instant AI ، وانتظر لمدة دقيقة واحدة ، وستحصل على مسودات التصميم الأربعة التالية:
والمثير للدهشة أن جميع التعديلات التي أجريناها على مسودة التصميم ، مثل استبدال الصور وتعديل الخطوط ، تتم مزامنتها تلقائيًا مع صفحة الويب المنشورة على الإنترنت "
استغرقت العملية بأكملها أقل من 10 دقائق ، بما في ذلك إدخال التعويذات وإنشاء مسودات التصميم والنشر كموقع ويب واستبدال الصور وإعادة النشر.
لا يكمن سحر هذا المنتج في قدرته على إنشاء موقع ويب قريب تقريبًا من احتياجاتنا في غضون 10 دقائق ، ولكن يمكن لأي شخص ليس لديه أساس تصميم أو مؤسسة رمز إنشاء موقع ويب باسم مجال في 10 دقائق.
** الذكاء الاصطناعي الفوري: أنشئ مسودة تصميم واجهة مستخدم قابلة للتعديل في 30 ثانية ، وانشرها كصفحة ويب عبر الإنترنت بنقرة واحدة **
في 4 مايو ، تم فتح Instant AI بالكامل. وفقًا للأخبار الرسمية ، تلقى هذا المنتج أكثر من 100000 تطبيق اختبار داخلي ، وحقق ملايين النتائج أثناء الاختبار الداخلي. وقد وضع هذا أساسًا جيدًا لعمليات التكرار اللاحقة للمنتج بعد الفتح.
في 31 مايو ، أدى تحديث منتج AI في الوقت الفعلي ، على أساس إنشاء مسودة تصميم واجهة المستخدم من جانب التطبيق ، إلى فرض قدرة إنشاء مسودة تصميم واجهة المستخدم على جانب الويب ، ودعم النشر بنقرة واحدة كصفحة ويب عبر الإنترنت.
يتم استخدام إمكانيات في هذا: مسودات تصميم واجهة المستخدم التي تم إنشاؤها بواسطة AI ونشر مسودات التصميم بنقرة واحدة كمكونات صفحة ويب مجمعة ، وسيتم ترحيل هذه الإمكانية إلى إنشاء التطبيقات والتطبيقات الصغيرة في المستقبل.
بعد التحديث ، قمنا أيضًا بتقييم الموجة لفترة وجيزة.
على سبيل المثال ، لإنشاء موقع ويب رسمي للمنتجات الموسيقية:
إنشاء موقع رسمي لمجلة أزياء:
قم بإنشاء صفحة خلفية لإدارة الفنادق:
على عكس Wen Sheng Tu ، يجب أن تكون مسودة تصميم واجهة المستخدم موحدة للغاية ويجب أن تحتوي على وظائف قابلة للتحرير ، وبالتالي فإن عملية مسودة تصميم Wen Sheng UI أبطأ قليلاً من Wen Sheng Tu. Galileo AI و Uizard ، والتي تركز أيضًا على Wen Sheng UI ، لا تزال قيد التنفيذ أثناء الاختبار الداخلي.
** 30 عامًا من تصميم واجهة المستخدم **
مع الانفجار المفاجئ لـ ChatGPT ، بدأ الذكاء الاصطناعي لأدوات التصميم في التسارع بجنون.
في 24 مايو ، أطلقت Adobe وظيفة PS جديدة ، Generative Fill ، والتي يمكنها إزالة محتوى الشاشة أو تعديله وتوسيع محتوى الصورة بنقرة واحدة ، وهو ما يعادل Inpainting and Outpainting في Stable Diffusion.
يمكن أن يحصر الصورة التي تم إنشاؤها في نطاق صغير للضبط الدقيق دون التأثير على المحتوى الآخر في الصورة. مثل تغيير لون الصورة وتأثير الظل والأسلوب وما إلى ذلك. يتطلب الضبط الدقيق أقل من 1٪ من معلمات التدريب للنموذج الإجمالي.
في عام 1984 ، أطلقت شركة Apple جهاز Macintosh ، الذي طوره ستيف جوبز بنفسه ، ويمكن أن يطلق عليه نصب تذكاري في تاريخ أجهزة الكمبيوتر ، والذي مكّن أيضًا واجهة المستخدم الرسومية (GUI) من الظهور في منتج حقيقي.
في عام 1987 ، نظرًا لأن كمبيوتر Macintosh لم يتمكن من عرض الصور بالأبيض والأسود بمقياس رمادي ، كتب Thomas Knoll برنامجًا - Display ، على أمل حل هذه المشكلة. انضم John Knoll لاحقًا ، وعمل الشقيقان معًا لصقل المنتج ، وتمت إعادة تسمية Display لاحقًا باسم Photoshop.
في عام 1990 ، ظهر Photoshop 1.0 ، الذي كان حجمه 800 كيلو بايت فقط ، ومنذ ذلك الحين سيطر هذا البرنامج على مجال تحرير الصور لأكثر من 30 عامًا.
كأول هاتف محمول مزود بشاشة شبكية عالية الوضوح (Retina Display) ، يمكن وصف تأثير عرض iPhone 4 بأنه مذهل - تبدو الصور والنصوص واضحة وحادة ، ويمكن مقارنتها بالمواد المطبوعة.
في عام 2008 ، طُلب من بيتر أومفلي ، اختصاصي الكمبيوتر بجامعة توينتي في هولندا ، تصميم تطبيق رسم بسيط ، وولد برنامج DrawIt.
تم إصدار الإصدار الأخير من DrawIt في ديسمبر 2010 وتمت إعادة تسمية البرنامج باسم Sketch. منذ ذلك الحين ، جمعت Sketch عددًا صغيرًا من المتابعين المخلصين.
يمكن لأي شخص في موجة المستخدم استخدام نص منسق أو عناصر واجهة مستخدم أو صور أو حتى موجزات خارجية ، ويمكنهم الرد على الموجة أو تحريرها مباشرة.
على الرغم من إيقاف تشغيل المنتج في وقت لاحق ، استمرت التقنيات والخدمات والأدوات المحيطة بـ HTML5 في الظهور ، وبدأ المزيد والمزيد من خدمات SaaS في اختيار استخدام عملاء خفيفي الوزن مثل المتصفحات لتقديمها إلى المستخدمين ، مما يجعل العرض والحسابات المعقدة متروكة إلى الخوادم الموجودة في السحابة.
أثناء الوباء في السنوات القليلة الماضية ، كأداة للتعاون في تصميم الواجهة عبر الإنترنت متاحة على جميع المنصات ، مع استمرار زيادة الطلب على التعاون عبر الإنترنت ، يمكن لـ Figma حفظ المشاريع في السحابة في أي وقت ، ونما عدد المستخدمين بسرعة يونيو 2021 ، بعد استكمال تمويل 200 مليون دولار ، وصل تقييم فيجما إلى 10 مليارات دولار.
في 15 سبتمبر 2022 ، أعلنت Adobe على موقعها الرسمي على الإنترنت أنها ستستحوذ على منصة التصميم التعاوني عبر الإنترنت Figma مقابل ما يقرب من 20 مليار دولار أمريكي ، بما في ذلك نصف النقد ونصف المخزون. بالنسبة إلى Adobe ، سيؤدي إزالة Figma إلى القضاء على أحد أكبر منافسيها المحتملين مع توسيع تواجدها السحابي.
** كيف يبدو الجيل الجديد من أدوات التصميم؟ **
تؤدي البيئة التكنولوجية الجديدة إلى محطات طرفية جديدة ، وتؤدي المحطات الطرفية الجديدة إلى منطق تفاعل جديد ، ويؤدي منطق التفاعل الجديد إلى أدوات جديدة.
والآن ، تدخل الذكاء الاصطناعي في أداة التصميم.
** ما الفرق بين أدوات التصميم في ظل الذكاء الاصطناعي؟ **
"بعد أن تدخل الذكاء الاصطناعي في أدوات التصميم ، فقد أدى إلى تسريع اتجاه استخدام أداة دمج المشهد وتكامل الأدوات ، وتحسين وظائف وأداء الأدوات بشكل كبير. لقد تغيرت أدوات التصميم من حل احتياجات المستخدمين بشكل أساسي أثناء الاستخدام إلى" من أجل " لتلبية توقعات النتيجة النهائية للمستخدم.
كانت أدوات التصميم السابقة عبارة عن عمليات موزعة ، تتطلب كل خطوة مشاركة المستخدم ، كما يعرف المستخدمون أيضًا منطق توليد النتائج. ولكن الآن أصبحت عملية من خطوة واحدة ، وأصبحت عملية التنفيذ "صندوقًا أسود" ، كما قال تشو نينغ ، الشريك المؤسس لشركة Instant Design.
عندما نبحث عن أدوات تصميم AI ، لا يقتصر الأمر على إنشاء الصور من النص ، ولكن أيضًا إنشاء الصور من الصور وتصميم Winson UI و Winson 3D و Winson video ...
** كيف سيتغير سير العمل؟ **
نلقي نظرة خاطفة على مستقبل العمل والنتائج من خلال أدوات جديدة.
عملية الإنتاج والبحث العادية لولادة منتج الإنترنت هي: بعد اكتمال التصميم ، يتم تسليم مسودة التصميم إلى مهندس الواجهة الأمامية ، الذي يعيد لغة التصميم إلى لغة برمجة ، ثم يطور الوظيفة على هذا الأساس.
هذا هو "تصميم المنتج - الواجهة - الواجهة الخلفية".
الآن ، مع القدرة على تحويل مسودات التصميم مباشرة إلى منتجات عبر الإنترنت ، لم يعد المصممون بحاجة إلى قضاء الوقت في التوافق مع الطلاب في الرابط التالي ، ولم يعد المبرمجون بحاجة إلى القيام بأعمال استبدال اللغة ، وتقليل المراجعة ، وتقليل تكلفة الوقت للتطوير ، التمشية والروابط الأخرى ، وتحسين الكفاءة من التصميم إلى التطوير.
قال Li Jianing ، مدير الإستراتيجية في Instant Design ، في خطاب عام ، "ما الذي يجب على المستخدمين فعله بعد أن يكون لديهم مسودة تصميم واجهة المستخدم؟ بطبيعة الحال ، دع طلاب التطوير يدركون تحويل لغة التصميم على مستوى الكود. لذلك قمنا بدمج تصميم التصميم الفوري إلى رمز القدرة على تحقيق التحويل التلقائي لمسودات التصميم إلى صفحات الويب الأمامية.
لقد قمنا بدمج هذه السلسلة من القدرات ، وأدركنا أخيرًا منتجًا يمكنه إنشاء مواقع الويب والتطبيقات الصغيرة عبر الإنترنت بنقرة واحدة من خلال وصف نصي. بدلاً من إعطاء الإمكانات الفردية للمستخدمين كنقطة واحدة ، نقوم بدمج هذه القدرات بشكل عضوي للسيناريوهات. "
** إلقاء نظرة على اتجاه تطور أدوات التصميم **
اندماج حدود العمل وتجاوز قدرة التصميم.
يمكّن هذا المنتج الأشخاص الذين ليس لديهم القدرة على التصميم من الحصول على القدرة على التصميم ، ويمكّن الأشخاص الذين ليس لديهم القدرة على الترميز من الحصول على القدرة على الترميز. يتم دمج حدود العمل بين المصممين والواجهة الأمامية تدريجيًا ، ويتم نقل سمات الدور المعينة في الأصل لكل نوع من العمل إلى امتدادهم المنبع والمصب.
مع التحسين المستمر لقدرات الذكاء الاصطناعي ، من المرجح أن يتم اختصار سير العمل هذا إلى "مدير المنتج - المصمم - الواجهة الخلفية" أو "مدير المنتج - الواجهة الأمامية - الواجهة الخلفية" ، أو للوصول إلى "العصر الذهبي" لمديري المنتجات.
يتم تقليل تكلفة تلبية متطلبات التصميم الأساسية إلى حد ضئيل ، كما أن جانب العرض التصميمي سيقود إلى تطور هائل.قد تتطور الطريقة السابقة للشرح من خلال نص طويل في النهاية إلى شكل من أشكال "الصورة تساوي ألف كلمة".
** ما نوع أدوات التصميم التي نحتاجها في النهاية؟ **
يعتقد تشو نينغ:
"عندما يتدخل الذكاء الاصطناعي بشكل كامل في أدوات التصميم ويحول أدوات التصميم بالكامل إلى أدوات تصميم ذكية ، سيتم تغيير أساليب التصميم الأصلية لدينا بالكامل ، وهو ما يتماشى أيضًا مع القانون الموضوعي الذي يغير علاقات الإنتاج مع التغيرات في الإنتاجية.
بعد ذلك ، بناءً على التوقعات الجيدة لإنتاجية الذكاء الاصطناعي ، بافتراض أن أدوات التصميم مؤتمتة بالكامل ، ولا توجد قيود أخرى على الوظيفة والأداء ، فإن النتيجة النهائية لهذا المنطق هي: جميع روابط العمليات ومهام سير العمل التي تخدم ارتباطات العملية يتم القضاء عليها. ستركز جميع القدرات الواضحة للأداة على إدخال المتطلبات ومخرجات النتائج.
في جانب إدخال المتطلبات ، يجب ألا نسمح لنا فقط بوصف متطلباتنا التفصيلية في عدد كبير من الطرائق المتعددة وتحقيق فهم دقيق وتنفيذ صارم للتفاصيل ، ولكن أيضًا عندما لا يمكننا وصف متطلباتنا الدقيقة بوضوح. عندما يكون هناك مفاهيم واتجاهات غامضة ، يمكنها فهم ما نعنيه بالقلب ، وحتى استخدام احتياطي المعرفة والحكمة الخاصين بالذكاء الاصطناعي لتوجيهنا ومساعدتنا على تحسين احتياجاتنا ، وحتى تزويدنا بإدراك متقدم في بُعد أعلى من التفكير والمطالبة بالإلهام.
في نهاية إخراج النتيجة ، لا نحتاج فقط إلى القدرة على إنشاء عدد كبير من الحلول متعددة الوسائط عالية الجودة لكي نختارها في فترة زمنية قصيرة ، ولكننا نحتاجها أيضًا لتكون قادرة على التحسين المستمر وتكرار الحلول التي تم إنشاؤها لقبول متطلباتنا الإضافية ، وحتى أننا نأمل بالتأكيد أنه من خلال استعارة المعرفة والحكمة من الذكاء الاصطناعي نفسه ، ستمنحنا الإجابة الأكثر مطابقة ومثالية في خطوة واحدة ، بل وتعطينا تقدمًا في المستوى الجمالي والمعرفي للاحتياجات الأصلية على بعد ومستوى أعلى .. خطة متقدمة. "
أصبح Apple Vision Pro إلهًا بين عشية وضحاها ، وأصبحت AIGC مشهورة في جميع أنحاء العالم ، وظهرت موجات جديدة من التكنولوجيا ، وليس لدينا طريقة لمعرفة كيف سيبدو العصر الذهبي القادم.
ولكن ما يمكننا معرفته هو أن "البيئة الجامدة تفتقر إلى فرص جديدة ، وتولد جميع الفرص الجديدة في عملية التغيير".
مراجع: