أول مبدأ من مبادئ التصميم الـ8 هو:
✨التباين✨
ما هو التباين ؟
بكل بساطة هو علاقة بين عناصر التصميم عشان تعطينا معنى عن طريق إبراز الاختلاف بين عنصرين او أكثر ..
✨التباين✨
ما هو التباين ؟
بكل بساطة هو علاقة بين عناصر التصميم عشان تعطينا معنى عن طريق إبراز الاختلاف بين عنصرين او أكثر ..
يستخدم التباين في:
⁃ شد الانتباه لعنصر محدد عن باقي العناصر.
⁃ وصف العنصر لنفسه
⁃ التنبيه لأهمية العنصر
ببدأ أشرح بالأمثلة عشان يسهل عليكم فهم الموضوع 🔻
⁃ شد الانتباه لعنصر محدد عن باقي العناصر.
⁃ وصف العنصر لنفسه
⁃ التنبيه لأهمية العنصر
ببدأ أشرح بالأمثلة عشان يسهل عليكم فهم الموضوع 🔻
التباين يكون بإختلاف:🔻
أمثله للتباين عن طريق الأحجام🔻
🔸1- شد الانتباه للعنصر عن طريق باقي العناصر المرتبطة فيه بالأحجام ..
تقولون كيف؟
هنا مثال🔻
في الصورتين شكل ال🔷 بالنص لهم نفس الحجم بالضبط
لكن بسبب اختلاف أحجام الاشكال اللي حولهم نحس ان المعين بالصورة اليمين أصغر من من المعين بالصورة اليسار 👌🏻
🔸1- شد الانتباه للعنصر عن طريق باقي العناصر المرتبطة فيه بالأحجام ..
تقولون كيف؟
هنا مثال🔻
في الصورتين شكل ال🔷 بالنص لهم نفس الحجم بالضبط
لكن بسبب اختلاف أحجام الاشكال اللي حولهم نحس ان المعين بالصورة اليمين أصغر من من المعين بالصورة اليسار 👌🏻
🔸2- التباين وسيلة لوصف العنصر لنفسه وذلك عن طريق العناصر المجاورةً له …
مثال🔻
بالصورة اليمين نحس انه مجرد شكل 🔷
ولكن بالصورة اليسار الشكل وصف نفسه بأنه شكل معين 🔷 بحجم كبير، بسبب شكل الـ🔹 الأصغر اللي جنبه ..
مثال🔻
بالصورة اليمين نحس انه مجرد شكل 🔷
ولكن بالصورة اليسار الشكل وصف نفسه بأنه شكل معين 🔷 بحجم كبير، بسبب شكل الـ🔹 الأصغر اللي جنبه ..
أمثله للتباين عن طريق اختلاف أوزان وألوان الخطوط🔻
🔸1- ضروري اذا اخترنا لون الخلفية فاتح نختار لون النص غامق والعكس …
مثال:🔻
المثال الأيمن لون الخلفية مقارب للون الكلمة ف يسبب تشوش للقارئ وعدم الوضوح✖️
أما المثال الأيسر اختلاف لو الخلفية ولون الكلمة أعطى تباين ووضوح للكلمة✔️
🔸1- ضروري اذا اخترنا لون الخلفية فاتح نختار لون النص غامق والعكس …
مثال:🔻
المثال الأيمن لون الخلفية مقارب للون الكلمة ف يسبب تشوش للقارئ وعدم الوضوح✖️
أما المثال الأيسر اختلاف لو الخلفية ولون الكلمة أعطى تباين ووضوح للكلمة✔️
🔸2- اذا عندنا تصميم فيه نصوص كثيرة من المهم ننسق أوزان وألوان الخطوط حسب أهمية الجملة …
مثال: 🔻
ع اليمين اخترت وزن ولون واحد للنص وهذا غلط ✖️
لكن ع اليسار استخدمت أوزان وألوان محتلفة حتى أبرز اهمية الجملة اللي ابي القارئ يركز عليها وهذا الصح ✔️
مثال: 🔻
ع اليمين اخترت وزن ولون واحد للنص وهذا غلط ✖️
لكن ع اليسار استخدمت أوزان وألوان محتلفة حتى أبرز اهمية الجملة اللي ابي القارئ يركز عليها وهذا الصح ✔️
🔸3- أيضاً ضروري نميّز العناوين الرئيسية والعناوين الفرعية عن باقي النصوص عشان نشد انتباه القارئ لأهميتها
مثال: 🔻
المثال الأيمن جميع العناوين والمحتوى بحجم ووزن واحد✖️
المثال الأيسر اختلاف حجم ووزن ومحاذاة العنوان الرئيسي عن العناوين الفرعية وباقي النصوص✔️
مثال: 🔻
المثال الأيمن جميع العناوين والمحتوى بحجم ووزن واحد✖️
المثال الأيسر اختلاف حجم ووزن ومحاذاة العنوان الرئيسي عن العناوين الفرعية وباقي النصوص✔️
🔺انتهينا من مبدأ التباين، حاولوا تركزون عليه وتحفظونه وتطبقون عليه أكثر من تصميم
وتذكروا ان هالمبدأ مهم جداً لنجاح التصميم 👌🏻
هذا أحد أعمالي🔻
حاولت أطبق فيه مبدأ التباين 🤩👏
وتذكروا ان هالمبدأ مهم جداً لنجاح التصميم 👌🏻
هذا أحد أعمالي🔻
حاولت أطبق فيه مبدأ التباين 🤩👏
ختاماً شكراً لمتابعتكم،
ولا تنسون تشاركون الثريد حتى يستفيد منه الجميع ✨
وانتظروني في المبدأ الثاني (التسلسل الهرمي) بإذن الله 😍👌🏻
ولا تنسون تشاركون الثريد حتى يستفيد منه الجميع ✨
وانتظروني في المبدأ الثاني (التسلسل الهرمي) بإذن الله 😍👌🏻
جاري تحميل الاقتراحات...