أدخل كلمة للبحث

3/31/2017

Textual description of firstImageUrl

ما هو التصميم المادي "Material Design" و ما هي أساسياته

 ما هو التصميم المادي "Material Design" و ما هي أساسياته

التصميم المادي "Material Design هو اسلوب في تصميم الكرافيكي هذا الاسلوب ظهر سنة 2014 ( بعد التصميم المسطح "Flat Design" ) و هو من إنتاج الشركة العملاقة جوجل "Google"، وهو المستخدم في كل إصدارات الأندرويد  و مواقع "Google" وما إلى ذلك، حيث عمدت الشركة بأن تجعل هذا الاسلوب أكثر واقعية. ويمكنك مراجعة كل شيء عن التصميم المادي من صفحته الرسمية لدى غوغل.

اذن فلنبدأ !
 
كلمة مادي "Material"
كلمة مادي "Material" design تصميم
كلمة التصميم المادي لم تأتي بشكل عشوائي، فمن اساسيات هذا الاسلوب هي جعل التصاميم قريبة الي العالم الحقيقي، ولكن بطريقة متوازنة، وهذا باستخدام تفاصيل قليلة (ضل، قوائم، وتدرجات ...) لكن بإحترافية.

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


استخدم 3D 
استخدم 3D تصميم مادي "Material design"
استخدم 3D تصميم مادي "Material design"  
تكون جميع العناصر في الصفحة أو الصورة بثلاثة أبعاد   X , Y , Z بحيث يكون البعد z-axis بصوره عموديه لتحديد الضلال.

استخدم ألوان جريئة
مادي "Material" design  تصميم استخدم ألوان جريئة
عندما نقول الألوان الجريئة أي الألوان مثيرة الانتباه، فدوره مهم جدا في التصميم المادي وفي التصميم المسطح أيضا. فالألوان الجريئة ستجعل التصميم مريح للعين، وتجعل الكل يستمتع بالتفاعل مع التصميم.
فكما هو معروف فالأعين ترصد الألوان و ترسل رسالة للعقل ليرسل تم يفرز هرمونات تأثر على المزاج و العواطف  وكذلك السلوك ( الألوان و تأثيرها على نفس).

استخدم ألوان أساسية وألوان ثانوين
استخدم ألوان أساسية وألوان ثانوين تصميم
استخدم ألوان أساسية وألوان ثانوين تصميم
يجب اختيار الوان باختيار ألوان من لوحة الرئيسية للألوان، ولون من اللوحة ثانوية للألوان.

قم باستخدام لون الرئيسي لأشياء كالخلفية، الطبقات، الخطوط والعناصر الأخرى الرئيسية في الواجهة. أما اللون الثانوي، فيعطي عمقا إضافيا لتصميم فعندما ترغب بعرض العناصر التصميم، و من الضروري التأكيد أن يكون اللون الثانوي متباينا بشدة مع الألوان الرئيسية.


استخدم المساحات الفارغة
 استخدم المساحات الفارغة تصميم مادي "Material design"
التصميم المادي جمع ما بين أفكار من الطباعة التقليدية و تصميم مسطح، المساحات الفارغة جزء مهم لأي في طباعة و كذلك في التصميم المادي، فبهذه طريقة ستجذ تركيز و انتباه المستخدم إلى عنصر معين.

استخدم الصور
 استخدم الصور  استخدم المساحات الفارغة تصميم مادي "Material design"
إن التصميم المادي يتناسب كثيرا مع الصور. فقط عليك ان تعرف كيفية استخدام الصور.
كما ركزت
غوغل على مفهوم حافة إلى حافة edge-to-edge، هذا المفهوم يعني عدم وجود فراغ بين حافة الصورة وحافة الشاشة، فتملئ الصورة الشاشة، أنصحك ب  نصائح قيمة لتصميم الصور و اعلانات احترافية .


استخدم الحركة
 استخدم الحركة استخدم المساحات الفارغة تصميم مادي "Material design"

تعتبر الحركة من العناصر الأساسية في التصميم المادي. فبحسب تعبير جوجل، فإن الحركة تضفي معنى لتصميم، وتستخدم الحركة للتفاعل مع المستخدم ولجلب الانتباهه، لكن هنا نتكلم عن الحركة البسيط المريحة للعين.

اجعله مستجيبا
  اجعله مستجيبا تصميم مادي "Material design"
من المبادئ الرئيسية لتصميم المادي هي جعل التصميم مناسب، ويمكن الوصول إليه واستخدامه على أي جهاز وأي شاشة. وفي كل مكان.
و هذا سيجعل المستخدم
لن يتوه إذا انتقل من جهاز إلى آخر، حيث لا يجد واجهة مختلفة تماما بالنسبة له. 


قبل التصميم المادي "Material Design" كان هنا نوع اسمه بعد التصميم المسطح "Flat Design". هو عبارة عن اسلوب في تصميم حيث يعتمد الأسلوب على البساطة و الاثقان ( فرق بين التصميم المادي "Material Design" والتصميم المسطح "Flat Design" و مميزاتهما ).

ليست هناك تعليقات

إرسال تعليق

جميع الحقوق محفوظة لدى Hcouch Design , اشكوش ديزاين 2016 - 2017 | تصميم :