مجتمع غلاك

مجتمع غلاك (https://g-lk.com/vb/index.php)
-   شروحآت التصميم " يمنع المنقول" (https://g-lk.com/vb/forumdisplay.php?f=21)
-   -   قواعد التصميم الجرافيكي (https://g-lk.com/vb/showthread.php?t=12319)

White 05-01-2021 05:06 AM

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


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

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

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

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










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


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

شكرا لكم





عبير 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:


الساعة الآن 10:00 AM

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir
هذا الموقع يستخدم منتجات Weblanca.com
adv helm by : llssll
new notificatio by 9adq_ala7sas
User Alert System provided by Advanced User Tagging (Lite) - vBulletin Mods & Addons Copyright © 2024 DragonByte Technologies Ltd.
بسرقتك لأفكارنا وجهد اعضاءنا أنت تثبت لنا بأننا الأفضل ..~

This Forum used Arshfny Mod by islam servant