المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : قواعد التصميم الجرافيكي


White
05-01-2021, 05:06 AM
بسم الله الرحمن الرحيم


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


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

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

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


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




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


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

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

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

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



مثال


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


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


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




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


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



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


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


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


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

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



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

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






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

الانسيابية

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




مثال

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


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




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


التناسق


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


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


مثال


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

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

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

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










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


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

شكرا لكم

عبير
05-01-2021, 09:11 AM
طرح ممتع وجميل
يعطيك العافيه

جنرال
05-01-2021, 04:34 PM
شرح جميل ،،، ووافي ،،
أبدعت في تفصيل هذه القواعد ،،،
يعطيك العافية،،،
يامبدع ،،

رايــق
05-01-2021, 07:41 PM
الصراحه انت انسان مميز

تمتلك قدره رائعة في تبسيط المعلومه والشرح بشكل سهل جدا

ومتابعة شروحك في هذا المجال تكسبنا المعرفه

جميل ان يكون عند الواحد منا قدره وفن وذوق في التصميم

كم اتمنى هذا ... وربما يكون على يديك يا عزيزي

شكرا من الاعماق على هذا الشرح الجميل

وعندي طلب صغير ..... ارجوا ان تستمر ولا تنقطع

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

وثق انك تقدم خدمه كبيره للأعضاء هنا

فبك وبأمثالك يرتقي هذا المكان


من القلب .... شكرا لك

سمو المجد
05-01-2021, 10:07 PM
.



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

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

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

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

آلنـور
05-01-2021, 10:47 PM
مشاءالله , درس غايه في الروعه ,
ابدعت و الله في الشرح

جزاك الله خير :10ل0:

أمَوآج آلشَرقَيهہْ♥
05-02-2021, 12:37 AM
شرح جدآ رآئع و وآضح ..
ب الفعل آبدعت ..
مآقصرت وعسآك على القوه دآئمآ ..


-

عتب خرساء•
05-02-2021, 12:39 AM
ماشاء الله عليك ابدعت
يعطيك الف عافيه

Mamdoh
05-02-2021, 12:43 AM
ماشاءالله تبارك الله
شرح مختصر وممتع
ويحتوي على جميع المعلومات
المفيده على هالشرح الرائع
كفيت ووفيت يالغالي
الله يعطيك العافية اخوي

White
05-02-2021, 08:07 PM
طرح ممتع وجميل
يعطيك العافيه


الله يعافيك
شكرا لمرورك اللطيف
شرح جميل ،،، ووافي ،،
أبدعت في تفصيل هذه القواعد ،،،
يعطيك العافية،،،
يامبدع ،،

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



الصراحه انت انسان مميز

تمتلك قدره رائعة في تبسيط المعلومه والشرح بشكل سهل جدا

ومتابعة شروحك في هذا المجال تكسبنا المعرفه

جميل ان يكون عند الواحد منا قدره وفن وذوق في التصميم

كم اتمنى هذا ... وربما يكون على يديك يا عزيزي

شكرا من الاعماق على هذا الشرح الجميل

وعندي طلب صغير ..... ارجوا ان تستمر ولا تنقطع

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

وثق انك تقدم خدمه كبيره للأعضاء هنا

فبك وبأمثالك يرتقي هذا المكان


من القلب .... شكرا لك



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

.



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

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

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

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

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


مشاءالله , درس غايه في الروعه ,
ابدعت و الله في الشرح

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

White
05-02-2021, 08:10 PM
شرح جدآ رآئع و وآضح ..
ب الفعل آبدعت ..
مآقصرت وعسآك على القوه دآئمآ ..


-


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

ماشاء الله عليك ابدعت
يعطيك الف عافيه



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

ماشاءالله تبارك الله
شرح مختصر وممتع
ويحتوي على جميع المعلومات
المفيده على هالشرح الرائع
كفيت ووفيت يالغالي
الله يعطيك العافية اخوي


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

آلهيمانة
05-03-2021, 12:11 AM
,

أُسس مهمة جداً ،
وشرح وآفي ،
كفيت ووفيت طويل العمر ،

راح يفيد الي يحب انه
يظهر تصميمه بشكل أفضل ،


سلمت يمناك خيي ،
كثر لنا من هالزين ،



خالص ودي ،

:10ل0:

رآنيا
05-05-2021, 07:42 PM
طرحك اكثر مِن رائع وشرحك مبسط وجميل
استفدت منه خاصة في نقطة الانسايبة لاني ناوية اصمم صحيفة المنتدى قريب
الله يسعدك اخوي ديزاين ع اطروحاتك القيمة
واترقب لجديدك باذن الله
دمت بكل خير

~

يحي
08-01-2021, 05:04 AM
طرح رائع
سلمت اناملك
يعطيك العافيه
تقديري

قصيَميَہ رٍزهہَ♚
09-15-2021, 01:24 PM
-


موضوع جميل كـ جمآل حضوركك..
سلمت آلآكف وم نقلت.
لقلبكك آلسعآدهه ..:87: