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

اساسيات التصميم الجرافيكي وكيفية استخدامها

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

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

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

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

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

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

المساحة البيضاء
تتعامل جميع اساسيات التصميم الأخرى مع ما تضيفه إلى تصميمك. المساحة البيضاء (أو المساحة السلبية) هي المساحة الوحيدة التي تتعامل تحديدًا مع ما لا تضيفه . المساحة البيضاء هي بالضبط تلك الصفحة الفارغة حول العناصر الموجودة في تكوينك. بالنسبة للمصممين المبتدئين، يمكن أن تكون منطقة محفوفة بالمخاطر. في كثير من الأحيان، مجرد إعطاء التركيبة مساحة أكبر للتنفس يمكن أن يؤدي إلى ترقيتها من المتوسط إلى الناجح.
لا تقتصر المساحة البيضاء على عدم القيام بأي شيء، بل إنها تخلق تسلسلاً هرميًا وتنظيمًا. تربط أدمغتنا بشكل طبيعي المساحة البيضاء الواسعة حول عنصر ما بالأهمية والرفاهية. إنه يخبر أعيننا أن الأشياء الموجودة في منطقة واحدة يتم تجميعها بشكل منفصل عن الأشياء في مكان آخر.
والأمر الأكثر إثارة هو أنه يمكنه توصيل صورة أو فكرة مختلفة تمامًا عن تصميمك الرئيسي مما سيكافئ جمهورك على التفاعل معها. يستخدم الشعار أعلاه مساحة سلبية نشطة لتوصيل أفكار متعددة في تصميم واحد ممتع ومبتكر.
كيفية استخدام اساسيات التصميم
ليس من الضروري أن يتبع التصميم هذه الاساسيات والقواعد بدقة ليكون “جيدًا”. تتجاهل بعض التصميمات المذهلة تمامًا واحدًا أو أكثر من مبادئ التصميم من أجل إنشاء عمل جذاب وفعال.
خذ بعين الاعتبار غلاف “The Bed Moved” لريبيكا شيف، والذي صممته جانيت هانسن. كان هذا أحد أغلفة الكتب الأكثر شهرة لعام 2016.
لكن هل قرأت على الفور السطر الأول باسم ” Theeb”؟ هل قفزت عينك إلى النتيجة النهائية حيث تم عزل حرف M من كلمة “Moved” على سطر مختلف عن بقية الكلمة؟ من الواضح أن التصميم يكسر قاعدتي الحركة والمحاذاة. لكن! نظرًا لاستخدام المصمم الواثق لنظام الألوان المتباين الجريء والبنية المتكررة، يتم توجيه عينك بسهولة إلى عنوان الكتاب ومؤلفه.
يتم توصيل المعلومات الهامة. تلك اللحظة الصارخة من الارتباك الطفيف هي ما يجعل هذا التصميم ثوريًا ومفيدًا للغاية.
ينبغي النظر إلى اساسيات التصميم على أنها أجزاء متحركة تتحد لتحكي قصة. عندما تقترب من مشروع التصميم الخاص بك، يجب عليك أولاً أن تتعرف على اساسيات التصميم هذه. عندها فقط ستتمكن من التعديل في قواعد التصميم الجرافيكي هذه لإنشاء نمط التوقيع الخاص بك.