8 قواعد أساسية للتصميم الجرافيكي الجيد

أولاً ، نحتاج إلى تحديد معنى مصطلح “التصميم الجيد”. إذن ، هناك جانبان مهمان. يجب أن تجذب الانتباه وكذلك ترضي عين الناظر ويجب أن تخدم غرضًا (أي نقل الرسالة). في الوقت الحاضر ، يمكن العثور على برامج تصميم مجانية عبر الإنترنت ، ولكن لإنتاج تصميم جيد ، من الضروري معرفة قواعد معينة يستخدمها كل مصمم أثناء تصميم صوره المرئية.

لتحسين مهاراتك في التصميم ، نقدم لك 8 قواعد أساسية للتصميم الجرافيكي الجيد.

# 1 قبلة

أصبح KISS مبدأ معروفًا يطبقه مصممو الجرافيك على تخطيطاتهم منذ ذلك الحين. أبقها بسيطة ، غبية – هي عبارة صاغها كيلي جونسون ، المهندس الرئيسي في شركة Lockheed Skunk Works ، في عام 1960. ليس من الصعب فهم معنى المبدأ وهو مشابه جدًا لعبارة “الأقل هو الأكثر”. لا تبالغ في تعقيد تصميمك ، اجعله بسيطًا.

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

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

# 2 مساحة بيضاء

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

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

يوجد أدناه مثال جيد لتصميم بسيط وبسيط. تم إيصال الرسالة الرئيسية ، وبهذا النهج ، سيكون الناس مفتونين بزيارة موقعنا على الإنترنت لمعرفة كل التفاصيل.

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

# 3 قاعدة الثلاثة

يعد فهم قاعدة الثلث في التصميم أمرًا بسيطًا نسبيًا ، ويمكن أن يجعلك مصممًا أقوى بشكل ملحوظ. إذن ، كيف تعمل قاعدة الأثلاث؟

باستخدام الشبكة في التخطيط الخاص بك ، قم بتقسيمها إلى ثلاثة أقسام أفقية متساوية الحجم وثلاثة أقسام عمودية متساوية الحجم ، وتوفر الشبكة الناتجة نوعًا من “خارطة الطريق” التي تساعدك على اختيار مكان وضع عناصر التصميم الخاصة بك. ستنتهي بـ 9 حقول ، وتشير النقاط التي تتقاطع فيها الخطوط إلى المناطق المحورية الرئيسية داخل تصميمك. إن تقريب عنصر من أحد هذه التقاطعات سيسمح له بالظهور بشكل أكبر ، في حين أن الكائنات البعيدة ستحظى باهتمام أقل.

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

يميل الجمهور إلى اتباع نمط كبير على شكل حرف “F” بأعينهم كلما نظروا إلى التصميم. تبدأ العين بشكل طبيعي في الجزء الأيسر العلوي من اللوحة القماشية ، ثم تتحرك لأسفل إلى أسفل اليسار ، ثم تعود إلى أعلى اليمين ، ثم أخيرًا إلى أسفل اليمين.

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

# 4 النسبة الذهبية

تصف النسبة الذهبية قاعدة رياضية لبناء النسب المشتقة من الطبيعة. يُعتقد أن هذه النسب ترضي العين وتخلق التوازن لأننا يمكن أن نجدها في كل مكان حولنا ، حتى في أنفسنا. تقسيم العناصر الهندسية إلى نسب 1: 1،618. أنشئ شبكة في برنامج التصميم الخاص بك على أساس النسبة الذهبية. نقوم بإنشاء شبكتنا في Adobe Illustrator ، ونستخدمها دائمًا تقريبًا عندما ننشئ حلولًا إبداعية وشعارات وأي نوع من المحتوى المرئي

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

# 5 التسلسل الهرمي

التسلسل الهرمي المرئي هو طريقة لتنظيم عناصر التصميم حسب الأهمية. بعبارة أخرى ، إنها مجموعة من المبادئ التي تؤثر على الترتيب الذي نلاحظ فيه ما نراه. أكثر أنماط حركة العين شيوعًا للقراء هو نمط F. لأن هذا هو بالضبط كيف نقرأ كتابًا أو خطابًا أو صفحة ويب. نقوم بمسح الصفحة من اليسار إلى اليمين على طول الجزء العلوي ومرة ​​أخرى لكل سطر من النص حتى نصل إلى أسفل الصفحة. بسبب هذا الاتجاه الطبيعي ، غالبًا ما يستخدم المصممون النمط F عند إنشاء مواقع الويب والرسوم التوضيحية الأخرى التي تعتمد بشكل كبير على النص. القراءة في اتجاه آخر غير مريحة عندما لا تكون كما اعتدنا عليها.

غالبًا ما يتم تكوين التصميمات التي تعتمد بشكل أكبر على الصور في نمط Z. نظرًا لأن الدماغ يعالج الصور بشكل أسرع من النص ، يمكن للقراء مسح الصفحة ضوئيًا بسرعة من خلال إلقاء نظرة خاطفة عبر الجزء العلوي من اليسار إلى اليمين ، ثم أسفل الصفحة بطريقة قطرية قبل إكمال المسح عن طريق التقاطع مرة أخرى من اليسار إلى اليمين (أو من اليمين إلى اليسار إذا كان يقرأ الجمهور عادة في هذا الاتجاه). يمكن للمصممين التأكيد على عناصر معينة من التركيبة من خلال وضعها مع أنماط حركة العين الشائعة “Z”. فكر في عنوان وصورة وعنوان فرعي

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

سنسلط الضوء أيضًا على التركيز السلبي على المساحة والمحاذاة والحركة والخطوط الرائدة والتباعد والتكرار والمنظور.

# 6 التباين

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

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

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

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

# 7 خطوط إبداعية

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

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

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

# 8 المقياس النسبي

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

وضع CMYK مخصص للطباعة وللويب ، يجب استخدام وضع RGB. نصيحتنا دائمًا بدقة 250 نقطة في البوصة بتنسيق الإخراج النهائي للطباعة. ستكون 3oo dpi مثالية ، لكن في معظم الحالات ، لا نواجه صورًا عالية الجودة.

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

أخيرًا ، نقدم لك نصائح حول كيفية حفظ ملفاتك ، حسب الغرض منها. للطباعة ، لا يمكنك أن تخطئ في ملف pdf. يبدو أنه معيار في الوقت الحاضر. يمكن للجميع العمل مع ملفات pdf ، ولديك الكثير من الخيارات هنا لملفك. بالنسبة للويب ، يعد وقت التحميل أمرًا مهمًا ، لذلك عليك حفظ ملف صغير الحجم. يقوم jpg بضغط البيانات كثيرًا ، ومن ثم الحجم الصغير ، ولكنه مثالي للصور. إذا حصلت على مكانك أكثر على النص ، فيجب عليك اختيار ملف png ، وبالنسبة للعناصر المتحركة ، يجب عليك اختيار ملف gif.

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