تصميم المواد هو أسلوب تصميم طورته جوجل يقدم معايير موحدة لإنشاء تطبيقات ويب وتطبيقات جوال جذابة بصريا. يعتمد على المفاهيم المتعلقة بالفيزياء ويقدم مجموعة واسعة من الألوان للمساعدة في إنشاء واجهات متوازنة بصريا وقابلة للقراءة.
فيجما هو محرر الرسوم البيانية التي تستخدم على نطاق واسع من قبل المصممين لخلق وتصميم المنتجات. يسمح لك بتصميم واجهات وإنشاء نماذج أولية وإنشاء خيارات تصميم مختلفة. يوفر فيجما مجموعة واسعة من الوظائف للعمل مع الألوان ، بما في ذلك لوحة تصميم المواد ، مما يجعل من السهل تحديد الألوان المطلوبة وتطبيقها في المشروع.
تتضمن لوحة ألوان تصميم المواد في فيجما مجموعة واسعة من تدرجات الألوان ، من مشرق ومشبع إلى شاحب وباستيل. يتكون من عدة سمات ملونة ، لكل منها غرضه الخاص ويمكن استخدامه لعناصر الواجهة المختلفة. تتيح لك هذه اللوحة إنشاء مجموعات ألوان متناغمة وإنشاء تسلسل هرمي متعدد المستويات لعناصر الواجهة.
- تصميم المواد في فيجما
- لوحة ألوان تصميم المواد
- باستخدام لوحة في فيجما
تصميم المواد في فيجما
فيغما هو خلق تصميم على الانترنت وأداة النماذج التي تسمح للمصممين للعمل معا على المشاريع في الوقت الحقيقي. يوفر فيغما مجموعة غنية من الأدوات والوظائف التي تجعل العمل مع تصميم المواد أكثر ملاءمة وكفاءة.
- في فيجما ، يمكنك استخدام المكونات الجاهزة وعناصر تصميم المواد لإنشاء واجهة بسرعة. يوفر فيغما مكتبة من مكونات واجهة المستخدم المادية التي تشمل أزرار وحقول الإدخال ، وبطاقات ، وغيرها من عناصر واجهة شائعة الاستخدام.
- يمكنك أيضا استخدام لوحات ألوان تصميم المواد الجاهزة في فيجما. يقدم تصميم المواد مجموعة واسعة من تركيبات الألوان التي تعتمد على نظام ألوان يسمى "اللون الأساسي" و "لون التمييز". باستخدام لوحات الألوان هذه ، يمكنك إنشاء تصميم متناغم ومتوازن في مشروعك.
- وبالإضافة إلى ذلك ، يوفر فيغما وظيفة إنشاء واستخدام الرموز — هذه هي العناصر الخاصة التي تسمح لك لإجراء تغييرات في مكان واحد وتحديث تلقائيا جميع مثيلات الرمز في المشروع. يعد هذا مناسبا عند العمل مع تصميم المواد ، حيث يمكنك إنشاء رموز لعناصر مختلفة وإعادة استخدامها في التصميم الخاص بك.
يسمح تصميم المواد في فيجما للمصممين بإنشاء واجهات حديثة وبديهية تتوافق مع مبادئ تصميم المواد. استخدام فيغما في تركيبة مع تصميم المواد يضمن الكفاءة والتعاون في عملية إنشاء التصميم.
لوحة ألوان تصميم المواد
يقترح تصميم المواد استخدام العديد من الألوان الأساسية وظلالها لإنشاء واجهات متناغمة ومتوازنة. عادة ما يكون اللون الرئيسي هو لون "لهجة" ويبرز عن باقي العناصر.
لوحة الألوان الرئيسية لتصميم المواد تشمل الألوان:
- أحمر (أحمر)
- الوردي (الوردي)
- الأرجواني (الأرجواني)
- الأرجواني العميق (الأرجواني الداكن)
- النيلي (النيلي)
- أزرق (أزرق)
- أزرق فاتح (أزرق)
- سماوي (سماوي)
- البط البري (الفيروز)
- أخضر (أخضر)
- أخضر فاتح (أخضر فاتح)
- ليمون (ليمون)
- أصفر (أصفر)
- العنبر (العنبر)
- برتقالي (برتقالي)
- برتقالي غامق (برتقالي غامق)
- بني (بني)
- رمادي (رمادي)
- أزرق رمادي (أزرق رمادي)
يحتوي كل لون في اللوحة الرئيسية على عدة ظلال ، يشار إليها بالأرقام: 50, 100, 200, 300, 400, 500, 600, 700, 800, 900, إيه 100 ، إيه 200 ، إيه 400 ، إيه 700. كل ظل له غرضه الخاص في التصميم ويمكن استخدامه لعناصر واجهة مختلفة.
باستخدام لوحة في فيجما
يوفر تصميم المواد للمطورين مجموعة واسعة من الألوان التي يمكن استخدامها في تصميم الواجهة. فيغما يوفر أدوات مريحة للعمل مع هذه اللوحة.
لبدء العمل مع لوحة تصميم المواد في فيجما ، تحتاج إلى استيراد مورد مع الألوان. للقيام بذلك ، يمكنك استخدام البرنامج المساعد الخاص المقدمة من جوجل. بعد تثبيت البرنامج المساعد ، يمكنك استيراد لوحة مباشرة إلى فيغما.
ستظهر اللوحة المستوردة في قسم الأصول وستكون متاحة للاستخدام في أي مشروع. لاستخدام لون من اللوحة ، حدد العنصر المطلوب وحدد اللون المناسب من اللوحة بألوان مخصصة.
فيغما أيضا يجعل من السهل لخلق الألوان الخاصة بك على أساس لوحة تصميم المواد. للقيام بذلك ، انتقل إلى القسم الذي يحتوي على الألوان المخصصة ، وانقر فوق الزر "إنشاء" وحدد اللون المطلوب من اللوحة.
لراحة استخدام ألوان تصميم المواد ، يمكنك إنشاء أنماط عالمية سيتم تطبيقها على جميع العناصر باستخدام لوحة. بهذه الطريقة ، يمكنك تغيير ألوان العناصر بسرعة في نافذة تحرير المستند المصدر.
باستخدام لوحة تصميم المواد في فيجما يسمح لك لخلق تصميم واجهة حديثة وأنيقة ، في أعقاب المبادئ التوجيهية والتوصيات من جوجل. هذا يساعد على جعل التصميم أكثر اتساقا واحترافية.