1في جملة واحدة
أعطِ Claude ألوانك وخطوطك وأسلوبك مرة واحدة، على شكل نظام تصميم، وكل تصميم بعد ذلك سيستخدمها دون أن تطلب.
2كلمات جديدة
- نظام التصميم (Design system) — مجموعة محفوظة من القواعد لكيف يجب أن تبدو أشياؤك: الألوان، الطباعة (الخطوط والأحجام)، المسافات، الأزرار، استخدام الشعار. يحتفظ المصممون بواحد لكل علامة تجارية.
- العلامة التجارية (Brand) — المظهر والصوت المتّسقان لشركة أو شخص. نظام التصميم الخاص بك هو العلامة التجارية مكتوبة.
- الطباعة (Typography) — الخطوط وكيفية استخدامها: أي خط للعناوين، وأيّ خط للنص، وبأي حجم.
3لماذا تحتاجه
بدون نظام تصميم، يبدأ كل تصميم من ذوق Claude وتظل تقول "لا، أزرقنا نحن". مع وجود نظام، يكون مظهر المخبز بلون الكريم والنحاس (أو علامتك التجارية الحقيقية) موجودًا بالفعل في المسودة الأولى لكل صفحة وعرض ومنشور. يمكن للفرق الاحتفاظ بأكثر من نظام، لعلامات تجارية مختلفة.
4جرّبه الآن
(الخطط المدفوعة)
- في Design، اضغط Design System (نظام التصميم) تحت "Make something new"، أو افتح قائمة "Choose design system" (اختر نظام التصميم) في تصميم جديد واضغط Manage design systems (إدارة أنظمة التصميم).
- أعطِ Claude عنوان موقعك الإلكتروني، أو ارفع ملف العلامة التجارية، أو صف المظهر: خلفية بلون الكريم، لون نحاسي مميز، خط serif ودود للعناوين، أزرار مستديرة.
- افتح تصميمًا جديدًا، واختر نظام التصميم ذاك من القائمة، واطلب منشورًا للتواصل الاجتماعي.
5ماذا سترى
قائمة نظام التصميم في تصميم جديد، مع رابط إدارة الأنظمة:
بمجرد وجود نظام، يظهر في تلك القائمة ويكون محددًا للتصميم؛ والنتيجة تحمل ألوانك وخطوطك منذ البداية. [الصورة قيد الإعداد: نظام تصميم أُنشئ من موقع إلكتروني، ومنشور صُنع به.]
6انتبه
- نظام واحد لكل علامة تجارية. خلط نظامين في تصميم واحد يعطي فوضى.
- النظام المبني من موقعك الإلكتروني ينسخ ما هو موجود فيه، بعيوبه. راجعه مرة واحدة وأصلح الألوان أو الخطوط التي لم تعجبك يومًا.
7خطوة أبعد
اصنع النظام أولًا، وبعدها كل فصل في هذا الجزء (الشرائح، النماذج الأولية، الصفحات) سيخرج متوافقًا مع علامتك التجارية. الفصل 3.3 عن الشرائح.