تخطٍ إلى المحتوى

امنح فكرتك لغة بصرية.

أنشئ حزم تصميم تضم أصولًا قابلة لإعادة الاستخدام ورموز تصميم وتصديرات منظمة للمرحلة التالية من مشروعك.

من الموجز إلى النتيجة.

01

حدد الاتجاه

صِف الجمهور والمراجع البصرية والصيغ والقيود.

02

أنشئ مجموعة متناسقة

أنشئ أصول التصميم ومعلومات التنسيق القابلة لإعادة الاستخدام معًا.

03

راجع الملفات المُصدَّرة

افحص الملفات وفحوصات النواتج، ثم نقّح الأجزاء التي تحتاج إلى مطابقة أدق.

حزمة التصميم هي نتاج إبداعي. اختر بناء موقع إلكتروني أو تطبيق عندما تحتاج أيضًا إلى منتج عملي.

من اتجاه بصري إلى نظام تصميم قابل لإعادة الاستخدام.

اطّلع على الهوية والمكوّنات والملفات التي تنقل التصميم إلى مشروعك التالي.

حدّد اللغة البصرية

اجعل الهوية تنتمي إلى فكرتك.

صِف الجمهور والطابع والأماكن التي يجب أن يعمل فيها التصميم. يطوّر الذكاء الاصطناعي حزمة تصميم حول ذلك الموجز: هوية علامة تجارية، أو نظام واجهة، أو مجموعة رسوم توضيحية، أو مجموعة مدعومة أخرى. راجعوا معًا اللوحة اللونية والخطوط والمنطق وراءها بحيث تبدو الأجزاء الفردية مترابطة.

  • زوّد الذكاء الاصطناعي بمراجع بصرية وقيود عملية.
  • راجع الرمز والخط واللوحة اللونية كهوية واحدة.
  • اطلب تعديلات على الاتجاه قبل نقل الأصول إلى الإنتاج.
مثال لهوية مجلة خارجية تتضمن شعارًا نصيًا ورمز ورقة ولوحة ألوان ونماذج خطوط

ابنِ النظام

اجعل التفاصيل تعمل معًا.

بالنسبة لحزم تصميم الواجهات، تربط الرموز القابلة لإعادة الاستخدام الألوان والخطوط والمسافات وأنماط المكوّنات. تعرض ورقة المكوّنات المُصيَّرة عناصر التحكم في حالاتها ذات الصلة. تتحقق المنصة من بنية الرموز والتباين واتساق المكوّنات، بينما تنظر مراجعة التصميم في مدى استجابة الحزمة للموجز.

  • افحص الأزرار والحقول والمكوّنات القابلة لإعادة الاستخدام الأخرى.
  • راجع حالات التركيز والتعطيل والخطأ إلى جانب المظهر الافتراضي.
  • استخدم الرموز المشتركة لنقل التنسيق نفسه إلى التنفيذ.
مثال لورقة مكوّنات تضم أزرارًا منسّقة وحالات إدخال وتبويبات وبطاقة مقالة

انقل العمل إلى الأمام

أبقِ الأصول متسقة مع التصميم.

افتح نظرة عامة على الحزمة واتبع روابطها إلى النواتج. حسب الموجز، يمكن أن تشمل هذه ملفات متجهة رئيسية، وتصديرات نقطية (Raster)، وورقة مكوّنات، ورموز تصميم، وكتيب علامة تجارية. عند تفعيل وربط التصدير القابل للتحرير إلى Figma، استخدم رابط التسليم المُنشأ إذا اكتمل ذلك التصدير.

  • راجع قائمة الملفات والاستخدام المقصود لكل ناتج.
  • انقل الأصول والرموز القابلة لإعادة الاستخدام إلى سير عمل التصميم أو التطوير لديك.
  • تحقق من تقرير التصدير قبل اعتبار ملف أو عملية دمج مُسلَّمة.
مثال لتسليم تصميم يتضمن رسومات متجهة ورموز تصميم وتخطيطات قابلة لإعادة الاستخدام متطابقة

سير العمل

حافظ على ترابط العمل.

  1. صِف النتيجة

    اشرح الجمهور والمخرجات المطلوبة والقيود. حسّن الاتجاه قبل المتابعة.

  2. راجع العمل

    افحص الملفات المُولَّدة، والمعاينة المتاحة، والتحقق المتعلق بالمخرجات.

  3. اصنع النسخة التالية

    اطلب تعديلات، ثم صدّر أو استخدم سير عمل التسليم الذي يدعمه ذلك المشروع.

الأسئلة والأجوبة

بعض التوضيح قبل أن تبدأ.

ماذا يمكن أن تتضمن حزمة التصميم؟+
يمكن أن تشمل الحزمة أصول العلامة التجارية والأيقونات واللوحات اللونية والخطوط والرسوم التوضيحية وأوراق المكوّنات وأصول ثلاثية الأبعاد مدعومة. يحدد الموجز النواتج التي تنتمي إلى الحزمة.
ماذا يجب أن أدرج في موجز التصميم؟+
صِف الجمهور والمزاج والمراجع البصرية والصيغ المقصودة وأي قيود موجودة للعلامة التجارية. حدد أين ستُستخدم الأصول حتى يمكن تشكيل الحزمة لهذا السياق.
هل يمكنني معاينة التصميم قبل استخدامه؟+
تتضمن الحزمة نظرة عامة، مع ورقة مكونات عند الحاجة إليها في المخرجات. راجع الأصول المرئية، والرموز القابلة لإعادة الاستخدام، وحالات المكونات ذات الصلة قبل اعتمادها.
ما الذي يفحصه التحقق من التصميم؟+
تفحص عمليات التحقق الملفات المدرجة، ورموز التصميم، وأزواج التباين ذات الصلة، وحالات المكونات، والتصديرات المدعومة. كما تراعي مراجعة التصميم مدى تماسك الحزمة ومطابقتها للموجز.
هل يمكنني تصدير الأصول؟+
راجع وحمّل الملفات المنتجة للحزمة. تشمل المخرجات المدعومة تصدير الصور وملفات PDF والنماذج ثلاثية الأبعاد عند الطلب؛ وتعتمد الملفات الفعلية على الأصول المختارة وسير العمل المتاح.
هل تتضمن حزمة التصميم موقعًا إلكترونيًا أو تطبيقًا فعليًا؟+
توفر حزمة التصميم أصولًا إبداعية ومعلومات تصميم قابلة لإعادة الاستخدام. اختر منشئ المواقع أو منشئ التطبيقات عند الحاجة إلى منتج فعلي، وأدرج توجه التصميم ضمن موجز ذلك الإنشاء.

ماذا ستصنع؟

أنشئ عملية بناء، أو كلّف فريقًا متخصصًا بمهمتك التالية.