Science & Technology

This New Astra Web Design Workflow Is INSANE

📚 الموضوعات الرئيسية

سير العمل من ثلاث خطواتيقترح الفيديو تحديد المنتج أولًا، ثم جمع المراجع واختيار المهارات المناسبة، وأخيرًا تكرار التصميم وتنقيحه حتى الوصول إلى نتيجة مرضية. 1:32
إنشاء مكتبة للمراجعاجمع لقطات شاشة لتصاميم تعجبك وصنّفها حسب أساليبها، لتزويد Astra بأمثلة ملموسة بدلًا من أوصاف عامة مثل «أنيق» أو «بسيط». 2:03
اختبار الأساليب والمهاراتاطلب عدة تصاميم، كلٌّ بأسلوب مختلف، ثم قارن النتائج باستخدام Astra وحده أو مع مهارات مثل Impeccable وTaste ومهارة تصميم الواجهة الأمامية من Anthropic. 5:07
التنقيح وإضافة المكوناتبعد اختيار الاتجاه التصميمي، أنشئ تنويعات منه، ثم أجرِ تعديلات دقيقة على الخطوط والألوان والصور والحركة، وأضف مكونات من مواقع مثل 21st.dev. 10:43
معاينة الموقع ومشاركتهيتيح Codex وAstra معاينة التصميم ونشر الموقع لمشاركته وجمع الملاحظات، مع التنبيه إلى أن الاستضافة المذكورة مناسبة للمشاركة وليست الخيار الأمثل للإنتاج. 17:26

✨ أبرز النقاط

ابدأ بأمثلة مرئيةتصفح مواقع مثل Pinterest وTwitter وLandbook وDribbble، وأضف ما يعجبك إلى مكتبة مرجعية متجددة. 2:03
ولّد بدائل قبل الالتزامإنشاء عدة نسخ بأساليب مختلفة، ثم عدة تنويعات للأسلوب المختار، يساعدك على اكتشاف ما تفضله بدلًا من اتخاذ القرار من وصف نصي وحده. 6:38
المهارات ليست إلزاميةقد تحسّن المهارات النتائج، لكن Astra الأساسي قد يقدم تصميمات قوية من دون إضافات، لذا من الأفضل اختبار الخيارات بدل افتراض أن مهارة بعينها ضرورية. 8:40
استفد من توليد الصور المدمجيسهّل إنشاء الأصول المرئية وتجربة أفكار مختلفة بسرعة، من دون الحاجة إلى ربط أداة خارجية في الأمثلة المعروضة. 9:11

🧠 الدروس المستفادة

الذوق يُبنى بالمشاهدة والتجربةقد لا تعرف ما يناسبك قبل أن ترى خيارات متعددة؛ لذلك تساعد المراجع والمكونات الجاهزة على اكتشاف أفكار جديدة وتجاوز النتائج المعتادة. 16:25
التكرار هو أساس التصميماختر اتجاهًا، استكشف تنويعاته، ثم حسّن التفاصيل تدريجيًا باستخدام المعاينة وأدوات التعديل. 12:45
تجنّب المهارات التي تفرض أسلوبًا واحدًااختر الأدوات التي تخدم اتجاهك، ولا تعتمد على مهارة واحدة لتحديد شكل كل مشروع. 18:58

🏁 الخلاصة والخطوات التالية

أنشئ مكتبة ذوقك وابدأ التجربةاجمع مراجعك، اطلب عدة اتجاهات تصميمية، ثم كرر التحسينات حتى تصل إلى نسخة ترضيك وشاركها للحصول على ملاحظات. 19:29

Transcript excerpt

0:00 لقد سهّل GPT-6 Astra أكثر من أي وقت مضى التغلب على عيوب الذكاء الاصطناعي وإنشاء تصميمات واجهة أمامية فعّالة. والأفضل من ذلك، أنه أصبح أفضل بكثير مع إضافة GPT images 2.5. لذا، لا نمتلك فقط أفضل نموذج ذكاء اصطناعي في العالم لإنشاء مواقع الويب، بل لدينا الآن أفضل أداة لتوليد الصور مُدمجة به مجانًا. لسنا بحاجة إلى إضافة أي شيء آخر، مما يجعل عملية التصميم سريعة واقتصادية مقارنةً ببعض النماذج البديلة.

0:31 لذا، سأشرح لكم اليوم بالتفصيل كيفية إنشاء تصميمات واجهة أمامية عالية المستوى باستخدام Astra، حتى لا تقعوا ضحية عيوب الذكاء الاصطناعي. من أبرز مزايا Astra ونماذج GPT هذه أداة توليد الصور المُدمجة، والتي تُعدّ ميزة كبيرة عند مقارنتها بنماذج Anthropic المنافسة . ذلك لأن تصميم الواجهة الأمامية عملية تكرارية للغاية. أرغب في تجربة العديد من النسخ المختلفة لما أحاول إنشاءه حتى أصل إلى تصميم مُرضٍ. في كثير من الأحيان، نقوم بإنشاء أصولنا ورسوماتنا الخاصة،

1:02 وأداة توليد الصور المدمجة تجعل هذه العملية سريعة واقتصادية، خاصةً عند مقارنتها بنماذج Fable، حيث يتطلب الأمر توصيل أداة خارجية، مثل File أو Higgsfield، ودفع رسوم مقابل كل عملية إنشاء. ليس هذا هو الحال هنا. وهذا يسمح لي بالوصول إلى هذه المرحلة، وسأوضح لكم كيفية الوصول إليها من الصفر قريبًا، حيث أمتلك عددًا كبيرًا من نسخ موقعي الإلكتروني عبر العديد من عائلات التصميم المختلفة بسهولة تامة. لأنني، على الأقل، أحتاج إلى رؤية العديد من نسخ موقعي الإلكتروني المحتمل قبل أن يعجبني وأستقر عليه. عليّ أن

🔒 The full, searchable transcript is available with Pro.

Suggestions