بسم الله الرحمن الرحيم


https://g.top4top.io/p_1946s6pwn0.png


يعتمد التصميم الجرافيكي على عدة أسس تجعل من تصميمك
-مريح للعين
-مفهوم
-واضح
-جميل

هناك أسس اكاديمية يستخدمها المصممين لبناء تصميم عالي الجودة يحقق اهدافه لإيصال الرسالة والفكرة بسهولة ويسر

ما سنتحدث عنه في موضوعنا خلاصة هذه الأسس وضعتها في قالب مبسط تساعد المبتدئ والمتمكن في الخروج بتصميم واضح ويحقق المطلوب منه


ملاحظة هذه الأسس لا تتعلق ببرنامج محدد هذه الأسس شاملة لكل البرامج سواء على الحاسب الآلي او على تطبيقات الجوال




https://i.top4top.io/p_19464r2px2.png


التباين
الهدف من التباين أن تلفت النظر لعنصر أولا قبل باقي العناصر يساعد هذا المشاهد في فهم ما المهم اولا وتتجه العين سريعا نحو العنصر الذي ترغب فيه.
يستخدم تباين في:

الأشكال
الشكل المختلف ستتجه له العين سريعا

الأحجام
الحجم الاكبر ستتجه له العين اولا

الألوان
اللون الاقوى او البارز في التصميم سيلفت النظر اولا



مثال


تباين الاشكال


https://g.top4top.io/p_1946eple20.png


إن أول ما ستقع عليه نظر المشاهد هي الدائرة
فهي الشكل مختلف والشاذ بين المربعات




https://h.top4top.io/p_1946xrz8h1.png


وهنا استخدمت تباين الاشكال والالوان
بالامكان نستخدم أكثر من نوع من انواع التباين



تباين الالوان


https://i.top4top.io/p_1946j87xe2.png


نرى في هذه الصورة كيف أن الجزء الملون
هو أول ما تقع عليه العين، لدينا صورة أحادية
والجزء الملون هو معطف الشخص،
هكذا وجهت نظر المشاهد للعنصر الأهم.


تباين الاحجام

https://j.top4top.io/p_1946psoqe3.png



لدينا هنا ٣ نصوص أول نص أرغب في توجيه
المشاهد له هو العنوان لهذا ميزته
بحجم أكبر و بلون مختلف،
ثم النص الثاني Designer بحجم اصغر ،
ثم حقوق الموقع بحجم أصغر.

وبهذا يتجه نظر المشاهد للعنصر الأكبر
أولا كونه حصل على تباين أكبر.






https://h.top4top.io/p_1946jqepn1.png

الانسيابية

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




مثال

https://l.top4top.io/p_1946bwo795.png


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




https://j.top4top.io/p_1946rahmz3.png


التناسق


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


"استخدام العناصر بطريقة عرض موحدة
يجعل التصميم مريح للعين ويعطي إنطباع قوي"


مثال


https://k.top4top.io/p_19460tyfp4.png

صممت اعلان دورة افتراضية

نلاحظ
- الالوان الموحدة في التصميم
-الخط الموحد في التصميم "يتفق المصممين على
استخدام خطين أو ٣ خطوط مختلفة كأقصى حد"
-ترتيب العناصر الموحد
-وضع العناصر على نفس الاتجاه باليمين
-استخدام شكل واحد "المربع" في كل التصميم

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










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


وبكذا نصل لنهاية هذا الموضوع
أرجو أن أكون وفقت في شرحه
وإيصاله لكم في صورة مبسطة

شكرا لكم

.



ديزاينر
انت موسوعة علمية متحركة
ماشاءالله عليك ..

تبهرنادايماً بأطروحاتك

عجبني الديزاين البسيط ف الموضوع
وشرحك سهل ووافي جداً..

لاتحرمنا إبداعك..

الله يعافيك
شكرا لمرورك اللطيف
الله يعافيك تسلم على مرورك

ما أجمل كلماتك استاذ رايق
شكرا للطفك وجميل مرورك

شكرا لكلماتك اللطيفة ولمرورك الطيب


وجزاك الله خير
ممتن لتواجدك الطيب

شكرا لمرورك وكلماتك اللطيفة
أهلا بك



الله يعافيك
شكرا لمرورك الطيب


الله يعافيك سلمت على كلماتك ومرورك حياك