لوحة المتصدرين

تصميم واجهة المستخدم هو العملية التي يجريها المصممون لبناء واجهات البرامج أو الأجهزة المحوسبة، مع التركيز على المظهر أو الأسلوب، ويهدف المصممون في هذه العملية إلى إنشاء واجهات سهلة الاستخدام وممتعة بالنسبة للمستخدمين. يشير تصميم واجهة المستخدم إلى واجهات المستخدم الرسومية وغيرها من الأنواع، مثل واجهات التحكم بالصوت. أنواع واجهات المستخدم واجهات المستخدم هي نقاط الوصول التي يتفاعل المستخدمون من خلالها مع التصميم، ولها 3 أنواع: واجهات المستخدم الرسومية GUIs: يتفاعل المستخدمون فيها مع تمثيلات بصرية على لوحات التحكم الرقمية، ويُعَد سطح المكتب على الحاسوب مثالًا عن واجهات المستخدم الرسومية. واجهات التحكم بالصوت VUIs: يتفاعل المستخدمون مع هذه الواجهات عبر أصواتهم، ومعظم برامج المساعد الذكي مثل سيري Siri وأليكسا Alexa وهي عبارة عن واجهات تحكم بالصوت. الواجهات القائمة على الإيماءات: يتفاعل المستخدمون مع مساحات تصميم ثلاثية الأبعاد عبر حركات جسدية، كما هو الحال في ألعاب الواقع الافتراضي VR. لتصميم أفضل واجهات المستخدم، يجب الانتباه إلى الأمور التالية: يحكم المستخدمون بسرعة على التصميم، ويهتمون بسهولة الاستخدام وقابلية الإعجاب. لا يهتم المستخدمون بتصميمك بحد ذاته، بل بسهولة تنفيذهم للمهام بأقل جهدٍ ممكن. بالتالي يجب أن يكون تصميمك غير ملاحَظ. بمعنى آخر، يجب ألا يشتت التصميم انتباه المستخدمين عن إكمال المهام، مثل طلب الطعام من تطبيق مطعم. لذلك يتعين عليك فهم حالات المستخدمين وسير المهام (والتي يمكن العثور عليها من مصادر مثل خرائط رحلة العميل)، من أجل إعداد أفضل وأوضح واجهة ممكنة تقدم تجربةً سلسة وخالية من المشاكل. يجب أن تكون واجهات المستخدم ممتعةً أيضًا (أو على الأقل مقبولة وغير مسببة للاستياء). عندما يعتمد تصميمك على الاحتياجات الحقيقية للمستخدمين، من المرجح أن يستمتعوا أكثر بتجارب تفاعلية مصممة خصيصًا لهم، وهو الأمر الذي يضمن لك عودتهم مرةً أخرى. يمكن إضافة عناصر تلعيب عند الإمكان لجعل التصميم أكثر متعةً. يجب أن تعبر واجهة المستخدم عن قيم العلامة التجارية وأن تعزز ثقة المستخدمين بها. التصميم الجيد هو تصميم عاطفي، إذ يكنّ المستخدمون مشاعر إيجابية للعلامات التجارية التي تخاطبهم على جميع الأصعدة وتحافظ على سحر التجارب الممتعة والسلسة. مخطط الواجهة الترحيبية البسيط لموقع Airbnb يلبي مباشرةً حاجة المستخدمين للسفر بسهولة وبطريقة ممتعة. الفرق بين تصميم واجهة المستخدم UI وتصميم تجربة المستخدم UX يكثر الخلط بين هذين المصطلحين، لكن تصميم واجهة المستخدم يهتم أكثر بالمظهر الخارجي والانطباع العام للتصميم، ويُعَد مصمم واجهة المستخدم مسؤولًا عن بناء جانب أساسي من تجربة المستخدم. لتوضيح الأمر، إذا شبهنا تصميم تجربة المستخدم بسيارة، يكون تصميم واجهة المستخدم بمثابة وحدة القيادة لهذه السيارة. كيف تنشئ واجهات مستخدم رائعة لنتعرف على المبادئ الأساسية لتصميم واجهة المستخدم: لتصميم واجهات مستخدم رسومية رائعة، تذكر أن المستخدمين بشر لديهم احتياجات مثل الراحة، وأنَّ مداركهم لها حدود، لذا يُنصح باتباع الإرشادات التالية: اجعل الأزرار والعناصر الشائعة الأخرى تعمل بالطريقة المتوقَّعة (بما في ذلك الاستجابات مثل تقريب الإصبعين للتصغير) لكي يتمكن المستخدمون من استخدامها دون الحاجة للتركيز: يجب أن يكون الشكل متوافقًا مع الوظيفة. عزز قابلية الاكتشاف: ضع مسميات واضحة للأيقونات مع مؤشرات وظيفية واضحة، مثل إضافة ظلال للأزرار. حافظ على بساطة الواجهات (بإدراج العناصر التي تخدم أهداف المستخدم فقط) مع انطباع غير مُلاحَظ. أنشئ مخططًا layout يراعي مرأى المستخدم وانتباهه: ركز على التسلسل الهرمي وقابلية القراءة من خلال: استخدام محاذاة صحيحة: اختر محاذاة الحافة بدلًا من محاذاة المركز. تسليط الضوء على الميزات الأساسية باستخدام ما يلي: الألوان والسطوع والتباين، لكن تجنب الإفراط في استخدام الألوان والأزرار. بالنسبة للنص: عبر حجم الخط وسماكته وميلانه والتباعد بين الحروف وحالة الحروف الكبيرة إن وجدت كما في اللغة الإنجليزية. يجب أن يكون المستخدم قادرًا على التقاط المعاني بمجرد المسح السريع للصفحة. اختصر عدد الإجراءات اللازمة لإنجاز المهمات، لكن أفرِد صفحةً خاصةً لكل وظيفة رئيسية من هذه الإجراءات، وأرشد المستخدمين من خلال إضافة تلميحات للإجراءات المطلوبة، واستخدِم تقنية الإفصاح التدريجي لتبسيط المهام المعقدة. ضع خيارات تحكم بالقرب من العناصر التي يحتاج المستخدمون إلى التحكم بها: على سبيل المثال، يجب أن يوضَع زر إرسال النموذج قريبًا من النموذج. أبقِ المستخدمين على اطلاع باستجابات النظام وإجراءاته من خلال إرسال ملاحظات. استخدم أنماط تصميم واجهة مستخدم مناسِبةً للمساعدة على توجيه المستخدمين وتقليل الأعباء (مثل الملء المسبق للنماذج)، لكن احذر من استخدام الأنماط المظلمة، مثل مربعات الاختيار المحدَّدة مسبقًا التي تصعب رؤيتُها، أو العناصر المتسللة إلى سلة شراء المستخدم. حافظ على اتساق العلامة التجارية. وضِّح دائمًا الخطوة التالية ليتمكن للمستخدمون من استنتاجها تلقائيًا مهما كانت الحالة. في الصورة أعلاه مثال عن واجهة موقع دورات تدريبية، ونلاحظ أن الألوان والسطوع والتباين تساعد على جذب الانتباه إلى الميزات الرئيسية. أفضل واجهة هي الواجهة الخالية من الوساطة بين المستخدم والمهام التي يرغب بتنفيذها، لذلك يجب منح المستخدمين تحكمًا مباشرًا ومريحًا وسهل الوصول (مع أفضل تجربة) لدرجة أن ينسوا أنهم يستخدمون تصميمك. تذكر أن تسأل باستمرار عن إمكانية تبسيط الأمور أكثر فأكثر. ترجمة -وبتصرّف- للمقال User Interface (UI) Design. اقرأ أيضًا تصميم واجهة المستخدم وتجربة المستخدم UI / UX مبادئ تصميم واجهة المستخدم UI الجيدة أفضل النصائح لتصميم واجهة المستخدم مستقبل تصميم واجهة المستخدم UI: الجيل القادم من أدوات تصميم واجهة المستخدم النسخة الكاملة لكتاب مدخل إلى تصميم واجهات المستخدم UI

من الممكن إنشاء تصميم جيد دون فهم مبادئ التصميم، لكن لا شك أن الوصول إلى تصميم يجمع بين المظهر الجيد وتجربة المستخدم المثالية يكلف كثيرًا من التجارب والأخطاء. عند الحديث عن مبادئ التصميم فإن من أكثر النقاط جدلًا تحديد العدد الفعلي لهذه المبادئ (هل هي خمسة أم سبعة أم عشرة؟)، ثم تحديد المبادئ التي يجب ضمها إلى هذه المجموعة التي تمثل أساسيات التصميم؟ إذا بحثنا في جوجل عن "principles of design"، ستظهر في النتائج مقالات تتحدث عما يتراوح من خمسة إلى أكثر من اثني عشر مبدأً مستقلًا للتصميم البصري، وحتى تلك التي تتفق في العدد ليس بالضرورة أن تتفق في ماهية المبادئ التي تدرجها ضمن هذه المجموعة. في الواقع، هناك ما يقارب اثني عشر مبدأً أساسيًا للتصميم يحتاج المصممون المبتدئون والمحترفون على حدٍّ سواء إلى مراعاتها عند العمل على مشاريعهم؛ يضاف لها حوالي اثني عشر مبدأً "ثانويًا" للتصميم والتي تُعَد أحيانًا أساسية (مثل مبادئ جشتالت وأسلوب الخط واللون والتأطير).و فيما يلي شرح وتوضيح لأهم مبادئ التصميم. مبادئ التصميم البصري الأساسية كما ذكرنا آنفًا، لا يوجد إجماع حقيقي في مجتمع المصممين حول المبادئ الأساسية للتصميم، لكن المبادئ الاثني عشر التالية للتصميم البصري هي الأكثر تكرارًا في المقالات والكتب المتعلقة بالموضوع. التباين أكثر شكاوى المصمم على ملاحظات العملاء تدور حول العميل الذي يقول أن على التصميم أن يكون بارزًا أكثر، فهو يبدو للمصمم مصطلحًا غير محدد، لكن ما يقصده العميل غالبًا هو الحاجة إلى المزيد من التباين في التصميم. يشير التباين إلى مدى اختلاف العناصر في التصميم، وخصوصًا المتجاورة منها، فهذا الاختلاف يجعل العناصر أكثر بروزًا. بالإضافة لذلك فإن التباين جانب مهم جدًا من أجل إمكانية وصول التصميم، فقلة التباين قد تؤدي إلى تعذر قراءة المحتوى النصي، خصوصًا للأشخاص الذين يعانون من مشاكل وإعاقات بصرية. يُعَد موقع Parabola نموذجًا رائعًا لمبادئ التصميم من خلال تصميمه عالي التباين التوازن يحمل كل عنصر ومبدأ للتصميم (أسلوب الخط والألوان والصور والأشكال والأنماط، إلخ) وزنًا بصريًا؛ بعض هذه العناصر ثقيلة الوزن البصري وتجذب العين، بينما بعضها الآخر أخفّ، لكن يجب أن يعطي توزيع هذه العناصر على الصفحة إحساسًا بالتوازن. هناك نوعان أساسيان للتوازن: متناظر وغير متناظر؛ حيث يوزع التصميم المتناظر العناصر ذات الوزن المتكافئ على جانبي خط مركزي وهمي، في حين يوزع التصميم غير المتناظر عناصر مختلفة الوزن على جانبي خط غير مركزي بالنسبة للتصميم ككل. يضفي التوزيع الذي يحيد قليلًا عن المركزية نوعًا من التوازن بين الصورة البارزة والكتابة المبسطة على موقع The Nue Co التأكيد يطبَّق التأكيد على أجزاء التصميم التي من المفترَض أن تكون أكثر بروزًا، أي أهم المعلومات التي يهدف التصميم إلى إيصالها. تساعد العبارة كبيرة الحجم في موقع Clique على تأكيد شعاره يمكن أيضًا استخدام التأكيد لإنقاص تأثير بعض المعلومات، ويتجلى ذلك على سبيل المثال في الكتابة بحجم صغير للعبارات الثانوية، فمثلًا تحمل الكتابة المصغرة المتموضعة بعيدًا في أسفل الصفحة وزنًا أقل بكثير من أي شيء آخر في التصميم، لذلك يقل التركيز عليها. التناسب التناسب هو أحد مبادئ تصميم الرسوميات الأسهل فهمًا، فهو ببساطة حجم العناصر بالنسبة لبعضها البعض. يساعد التناسب على الإشارة إلى العناصر المهمة وغير المهمة في التصميم، فالعناصر الأكبر أكثر أهمية من العناصر الأصغر. الاختلاف التناسبي بين الكتابة الصغيرة والصورة الكبيرة مؤشر واضح على ترتيب أهمية العناصر على موقع Bluecated Interactive التسلسل الهرمي التسلسل الهرمي مبدأ آخر من مبادئ التصميم يرتبط مباشرةً بمدى قابلية محتوى الموقع للمعالجة بطريقة جيدة بواسطة المستخدمين، وهو مؤشر على أهمية العناصر في التصميم؛ فالعنصر (أو المحتوى) الأكثر أهميةً يجب أن يدل مظهره على مدى أهميته. يُنشئ موقع Grafill تسلسلًا هرميًا عبر كل من مخطط ترتيب العناصر (الجزء الأهم في الأعلى) والحجم (المحتوى الأهم أكبر حجمًا) وأسلوب الخط (العناوين أكبر من متن النص). يتضح التسلسل الهرمي بسهولة باستخدام العناوين الرئيسية والفرعية في التصميم، إذ يجب إعطاء العنوان الرئيسي الأهمية الكبرى ليتمكن المستخدم من التعرف عليه مباشرةً على أنه العنصر الرئيسي في الصفحة، كما يجب تنسيق العناوين الفرعية وتحت الفرعية بطريقة توضح ترتيب أهميتها بالنسبة لبعضها البعض وكذلك بالنسبة للعنوان الرئيسي ولمتن النص. التكرار يُعَد التكرار طريقةً رائعةً لترسيخ الفكرة، كما أنه مفيد جدًا لتوحيد التصميم وجمع العديد من العناصر المختلفة. يمكن إجراء التكرار بعدة أساليب، مثل تكرار الألوان أو الخطوط أو الأشكال أو عناصر أخرى في التصميم. على سبيل المثال، يراعي هذا المقال التكرار في تنسيق العناوين، فكل المبادئ التصميمية تحمل التنسيق نفسه، مما يدل القارئ على أنها جميعها متساوية في الأهمية ومتعلقة ببعضها البعض، فتناسق العناوين يوحد هذه العناصر في الصفحة. الصورة على الأيسر من موقع Type and Pixel نموذج رائع للتكرار في التصميم التناغم يمكن أن يضفي التباعد بين العناصر المتكررة شعورًا بالتناغم في المظهر، بما يشبه الإيقاع الذي تمنحه الفراغات بين النوتات في مقطوعة موسيقية. هناك خمسة أنواع أساسية للتناغم البصري يمكن أن يُنشئها المصممون: عشوائي منتظم متناوب متدفق تدريجي التناغم العشوائي ليس له نمط محدد يمكن تمييزه، أما التناغم المنتظم فيترك نفس المسافة بين العناصر دون تغيير. يتبع التناغم المتناوب بدوره مجموعةً من الأنماط المتكررة، فيكون هناك اختلاف في المسافات بين العناصر المتجاورة لكن بنمط متناوب (مثل النمط 1-2-3-1-2-3)، في حين يتبع التناغم المتدفق منحنيات مشابهة لتموُّج الكثبان الرملية أو تدفق الأمواج، وأخيرًا فإن التناغم التدريجي يتغير مع تقدمه، بحيث يضاف كل تغيير إلى التكرارات السابقة. ينشأ عن التباعد غير المنتظم بين الأشكال في خلفية موقع TheArtCenter تناغمٌ عشوائي يمكن الاستفادة من التناغم في توليد عدة مشاعر، مثل الإثارة (خصوصًا في التناغم المتدفق والتدريجي) أو الطمأنينة، بالإضافة إلى دوره في توحيد النسق، ويتوقف ذلك على طريقة تطبيقه. الأنماط النمط ليس سوى تكرار لعدة عناصر تصميمية تعمل معًا، والمثال الأكثر انتشارًا الذي يألفه الكثير من الناس هو ورق الجدران ذي الأنماط المتكررة، لكن يمكن أن تشير الأنماط في التصميم أيضًا إلى مجموعة المعايير التي تحكم كيفية تصميم عناصر معينة. على سبيل المثال، التنقل العلوي هو نمط تصميمي يتفاعل معه أغلب مستخدمي الإنترنت. المساحات البيضاء المساحة البيضاء (وتعرف أيضًا بالمساحة السلبية) هي المساحة الفارغة من التصميم، أي تلك التي لا تحتوي على أي عنصر تصميمي. يعتقد الكثير من المصممين المبتدئين أن عليهم ملء كل نقطة من المساحة المخصصة للتصميم، دون الانتباه لأهمية المساحة البيضاء، والتي في الواقع تخدم غايات كثيرة ذات أهمية في التصميم، على رأسها إعطاء "فسحة تنفس" لعناصر التصميم، بالإضافة إلى المساهمة في تسليط الضوء على جزء معين من المحتوى أو من التصميم. تساعد المساحات البيضاء أيضًا على تسهيل تمييز عناصر التصميم، ولهذا السبب يكون النص أسهل قراءةً عند استخدام الحروف الصغيرة مع الكبيرة باللغة الإنجليزية (قياسًا باستخدام الحروف الكبيرة فقط)، فالحروف الصغيرة تكون محاطةً أكثر بالمساحة البيضاء، مما يسمح بتفسيرها بصورة أسرع. تضفي المساحة البيضاء "فسحة تنفس" للنص البسيط والرسوم التوضيحية في موقع Jan Behne، كما تساهم في الحفاظ على جمالية التصميم المبسط تستخدَم المساحة البيضاء في بعض الحالات لإنشاء صورة ثانوية قد لا تتضح مباشرةً للمشاهد، مما يساهم كثيرًا في إيصال العلامة التجارية بطريقة ممتعة للعملاء، والسهم الخفي في شعار شركة FedEx هو أحد الأمثلة على ذلك. الانتقال يشير الانتقال إلى الطريقة التي تتحرك بها العين فوق التصميم عند النظر إليه، إذ يجب على العنصر الأكثر أهميةً أن ينقل النظر إلى العنصر التالي الأكثر أهمية، وهكذا دواليك، ويمكن تحقيق ذلك من خلال تحديد الموضع (يقع النظر تلقائيًا على مناطق معينة من التصميم أولًا) والاستفادة من التأكيد وغيره من عناصر التصميم المذكورة أعلاه. تساهم الصور والأرقام المائلة في مبدأ الانتقال بالنسبة لموقع Abby Stolfo التنوع يستخدَم التنوع في التصميم من أجل جذب الانتباه البصري، وبغيابه يصبح التصميم بسرعة رتيبًا ومملًا للمستخدم. هناك طرائق كثيرة يمكن من خلالها تحقيق التنوع، مثل الألوان وأسلوب الخط والصور والأشكال وأي عنصر آخر في التصميم. مع ذلك فإن إضفاء التنوع ليس غايةً بحد ذاته بل وسيلة؛ فلا فائدة من التنوع إذا لم يوظَّف لتعزيز العناصر الأخرى من التصميم والتآزر معها من أجل تحقيق نتائج أكثر جمالية وإثارة للاهتمام، وبالتالي تحسين تجربة المستخدم. تتضمن خلفية موقع Kennard Lilly ألوانًا وأشكالًا مختلفةً لإثارة الاهتمام مع التأكيد في الوقت نفسه على محتوى العبارة المرفقة الانسجام لا شك أن الكثيرين منا قد صادفوا موقعًا إلكترونيًا أو تصميمًا آخر يبدو وكأنه تجميعٌ عشوائي للعناصر على الصفحة دون الاكتراث بمدى التوافق فيما بينها، وفي هذا السياق قد تتبادر إلى الأذهان مباشرةً إعلانات الصحف التي ربما تُستخدَم فيها عشرة أنواع من الخطوط معًا. يشير الانسجام إلى مدى ملاءمة عناصر التصميم مع بعضها البعض، إذ يجب أن تكون هناك علاقة واضحة بين العناصر البصرية في التصميم. يساعد الانسجام على ضمان توصيل المفاهيم بطريقة واضحة ومتسقة، كما أن التصاميم المنسجمة جيدًا تبدو أكثر تنظيمًا وأعلى جودةً وأهميةً من التصاميم قليلة الانسجام. يتولد الشعور بالانسجام بفضل استخدام اللون الأزرق في جميع أنحاء التصميم (بما في ذلك المؤثرات الزرقاء على الصور)، بالإضافة إلى توحيد نمط الخط والتناسب. مبادئ أخرى للتصميم تطرقت العديد من المقالات إلى مبادئ تصميم أخرى تتضمن: أسلوب الخط اللون مبادئ جشتالت الشبكة والمحاذاة التأطير الشكل بعضها يتناسب بوضوح مع تعريف المبادئ، بينما بعضها الآخر أقرب لأن يصنَّف من ضمن عناصر التصميم. يشير أسلوب الخط إلى طريقة ترتيب النص في التصميم، ويشمل نوع الخط المستخدَم وحجمه وسماكته والفراغات التي تتخلله وطريقة ارتباط عناصر النص المختلفة ببعضها البعض. يتأثر التصميم الجيد لأسلوب الخط تأثّرًا كبيرًا بجميع مبادئ التصميم الأخرى التي سبق ذكرها. تُعَد الألوان من أكثر العوامل المؤثرة نفسيًا في التصميم، ولها تأثير كبير على تجربة المستخدم. يؤثر علم النفس اللوني ونظرية الألوان بشدة على بعض المبادئ الأخرى المذكورة سابقًا. تتضمن مبادئ جشتالت كلًا من التشابه، والاستمرار، والإغلاق، والتقارب، والشكل والأرضية، والتناظر والترتيب. وبعض هذه المبادئ ذات صلة وثيقة بالمبادئ المذكورة سابقًا. يرتبط مبدأ الشبكة والمحاذاة ارتباطًا كبيرًا بمبدأ التوازن، وهو يشير إلى طريقة ترتيب العناصر بالنسبة لشبكة وهمية على الصفحة. يتعلق التأطير بطريقة تموضع العنصر الأساسي في التصميم بالنسبة للعناصر الأخرى على الصفحة، وهو مطروق كثيرًا في مجالات التصوير السينمائي والتصوير الفوتوغرافي، ويعالج كيفية تقديم العنصر الأهم من الصورة بالنسبة لبقية أجزاء الصورة، لكنه ينطبق أيضًا على التصميم. يُعَد الشكل جزءًا أساسي من أي تصميم، سواءً كان يشير إلى الأشكال المحددة المستخدَمة في التصميم، أو إلى الشكل العام للتصميم نفسه. تثير الأشكال المختلفة مشاعر مختلفة، فالدوائر ترتبط بالطبيعة والمرونة، في حين تكون المربعات أكثر صرامةً ورسمية؛ أما المثلثات فتمنح شعورًا بالطاقة والحركة. هذه "المبادئ" أو العناصر التصميمية هي عبارة عن جوانب مهمة في التصميم الجيد، ويجب مراعاتها إلى جانب المبادئ الأساسية الأخرى من أجل إنشاء تجربة مستخدم أفضل. الخلاصة المبادئ التي تُعَد أساسية في التصميم موضع نقاش مستمر، لكن فهم المبادئ المذكورة أعلاه وتطبيقها مهم جدًا لنجاح أي مشروع تصميم، إذ يجب أن يسعى المصممون إلى فهم كيفية تأثير كل من هذه المبادئ على عملهم، كما أن دراسة كيفية تطبيق المصممين الآخرين لهذه الأفكار في إنشاء تصاميمهم الخاصة تساعد كثيرًا على التعلم وتحقيق نتائج أفضل في التصميم. من الممكن إنشاء تصميم جيد دون فهم شامل لهذه المبادئ، لكن ذلك يعتمد على حدس المصمم، وقد يكون ذلك على حساب الكثير من التجارب والأخطاء قبل الوصول إلى نتائج ذات مظهر جيد وتجربة استخدام مثالية؛ لذا فإن التدرب على هذه المبادئ يوفر على المصمم الكثير من الوقت والجهد إلى أن يصبح تطبيقها عادةً مكتسبة لديه. مفاهيم أساسية ما هي عناصر التصميم البصري؟ تتضمن عناصر أو مبادئ التصميم البصري: التباين، والتوازن، والتأكيد، والانتقال، والمساحة البيضاء، والتناسب، والتسلسل الهرمي، والتكرار، والتناغم، والأنماط، والانسجام، والتنوع؛ بحيث تتضافر هذه المبادئ معًا لتعزيز جمالية التصميم وتحسين تجربة المستخدم. ما أهمية التباين في التصميم؟ يشير التباين إلى مدى اختلاف العناصر في التصميم، وهذا الاختلاف يجعل العناصر أسهل تمييزًا عن بعضها. بالإضافة لذلك، فإن التباين جانب مهم جدًا من أجل إمكانية وصول التصميم، فقلة التباين قد تؤدي إلى جعل قراءة المحتوى النصي في غاية الصعوبة، خصوصًا للأشخاص الذين يعانون من مشاكل وإعاقات بصرية. ما المقصود بالتناغم في التصميم؟ ينشأ التناغم عن وتيرة التباعد بين العناصر البصرية المتكررة، بما يشبه الإيقاع الناتج عن الفراغات بين النوتات في مقطوعة موسيقية. هناك خمسة أنواع أساسية للتناغم البصري يمكن أن يُنشئها المصممون: عشوائي، ومنتظم، ومتناوب، ومتدفق، وتدريجي. ما المقصود بمبدأ التوازن في التصميم؟ يحمل كل عنصر ومبدأ للتصميم (أسلوب الخط والألوان والصور والأشكال والأنماط وغيرهم) وزنًا بصريًا؛ بعض هذه العناصر ثقيلة الوزن البصري وتجذب العين، بينما بعضها الآخر أخفّ، لكن يجب أن يعطي توزيع هذه العناصر على الصفحة إحساسًا بالتوازن. كيف يمكن تحقيق التأكيد في التصميم؟ يستخدَم مبدأ التأكيد بهدف إبراز عناصر معينة في التصميم من خلال التباين اللوني أو تكبير الحجم أو زيادة المساحة البيضاء المحيطة بالعنصر أو غير ذلك، أو بهدف تقليل التركيز عليها مثل العبارات المكتوبة بخط صغير جدًا في أسفل الصفحة. ترجمة -وبتصرّف- للمقال The Principles of Design and Their Importance لصاحبته Cameron Chapman. اقرأ أيضًا مقدمة إلى العناصر الستَّة للتصميم عملية التصميم ذات الخطوات السبعة مبادئ تصميم الرسوميات

تصميم المواقع الإلكترونية وتطوير المواقع الإلكترونية ما هي إلا مصطلحات تُستخدم على نحو متكرر عند الحديث عن إنشاء المواقع الإلكترونية، وكذلك مصطلحي واجهة المستخدم UI وتجربة المستخدم UX اللذيْن يُستخدمان دائمًا. وعلى الرغم من استخدام هذه المصطلحات بالتبادل فيما بينها أحيانًا، لكن في الواقع، يمتلك كل من هذه المصطلحات معنى محددًا ومهمًا. من المهم أن تفهم الاختلاف بين هذه المصطلحات إذا كنت تعمل على إنشاء موقع إلكتروني أو كنت تخطط لذلك في المستقبل. وإليك فيما يلي مفهوم كل من تصميم المواقع الإلكترونية وتطوير المواقع الإلكترونية وتصميم واجهة المستخدم UI وتصميم تجربة المستخدم UX، إضافةً إلى أوجه التشابه والاختلاف بين هذه المصطلحات. تصميم المواقع الإلكترونية يشمل تصميم المواقع الإلكترونية تصميم كل عنصر على الموقع الإلكتروني، بما في ذلك مخطط الموقع والرسومات والألوان والنصوص والصور الفوتوغرافية ومقاطع الفيديو والعناصر المرئية لواجهة المستخدم وتجربة المستخدم، فكل ما تراه على الموقع الإلكتروني يندرج تحت مصطلح تصميم المواقع الإلكترونية. يبدأ تصميم الموقع الإلكتروني بإنشاء إطار هيكلي للموقع وتصميم مخطط الموقع وبناء النماذج الأولية والعديد من الخطوات الأخرى، لكن لا تُعَد صياغة الشيفرات البرمجية جزءًا من تصميم الموقع الإلكتروني. تصميم الموقع هو أساس بناء أي موقع إلكتروني، إلى جانب تصميم واجهة المستخدم UI وتصميم تجربة المستخدم UX، إذ يهتم تصميم المواقع الإلكترونية برسم خرائط الموقع الإلكتروني وتصميم قائمة التنقل وتحديد وظائف الموقع، مما يساعدك على تحسين تجربة استخدام الموقع وزيادة معدل التحويل، علاوةً على ذلك، يُعَد وضع المعلومات المهمة حول منتجاتك وخدماتك وأزرار الاشتراك في البريد الإلكتروني جزءًا من تصميم المواقع الإلكترونية. ويمكننا القول باختصار أن تصميم المواقع الإلكترونية هو كل ما يمكنك رؤيته على شاشة الهواتف المحمولة والأجهزة اللوحية وأجهزة الحاسوب المحمولة وأجهزة الحاسوب المكتبية، فإذا كنت مهتمًا بخدمات تصميم المواقع الإلكترونية وتريد توظيف مصمم مواقع إلكترونية محترف، فاحرص على أن تبحث في هذا المصمم عن قدرات أداء معينة، وإليك بعض الأمثلة عن الأمور التي يجب أن تبحث عنها: نماذج أعمال سابقة، ويشمل ذلك أعمالهم السابقة في تصميم مواقع إلكترونية وإدارتها. معرفتهم بأمور الطباعة والخطوط وتخطيط الصفحة. فيما يخص مواقع التجارة الإلكترونية، يجب أن تركز على فهمهم لمدى أهمية مشاركة المستخدمين وتحويلاتهم. تطوير المواقع الإلكترونية يهتم تطوير المواقع الإلكترونية بإنشاء وصيانة المواقع الإلكترونية باستخدام أنواع مختلفة من الأدوات ولغات البرمجة وأطر العمل، فحتى إنشاء صفحة ويب واحدة باستخدام لغة HTML أو لغة CSS يمكن أن يرتقي إلى أن يكون ضمن مجال تطوير المواقع الإلكترونية. يمكن أن يتراوح طول الشيفرات البرمجية من 200 سطر حتى مليوني سطر من الترميز. في بداية الأمر، اقتصر مطورو المواقع الإلكترونية على إنشاء صفحات ويب ثابتة، أما في الوقت الحاضر، يمكن لمطوري المواقع الإلكترونية إنشاء مواقع متحركة وأدوات عبر الإنترنت وتطبيقات قائمة على الويب وبوابات باستخدام تقنيات مختلفة. يتمثل تطوير المواقع الإلكترونية في معالجة الشيفرات البرمجية، وهو يُقسَم إلى نوعين من الفئات، أما النوع الأول فهو برمجة الواجهة الأمامية front-end، والنوع الآخر هو برمجة الخلفية back-end، إذ تتحكم برمجة الواجهة الأمامية front-end في العرض الفعلي لتصميم الموقع الإلكتروني، بينما تشمل برمجة الخلفية back-end معالجة بيانات المستخدم على خادم الويب web server وعرضها مرةً أخرى على المستخدم. إضافةً إلى ما سبق، يتقن بعض مطوري المواقع الإلكترونية برمجة كل من الواجهة الأمامية والخلفية، لذا فإن كنت لا تريد توظيف مطور مختص في برمجة الواجهة الأمامية ومطور آخر مختص في برمجة الخلفية، فيمكنك التفكير في خيار توظيف مبرمج متكامل يتمتع بخبرة في تطوير الواجهة الأمامية والخلفية. تصميم واجهة المستخدم UI واجهة المستخدم هي النظام الأساسي المرئي الذي يساعدنا على التحكم في وظائف الجهاز، فجميع الأجهزة التي لديها شاشة تحتوي على تصميم لواجهة المستخدم، ويمكن تقسيم تصميم واجهة المستخدم إلى ثلاث فئات، وهم التصميم الجرافيكي وتصميم التفاعل واختبار المستخدم، وإليك الفارق فيما بينهم: التصميم الجرافيكي معروف للجميع في الغالب، فهو عملية التصميم المرئي لمنتج رقمي. يتضمن تصميم التفاعل كل ما يتعلق بتصميم تدفق المعلومات، ويُنفّذ غالبًا بواسطة مصممو التفاعل. يُجرى اختبار المستخدم للتحقق من التطبيق العملي لتصميم التفاعل وجماليات الرسومات. يختلف تصميم واجهة المستخدم باختلاف شاشات الهواتف المحمولة وأجهزة الحواسيب المحمولة والأجهزة اللوحية والمواقع الإلكترونية. لذا احرص على توظيف مصمم قادر على تصميم الواجهة بأحجام شاشات مختلفة. تصميم تجربة المستخدم UX يهتم تصميم تجربة المستخدم UX في التجربة التي سيعيشها مستخدمو المواقع الإلكترونية، لذا يجب على مصممي تجربة المستخدم أن يتأكدوا من أن الموقع الإلكتروني جذاب وتفاعلي بما فيه الكفاية لتعزيز تجربة المستخدمين على الموقع، وتُقاس تجربة المستخدم على أساس القدرات التفاعلية لواجهة المستخدم التي أنشأها مصممو واجهة المستخدم. يرتبط تصميم واجهة المستخدم UI بتصميم تجربة المستخدم UX ارتباطًا وثيقًا، وبالتالي، يختلط الأمر على العديد من الأشخاص بين أدوار ومهام كل من مصممي واجهة المستخدم UI ومصممي تجربة المستخدم UX. يعمل مصمم تجربة المستخدم UX على تصميم الإطارات الهيكلية للموقع الإلكتروني وعرض اتصالات الواجهة للحصول على تعليقات المستخدمين. الخلاصة من الضروري أن تفهم استخدام وعمل كل من تصميم المواقع الإلكترونية وتطوير المواقع الإلكترونية وتصميم واجهة المستخدم وتصميم تجربة المستخدم، مما يساعدك على تضييق نطاق الاختيارات وفقًا لاحتياجاتك، وإليك فيما يلي قائمةً ببعض المهام التي يجب أن يؤديها مختص كل مجال على حدة. تصميم المواقع الإلكترونية: استجابة الموقع الإلكتروني. تحديث شكل وأسلوب عمل الموقع الإلكتروني. تحسين جودة الرسومات. توجيه حركة الزوار على صفحات الموقع. معالجة مشكلات وقت تحميل الصفحة. تطوير المواقع الإلكترونية: وظائف الموقع. أمان الموقع. الصفحة غير موجودة (خطأ 404). فشل عمليات بحث DNS. تعطل الموقع. فشل تحميل المحتوى. تصميم واجهة المستخدم UI: تحسين التنقل عبر الموقع. تخصيصات الموقع. المشاركة الاجتماعية على الموقع. الشكاوى والمشكلات المحتملة وكيفية التعامل معها. تصميم تجربة المستخدم UX: تحسين معدل التحويل. حل مشكلة ارتفاع معدل الارتداد. جذب انتباه الزوار نحو المحتوى. إبقاء الزائرين في الموقع لأطول فترة ممكنة ودفعهم لاستكشاف المزيد. على الرغم من أنه يمكن تنفيذ هذه المهام بواسطة الأشخاص المختصين، فمن المحتمل أيضًا أن يمتلك مصممو المواقع الإلكترونية أو مطورو المواقع القدرة على القيام ببعض مهام مصممي واجهة المستخدم UI أو مصممي تجربة المستخدم UX. ومع ذلك، فإن معرفة الفرق بين هذه الوظائف سيساعدك على اتخاذ القرار الصحيح عند اختيار الشخص المناسب لعملك. ترجمة -وبتصرّف- للمقال ?What’s the Difference Between Web Design & Web Development. اقرأ أيضًا دليلك لتصميم مواقع الإنترنت المتجاوبة المدخل الشامل لتعلم تطوير الويب وبرمجة المواقع برمجة مواقع الويب: دليلك المختصر

سنتحدث في هذه السلسلة من المقالات عن تصميم الرسوميات (التصميم الجرافيكي) من زوايا جديدة نحاول من خلالها تسليط الضوء على جوانب تصميم الرسوميات الأكاديمية والتطبيقية والتي من خلالها يمكن للمصمم تطوير معرفته ومهاراته التصميمية والاستعداد لسوق العمل. لن نسعى في هذه السلسلة للغوص كثيرًا في النظريات أو المفاهيم المجردة، وكذلك لن نتوسع في الدروس التطبيقية واستخدام الأدوات والبرامج، بل ستكون مزيجًا من الجانبين بما يساعد المصمم المبتدئ على تعلم ما يجب تعلمه ومن ثم إرشاده وفتح المجال له للتوسع والتعلم الذاتي من مصادر خارجية. ما هو تصميم الرسوميات (التصميم الجرافيكي)؟ لتصميم الرسوميات أو ما يعرف أيضًا بـ(التصميم الجرافيكي) تعاريف عدة ومصطلحات رمزية كثيرة، فيطلق عليه أحيانًا فن الاتصال البصري، فماذا يعني تصميم الرسوميات؟ وما الذي يخطر ببالك عندما تسمع هذه العبارة؟ قد يخطر ببالك لوحة فنية، ملصق إعلاني لفيلم جديد، غلاف كتاب، صورة مميزة لمنتج ما على الفيس بوك، ملايين الصور والتصاميم على إنستجرام، عبوات وعلب المنتجات المختلفة على رفوف المتاجر، شعار شركة عالمية، كل ذلك وغيرها الكثير. لكن هذه ليست تعريفًا أو وصفًا لتصميم الرسوميات بل هي نتائج لهذا العمل، وإذا خطر ببالك الفوتوشوب أو الإليستريتور أو غيرهما من البرامج والتطبيقات فهي أيضًا ليست تعريفًا أو توضيحًا له بل هي أدوات ووسائل لتنفيذ التصاميم. صور لتصاميم مجلات - الصورة من موقع Foter.com بعض القواميس على الإنترنت تعرّف تصميم الرسوميات بأنه فن أو مهارة الجمع بين النص والصور في الإعلانات أو المجلات أو الكتب، هذا التعريف صحيح جزئيًا ولكنه ليس دقيقًا أو شاملًا. فتصميم الرسوميات مهارة وعلم قائم بحد ذاته ويتجاوز كونه طريقة جمع النص والصور بكثير. يركّز تصميم الرسوميات على توصيل رسالة أو فكرة ما بصريًا. إذ لكل مشروع يعمل عليه المصمم رسالة فريدة وهدف لتلك الرسالة. قد تكون الرسالة هي تقديم المعلومات، أو إيصال فكرة، أو بيع منتج أو حتى تحفيز محادثة هادفة. وبأبسط مثال على نتائج أعمال التصميم، تصميم الشعارات، فإن جرّبت أن تغلق عينيك وذكرتُ لك مثلًا كلمة آيفون فسيخطر ببالك على الفور تفاحة رمادية مأكولة من الجانب، وإن ذكرت كلمة أمازون فسيخطر ببالك ذلك السهم المبتسم، حتى وإن كان نجاح هذه الشركات بسبب جودة المنتج والخدمة المقدمة، فإن للتصميم دور أساسي في نجاح الشركة ونقل أعمالها لمستوى آخر بحيث تصبح محفورة في أذهان الجمهور عبر شعاراتها المميزة. كما يمكنك معرفة ذلك من الملصقات الإعلانية للأفلام على سبيل المثال أيضًا، إذ يستطيع ملصق ما أن يدفعك للتوق بشدة لمشاهدة الفيلم، بينما قد يُشعرك ملصق آخر بأن الفيلم غير مثير للاهتمام، وقد يدفعك لعدم مشاهدة الفيلم، على الرغم من أنه قد يكون أفضل وأعلى جودة من الأول. شعار شركة آبل - الصورة بواسطة Trac Vu من موقع Unsplash لذلك يمكننا تعريف تصميم الرسوميات (التصميم الجرافيكي) على أنه: ماذا يفعل مصمم الرسوميات أساس التصميم - الصورة بواسطة Karol D من موقع Pexels يأخذ مصمم الرسوميات مفاهيم كتابية مجردة أو أشياء شفهية، أي غير ملموسة ويحوّلها إلى شكل مرئي باستخدام الرموز والصور والألوان والأشكال والقوام والطباعة. وهو يرتّب تلك المواد في مساحة معينة، وهي مساحة مشروع العمل والتي تتغير حسب نوع المشروع. كما يعمل المصمم على تنسيق الطباعة مثل تخطيط مجلة أو ملصق أو تنسيق التصميم للشاشات مثل نافذة متصفح أو تطبيق هاتف ذكي. وبعد حصول المصمم على الأفكار الأساسية للمشروع يبدأ بالعمل على دراسة التصّور العام للمشروع واختيار الألوان المناسبة والعناصر الأفضل بغية إنشاء تصميم واضح ومفهوم للعملاء وللجمهور على حد سواء، تصل من خلاله فكرة التصميم إليهم بسلاسة ووضوح، كما يجب أن يراعي المصمم المفاهيم الثقافية للجمهور المستهدف ويبحث في كافة الخيارات الممكنة، وقد يضطر أحيانًا إلى تقديم أكثر من نموذج للعميل ليختار العميل ما يجده مناسبًا أكثر ويلبي تطلعاته وتوجهاته سواء أكان فردًا أو شركة. تاريخ تصميم الرسوميات يعود تاريخ تصميم الرسوميات إلى العصور الحجرية، ويمكننا عدّ لوحات الكهوف تصاميم رسومية، إذ أنها تتطابق مع تعريف هذا الفن، وتهدف تلك الرسومات إلى إيصال فكرة أو شرح حادثة أو قضية. وهي تعتبر أول وسيلة للتواصل البصري في التاريخ، وقد نجحت في إنجاز مهمتها بالفعل ولاتزال إلى يومنا هذا تعمل على ذلك، إلا أن أهم عائق واجهه أولئك الناس في ذلك العصر هو عدم إمكانية نقل هذه الرسومات إلى مكان آخر لنشرها، ولم يتم حل هذه المشكلة حتى أوائل القرن الثاني الميلادي عندما تم اختراع الورق وأصبح المصممون يستخدمونه مع أدوات جديدة لإنشاء التصاميم من الفرش والأقلام والألوان أيضًا، وتمكنوا من نقل تصاميمهم ونشرها إلى أماكن أخرى. المحارف - الصورة بواسطة Lucio Alfonsi من موقع Pixabay وكانت بدايات تطوّر التصميم عبر اختراع الخطوط المختلفة لاستخدامها في التصاميم الإعلانية أو حتى في الوسائط المطبوعة، وكان من أبرز روّاد هذا العصر ويليام أديسون دويجينز الذي صمّم محارف خطوط منذ عشرينات القرن الماضي، ولا تزال تستخدم بكثافة إلى يومنا هذا، ولعل من أشهر ما أنتج Caravan Metro، Electra، Caledonia، Eldorado و Falcon. ثم اخترع دوغلاس إنجلبارت الفأرة للحاسوب، مهّد اختراع جهاز التوجيه الدقيق هذا الطريق لما يمكن أن يكون أعظم ابتكار في أدوات التصميم لهذا الجيل. لتبرز بعدها أجهزة الحاسوب ومعها ظهرت برامج التصميم المتطورة أمثال الفوتوشوب والإليستريتور وسواها، وليتمكن مصممو هذا العصر من تقديم تصاميم عصرية مذهلة متطورة. تصميم الرسوميات في العصر الحاضر وأهميته في العصر الحالي تطوّر تصميم الرسوميات كثيرًا وتجاوز مرحلة الصور الرمزية التقليدية المرسومة يدويًا في العقود الماضية، وبات بإمكان أي شخص أن يستخدم الحاسوب وأحد تطبيقات التصميم للعمل على تصاميم مميزة. وقد استثمرت الشركات في كل أنحاء العالم في تصميم الرسوميات حيث يسعى الجميع لتحقيق الانتشار الأوسع عبر الإنترنت والوسائط المرئية الأخرى للظهور أمام العملاء بطريقة لا تنسى، والتفاعل معهم بشكل مباشر عبر علامتهم التجارية المصممة بشكل مميز ومدروس. كما غزا التسويق الالكتروني كافة مناحي الحياة، ما جعل تصميم الرسوميات أكثر أهمية وتأثيرًا، وبات لعلم النفس وسلوك الجمهور دور هام في عملية التصميم، وينظر العديد من خبراء العلامات التجارية إلى أمور خاصة مثل سيكولوجية اللون وتأثيرات الخطوط والأشكال للتأكد من أنها تنقل الشخصية المناسبة لكل عميل. ولم يعد المصممون ينتجون صورًا لمنصة واحدة فقط، بل يجب أن تعمل الشعارات وعناصر الهوية المرئية بشكل جيد على التطبيقات والأجهزة المحمولة والشاشات الأكبر أيضًا، وهذا يعني ظهور تخصصات جديدة مثل التصميم "سريع الاستجابة" أو "التصميم المتجاوب" في عالم التصميم. التصميم المتجاوب - الصورة من موقع Foter.com وبذلك تغير دور مصمم الرسوميات، من مقاول لمرة واحدة إلى جزء أساسي من أي فريق عمل. تعتمد العلامات التجارية اليوم على مصمميها، ليس فقط لإنشاء الشعارات وتصاميم منشورات وسائل التواصل الاجتماعي، بل لتأسيس وجود لهم في عالم الإنترنت وبناء الاعتراف بعلامتهم التجارية. ولم يعد تصميم الرسوميات يتعلق بالعمل الفني فقط، بل يتعلق بعملية إنشاء اتصال حقيقي بين العملاء والشركات باستخدام الكلمات والنغمات والصور والتصميم والتكنولوجيا. تنبع أهمية تصميم الرسوميات اليوم من خلال جعل العلامة التجارية تبدو جذابة، مفهومة، وترسخ في الأذهان. وسوف يستمر تغيير وتطوّر تصميم الرسوميات، على الرغم من أنه من المستحيل التنبؤ بكل التغييرات التي ستحدثها السنوات القادمة، إذ يجب وضع التطوّر التكنولوجي والتقني في الحسبان إضافة إلى تطّور الأسواق والأساليب التسويقية. مجالات العمل لتصميم الرسوميات وتخصصاته إن الحياة المهنية في تصميم الرسوميات مثيرة وتجمع بين الفن والتكنولوجيا والاتصالات. هناك حاجة إلى هؤلاء المهنيين في العديد من المشاريع وفي مجموعة متنوعة من المجالات، بما في ذلك التسويق والإعلان والنشر والاتصالات الرقمية. مجالات العمل - الصورة بواسطة Caio من موقع Pexels ينشئ مصممو الرسوميات تصاميم وتخطيطات لمجموعة متنوعة من المنتجات، بما في ذلك شعارات الشركة والمواقع الإلكترونية والملابس والكتب والألعاب وأدلة استخدام المنتج وغيرها. يجب أن يمتلك هؤلاء المحترفون معرفة قوية بنظرية الألوان وتحرير الصور وأنواع الخطوط والعديد من المبادئ الفنية الأخرى لتحديد أقوى جاذبية للسوق المستهدف للعلامة التجارية. يستخدمون مجموعة متنوعة من برامج التصميم المتخصصة لرسم تصميمات جديدة مبتكرة تجذب الجمهور المستهدف. ومن أهم هذه المجالات والتخصصات: تعديل الصور حيث توكل للمصمم مهمة ضبط وتصحيح الألوان ودمج الصور وغير ذلك للوصول إلى النتيجة النهائية، كما أن له دورًا مهمًا في تعديل وتجهيز صور المنتجات لتقديمها للسوق. مصمم ويب وهو الذي يعمل على إنشاء صفحات فردية وتصميم مخططات هذه الصفحات وتطوير رسومات الموقع إضافة إلى تصميم قوائم التنقّل والقوائم المنسدلة وهيكل الموقع. مدير فني وهو مسؤول عن توجيه رؤية فريق التصميم ككل والإشراف على جميع أعمال التصميم. وتتضمن هذه الوظيفة مهارات الإدارة والقيادة وقدرات إدارة الوقت والميزانية غالبًا بالإضافة إلى الرؤية الإبداعية. مصمم واجهة المستخدم (UI) هو المسؤول عن تصميم واجهات تطبيقات جذّابة ومحفزة بصرياً، ونموذج التصميم مناسب مع الغرض من التطبيق، ومتناسب مع شخصية التطبيق. وعليه التأكد من أن كل العناصر مترابطة، وجميلة وتؤدي الغرض. مصمم تجربة المستخدم (UX) وهو من يحدد هيكلية الواجهة ووظائفها، وكيف يتم ترتيبها ومدى ترابط كل جزء بالآخر، باختصار هو يصمم كيفية عمل الواجهة، والتأكد من أن الواجهة تعمل بشكل سلس وسهل. مصمم النشر وهو الذي يعمل على تطوير التخطيط والمظهر المرئي والرسومات لمجموعة من المنشورات المطبوعة. مصمم إعلانات وهو الذي يستخدم تصميم الرسوميات والتصوير الفوتوغرافي لإنشاء مواد تسويقية جذابة بصريًا لعلامة تجارية أو شركة. مصمم وسائط متعددة (ملتيميديا) وهو الذي ينشئ صورًا ومقاطع فيديو ورسومات متحركة باستخدام برامج الرسوم المتحركة ثنائية وثلاثية الأبعاد. ويمكن لمصممي الوسائط المتعددة العمل في مجموعة متنوعة من المجالات بما في ذلك الإنتاج التلفزيوني أو السينمائي وتصميم المواقع وتطوير ألعاب الفيديو. مصمم التغليف والعبوات والذي يعمل على تصميم العلبة والعبوة والملصق للمنتجات. مصمم الشعارات وهو الذي يصمم الشعارات والرموز بطريقة جذابة بصريًا لتمثيل شركة أو منتج أو علامة تجارية أو خدمة. مصمم الأزياء والملابس وهو الذي ينشئ صورًا ومخططات للملابس. ويطوّر فهمًا قويًا لعملاء العلامة التجارية ويضمن أن رسوماته متماسكة وجذابة بصريًا لذلك الجمهور. فنان تخطيط وهو الذي يقوم بتصميم هيكل وتخطيط الصور والنص بتنسيق ممتع للوسائط المطبوعة. يمكن أن يشمل ذلك عمل المجلات والكتيبات والنشرات والكتب والملصقات. مصمم الهوية البصرية للعلامة التجارية وهو الذي يصمم جميع عناصر مواد الشركة مثل بطاقات العمل، والقرطاسية، والمنشورات الإعلانية، والعروض الترويجية، وما إلى ذلك. وهناك العديد من التخصصات الأخرى والتي تجعل عالم التصميم واسعًا وشاملًا لمختلف مناحي الحياة. عناصر ومبادئ تصميم الرسوميات عناصر التصميم هي الوحدات الأساسية للتصميم المرئي والمكونات التي يتم من خلالها إنشاء جميع التصميمات، فإذا ما فرضنا أننا نريد بناء خزانة ملابس، ستكون عناصر التصميم هي المواد الخام، مثل الخشب والمسامير، حيث سيؤثر طريقة استخدام هذه المواد على المظهر العام والوظيفة. يساعد معرفة الغرض من المنتج والأسلوب المقصود المهندس المختص على اتخاذ قرارات صحيحة بشأن المواد. فيما يشكّل توازن أبواب الخزانة وتناظر أطرافها ومحاذاة أبوابها مثلًا، مبادئ التصميم بحيث سيظهر من خلالها خبرة وإتقان المصمم ويمكن من خلالها إبراز النمط المتبع في التصميم بشكل يميز المنتج النهائي بصفات معينة. عناصر ومبادئ التصميم - الصورة بواسطة Kristin Hardwick من موقع StockSnap كان هذا مثالًا توضيحيًّا من خلال خزانة ملابس، بحيث تتكون عناصر التصميم من عناصر أولية وأخرى مركّبة، والتي تحوي بدورها النقاط والخطوط والأشكال والأحجام والعمق والمنظور والمساحات والمسافات والإطار والنصوص والخطوط والصور وغيرها. بينما تضم مبادئ التصميم كلًّا من التكرارية والتباين والإيقاع والتوازن والبساطة والوظيفية والتقارب والهرمية والنسبة والتناسب والانسيابية والمحاذاة والتكوين والتركيز والحركة والوحدة. وباستخدام العناصر بشكل صحيح مع مراعاة المبادئ السليمة للتصميم نحصل على تصميم نهائي راقٍ ومميز وخالٍ من العيوب والثغرات. ليس من الضروري أن يحوي جميع العناصر أو أن يراعي جميع المبادئ، فلكل تصميم عناصره ومبادئه الخاصة، ولكن معرفة جميع العناصر والمبادئ أمر ضروري لكل مصمم رسوميات. أدوات تصميم الرسوميات لغير المصممين هناك العديد من التطبيقات عبر الويب أو الأجهزة المحمولة التي تساعد على إنشاء تصاميم مختلفة بدون الحاجة للمعرفة ببرامج التصميم الاحترافية، وهي عبارة عن تطبيقات وأدوات تحتوي في مجملها قوالب جاهزة لأنواع مختلفة من التصاميم، يستطيع أي شخص أن يقوم بتعديلها فقط لتتناسب مع احتياجاته قدر الإمكان. قد تساعد هذه التطبيقات الأشخاص العاديين من غير المصممين على إنجاز مستوىً معين من التصاميم، ولكن مقدار التعديلات للتصميم الجاهز يكون محدودًا ولا يستطيع العميل العادي إجراء تغييرات جذرية على التصميم، كما لا يستطيع إنجاز تصميم احترافي مخصص، حيث تعتمد هذه التطبيقات على البساطة والسهولة في التصميم بحيث لا تتوافر فيها أدوات احترافية يمكن من خلالها إنشاء تصاميم مخصّصة أكثر بحسب رغبة العميل. لكنها جيدة جدًا للتصاميم الجامدة والبسيطة، والتي قد تكون ذات فعالية جيدة، كتصاميم منشورات وسائل التواصل الاجتماعي أو أغلفة قنوات اليوتيوب أو حتى بعض التصاميم الطباعية البسيطة كالملصقات والمطويات وبطاقات المعايدة وبطاقات الأعمال. بعض هذه التطبيقات مجاني بالكامل وبعضها الآخر يقدّم أدوات وقوالب بسيطة مجانية بينما سيتوجب عليك الدفع مقابل أدوات وقوالب أكثر احترافية وهناك بعض التطبيقات غير المجانية. ولعل من أهم وأشهر هذه التطبيقات Stencil وCrello وPiktochart وSnappa وBeFunky. ويمكن تعديل الصور باستخدام برنامج شبيه بالفوتوشوب ولكنه أبسط وأسهل هو تطبيق PIXLR. أو يمكن استخدام تطبيق Vectr كبديل بسيط وسهل لبرنامج الإليستريتور بغية إنشاء تصاميم رسوميات شعاعية. أدوات تصميم الرسوميات للمصممين يحتاج المصمم لأدوات من نوعين لكي تساعده على تحقيق نتائج أفضل، النوع الأول يتمثّل في العتاد المستخدم للتصميم، والثاني يتمثّل في التطبيقات وبرامج التصميم المختلفة. العتاد من المهم أن نعلم بأن أشهر وأعظم المصممين في العالم يستخدمون القلم والكرّاسة في تخطيط النماذج الألوية للأفكار التصميمية التي يجب العمل عليها، وبعد الكثير من الخربشة والتعديل تتبلور فكرة التصميم الأفضل أمامهم لينقلوا تلك الفكرة إلى الحاسوب لاحقًا و يتابعوا العمل عليها. ومع ذلك إن لم يكن لديك رغبة في استخدام القلم والكرّاسة فلا داعي للاحباط، فهناك العديد من المصممين الرائعين الذين يعملون بشكل مباشر على البرامج التصميمية بدون اللجوء للقلم والكرّاسة، وعليه فإن أول أداة للتصميم هي الحاسوب نفسه، ولن ينفع أي حاسوب للتصميم عليه ببساطة، فكلما كان المعالج أسرع ومن جيل أحدث، كان الأداء العام للحاسوب أثناء التصميم أفضل، كما يستلزم توافر ذاكرة عشوائية كبيرة إضافة إلى سعة كبيرة لقرص التخزين، وتعتبر أقراص التخزين من نوع SSD أفضل وأسرع من نوع HDD. كما سنحتاج إلى لوحة مفاتيح وفأرة مميزة بحيث تتوافر في الأسواق فأرة بدقة حركة تصل إلى 2400dpi أو حتى أكثر مما يساعد على تحريك المؤشر أثناء التصميم بدقة أعلى وثبات أكبر. ويجب اختيار طاولة حاسوب خاصة وكرسي مريح، حيث سيضطر المصمم للجلوس ساعات طويلة يوميًا، ما قد يؤثر على صحته وبالتالي يخفف من إنتاجيته. ويجب اختيار شاشة كبيرة قدر الإمكان لكي تظهر جميع عناصر وأدوات التصميم بوضوح أكبر، وتوفير الراحة للعين أثناء النظر المستمر للشاشة. جهاز Wacom اللوحي للرسم - الصورة بواسطة Steve Buissinne من موقع Pixabay ولعل من أكثر الأدوات احترافية للتصميم هو لوح الرسم، وهو عبارة عن لوح يشبه الأجهزة اللوحية المحمولة، باستثناء أن لا شاشة لديه وإنما فقط لوح بلاستيكي وقلم. ويستخدم في الرسم اليدوي الأساسي إضافة إلى رسم المخططات للتصميم، ورسم الشخصيات وغيرها، ومن أشهر العلامات التجارية لهذه الأجهزة هي Wacom. البرامج والتطبيقات هناك العديد من البرامج الشهيرة المستخدمة في التصميم ومن أشهرها برنامج أدوبي فوتوشوب Adobe Photoshop المتخصص في معالجة الصور بشكل أساسي، ولكنه برنامج غير مجاني، وقد وفّر مجتمع البرامج مفتوحة المصدر بديلًا جيدًا ومجانيًا وهو برنامج جيمب Gimp الذي يؤدي نفس الوظائف. وعلى الرغم من أن الفوتوشوب يبقى أقوى برنامج من نوعه على الإطلاق إلا أن برنامج جيمب قدّم إمكانات رائعة وضخمة ترقى لمستوى الاحترافية. ولإنشاء الرسوميات الشعاعية (Vector) فإن برنامج أدوبي إليستريتور Adobe Illustrator هو الأفضل بلا منازع، لكن برنامج إنكسكيب Inkscape المجاني غيّر نظرة المجتمع التصميمي تمامًا، إذ قدّم مستوىً يفوق التوقعات ويرتقي للاحترافية بقوة. وتتميز الرسومات الشعاعية ( Vector) عن الرسومات النقطية (Raster) التي ينتجها الفوتوشوب أنها لا تتأثر أو تتشوه في حال تغيير الحجم سواء للتكبير أو التصغير ولهذا فهي تحافظ على دقتها العالية بثبات. برامج التصميم - الصورة بواسطة Tranmautritam من موقع Pexels ويتخصص برنامج أدوبي إن ديزاين Adobe InDesign في تصاميم النشر مثل تصميم الكتب والمجلات وأغلفة الكتب ومختلف التصاميم الطباعية، إضافة إلى الكتب الإلكترونية والكتيبات والكتالوجات. للتصميم ثلاثي الأبعاد برامج كثيرة وشهيرة منها برنامج 3D Studio MAX وبرنامج Maya وCinema 4D وغيرها الكثير، إلا أن أسعارها تفوق الخيال، يتعذّر على الفرد اقتناء أحدها، ولكن برنامج بلندر Blender حلّ هذه المشكلة لكونه مجاني وقوي ويفي بالغرض تمامًا. وبرز مؤخرًا تصميم الرسوميات البيانية المتحركة أو ما يعرف بالموشن جرافيك Motion Graphic والتي يشيع استخدامها لشرح خدمة أو تقديم منتج أو طرح قضية وحتى كمقدمة لفيديوهات قناة يوتيوب، وأقوى برنامج يقوم بذلك النوع من التصاميم هو أدوبي أفتر إفكتس Adobe After Effects ولا يقتصر عمله على هذا المجال إذ يمكن من خلاله تعديل الفيديو أيضًا. وهناك برامج أخرى بحسب الاختصاصات المتنوعة مثل برامج خاصة بتحرير الفيديو وبرامج أخرى للتصميم الإنشائي وتصاميم الديكور وبرامج لإنشاء وتحرير الرسومات الكرتونية وبرامج تصميم واجهات المستخدم وغيرها. ماهي شروط تصميم الرسوميات الجيد؟ أصبحت مهنة تصميم الرسوميات مهنة قائمة بحد ذاتها ولها تخصصات وجامعات وأكاديميات، وباتت مطلوبة بكثرة من قبل المؤسسات والشركات، كما أن لها نسبة كبيرة إن لم تكن الأكبر في وظائف العمل الحر حول العالم. ولتتمكن من الارتقاء بمهنتك هذه، يجب عليك مراعاة عدة أمور، منها أن تكون ملمًا بأحدث التقنيات المستخدمة في التصميم ومتابعًا لآخر البرمجيات والعتاد المتعلق بهذا الأمر، فالإصدارات الحديثة من إنكسكيب وجيمب تقدّم مزايا وأدوات لا تتوافر في القديمة منها. يجب أن تكون مطّلعًا بشكل دائم على اتجاهات السوق لتتمكن من مواكبة اتجاهات التصميم في كل حقبة زمنية، من الجيد التفكير خارج الصندوق وتقديم أفكار جديدة وجريئة خارج الإطار العام، لكن معظم العملاء يفضلون الاتجاهات المضمونة بغية تحقيق الهدف من التصميم. من أهم العناصر التي تشكّل الفارق بين التصميم الجيد وسواه عنصر الخط، إذ يتوجب عليك مراعاة مسألة عائلات الخطوط وتناسقها، وفهم طبيعة التصميم لاختيار الخط المناسب وحجمه وخصائصه. يجب عليك الإلمام بسيكولوجية الألوان وفهم معانيها وتأثيرها لتتمكن من توظيفها بشكل صحيح في التصميم بحسب اتجاه وهدف التصميم. كما يجب اتباع كافة قواعد التصميم الأساسية واستخدام العناصر بالطريقة الأمثل مع مراعاة مبادئ التصميم المعروفة، فالتصميم الجيد يراعي كافة النواحي ويولّد أثرًا بالغًا في الجمهور المستهدف ويرسخ في أذهانهم من خلال إيصال الرسالة وتحقيق الهدف المنشود من التصميم. ما الذي أحتاجه لأكون مصمم رسوميات؟ لن تحتاج بالضرورة إلى أن تمتلك موهبة في الرسم أو التخطيط للعمل في التصميم، حيث أن العديد من المصممين لا يملكون هذه الموهبة إلا أنهم أبدعوا باستخدام برامج التصميم وحققوا نتائج باهرة، وإن توافرت هذه الموهبة فذلك سيكون أفضل ويدفعك خطوات للأمام متفوقًا على الآخرين، ويجب أن تمتلك حسًّا فنيًّا، كما يجب أن تتقبل النقد لأن من غير الممكن أن يكون جميع عملائك متقبّلين لتوجهاتك التصميمية ورؤيتك الفنية، فقد يرفض عميل ما أحد تصاميمك ليعجب بها عميل آخر ويدفع لك بسخاء مقابلها، حصل هذا كثيرًا مع جميع المصممين. لا يجب أن يؤثر النقد سلبًا على أدائك ونفسيتك لأن ذلك سينعكس سلبًا على تصميماتك، بل يجب أن يكون هذا النقد دافعًا لك لتتحسن أكثر وتبحث في أسباب رفض ذلك العميل لتصميمك وتطوّر قدرتك على التواصل ودراسة وفهم أفكار العملاء كافة. ويجب أن تكون قادرًا على إيجاد حلول للمشاكل التي تبرز أمامك، إضافة إلى مهارات التواصل المطلوبة لتتمكن من التواصل مع أعضاء فريقك أو مع العملاء مباشرة. مصمم رسوميات - الصورة بواسطة Anthony Shkraba من موقع Pexels في الدول غير العربية سيكون حصولك على شهادة أكاديمية أحد أهم المؤهلات المطلوبة للحصول على الوظيفة إضافة إلى معرض أعمالك الذي يبرز مهاراتك ومقدراتك، ولكنها ليست شرطًا أساسيًا في العالم العربي، إلا أن معرض الأعمال مهم للغاية لإقناع الآخرين بتوظيفك. فعندما تتقدم لمشروع ما على موقع مستقل مثلًا فإن معرض أعمالك هو أكثر ما يدفع أصحاب المشاريع للتعامل معك، لذلك يجب الاعتناء بمعرض الأعمال والقيام بالتصاميم في كل وقت حتى أوقات الفراغ لإبراز المهارات، وإثراء معرض أعمالك أكثر. ويمكنك اتباع خطوات عملية لتبدأ مسيرتك في عالم تصميم الرسوميات بشكل ناجح: ابحث عن مصدر للمعلومات التدريبية الخاصة بتصميم الرسوميات ويفضّل أن تكون دراسة أكاديمية لفهم كافة نواحي التصميم وليس فقط معرفة استخدام برامج التصميم، لأن ذلك ليس كافيًا ولن يوصلك للاحترافية بسهولة، فإن استطعت إيجاد جامعة أو أكاديمية تتمكن من الدراسة بها فذلك أفضل، إذ ستتعلم أساسيات ومهارات التصميم بشكل صحيح، وستحصل على شهادة أكاديمية تساعدك على شق طريقك في عالم أعمال تصميم الرسوميات بسهولة لاحقًا. في حال عدم إيجاد مصدر أكاديمي للدراسة فسوف تبدأ بالبحث بشكل فردي عن مصادر بديلة على الإنترنت أو في المكتبات لدراسة وفهم التصميم، وهذه السلسلة هي أفضل دليل يمكنك البدء به لفهم أساسيات ومبادئ تصميم الرسوميات، كما يتوفر في أكاديمية حسوب ومواقع عربية أخرى دروس ومقالات عديدة تغطي هذا المجال. درّب نفسك ذاتيًا على استخدام أدوات وبرامج التصميم المختلفة، ويمكنك متابعة الدروس والمقالات وكذلك شروحات الفيديو لتتعلّم استخدام هذه الأدوات وإنجاز التصاميم. بعد أن تبدأ في التعلّم وتتمكن من استخدام برامج التصميم مع فهم كامل لقواعد وأساسيات التصميم، ابدأ بالعمل على معرض أعمالك، وليكن منوّعًا ومتضمنًا لتصاميم مختلفة واحرص على جعل تصاميمك احترافية ولافتة للنظر وكلما كان معرض أعمالك أكبر وتصاميمك احترافية وبارزة أكثر، زادت فرص نجاحك كمصمم رسوميات. يمكنك أن تجمع معرض أعمالك على مواقع متخصصة مثل Behance أو Adobe أو يمكنك الاستعانة بصفحة معرض أعمالك على مواقع العمل الحر كموقع مستقل . تعلّم كيفية إدارة الوقت، فبعد أن تصبح مصممًا قد تضطر للعمل على أكثر من مشروع في نفس الوقت، وحتى لا تفشل في تنفيذ كافة المشاريع قم بدراسة مشاريعك بدقة وارسم مخططًا زمنيًا للعمل عليها بغية الحفاظ على الإنتاجية العالية. من المهم جدًّا أن تتعلم اللغة الإنجليزية ولو بدرجة متوسطة على الأقل حتى تتمكن من استخدام برامج التصميم المختلفة، لأن اغلبها لا تتضمن واجهات باللغة العربية وخصوصًا البرامج الاحترافية الأهم مثل الفوتوشوب والإليستريتور وغيرها. مع أن البعض قام بتوفير ملفات تعريب واجهات تلك البرامج إلا أن التعريب ناقص ولا يشمل كافة الأدوات والقوائم، وكذلك جميع الدروس والدورات التعليمية لهذه البرامج تتضمن الواجهات الإنجليزية حتى وإن كانت الدروس باللغة العربية وهذا سيسبب ارباكًا في تعلمك وعملك على هذه البرامج. تصميم الرسوميات - الصورة من موقع PxHere خاتمة تصميم الرسوميات أو التصميم الجرافيكي مهنة مميزة وممتعة، وكأي مهنة أخرى فيها صعوبات ومشاكل، وللوصول إلى الاحترافية فيها يجب فهم كافة قواعدها وأساسياتها، ومتابعة كل جديد فيها باستمرار. لا يمكن لمصمم ما أن يدّعي أنه احترف التصميم بشكل كامل ولم يعد بحاجة لتعلّم المزيد، بل حتى أكبر وأشهر المصممين يستمرون بالتعلّم والتجريب ومتابعة آخر التطورات في عالم التصميم للبقاء مستمرين في عملهم وتثبيت موثوقيتهم على الدوام. في المقال التالي سنبدأ بالحديث عن عناصر التصميم ومن ثم مبادئ التصميم، لذلك استعد للبدء في تعلّم وفهم أساسيات تصميم الرسوميات بالطريقة الصحيحة وليس عبر تعلّم برامج التصميم بشكل مباشر دون وعي وفهم لمبادئ وأساسيات التصميم بحد ذاته.

تصبح التصاميم حيوية ومفعمة بالحياة والحركة عند إضافة الصور والرسوميات إليها. فالصورة لها تأثير فعّال إن استخدمت في موضعها الصحيح ضمن التصميم أو المحتوى، وكما يقال دومًا في أوساط المصممين "الصورة بألف كلمة"، حيث يمكن للصورة أن تساعد الجمهور على فهم الرسالة المطلوب إيصالها من خلال التصميم بسرعة أكبر من الكلمات، ولكن عند استخدامها يجب مراعاة مبادئ التصميم المتعلقة بها مثل التباين والمحاذاة وغيرها. ولتحقيق أقصى استفادة منها في التصميم يجب اتباع قواعد معينة، كما يجب علينا أن نختار مصادر هذه الصور بعناية، إذ يوجد مصادر مجانية وأخرى ليست كذلك. لنتعرّف بداية على القواعد الواجب اتباعها عند استخدام هذه العناصر. قواعد استخدام الصور هي تعليمات وتلميحات تفيد في بناء تصميم ذو جودة عالية ويحقق تجربة مستخدم ممتازة وقد تبنّاها المصممون وشركات التصميم بناءً على الخبرة والمعرفة والتجربة، ويختلف موضع استخدام هذه القواعد باختلاف نوعية التصميم والهدف منه ومكان استخدامه، فقد تصلح بعض القواعد لاستخدامها على تصاميم منشورات مواقع التواصل الاجتماعي أكثر من مواضع أخرى. التحضير العديد من الصور جيدة ويمكنك استخدامها مباشرة ولكن ليس دائمًا هي كذلك، فهناك الكثير من الصور تحتاج إلى معالجة كتعديل الألوان والتباين والمستويات، وقد نحتاج أحيانًا إلى جزء من الصورة فقط وليس إليها كاملة لذا سنعمد إلى قطع الأجزاء المطلوبة. كل هذا يستوجب منا العمل على معالجة الصورة قبيل استخدامها في التصميم وذلك عبر أحد برامج معالجة الصور، مثل: أدوبي فوتوشوب، أو جيمب، أو عبر تطبيقات الويب مثل بكسلر (راجع مقال برامج تصميم الرسوميات). هذه الصورة من موقع piqsels وهي مجانية ولكنها بحجم كبير جدًا 3989x5983px لذلك لا يمكننا استخدامها بحجمها الحالي للتصميم. صُغّرت حجم الصورة وعولجت ألوانها لتتناسب مع غرض التصميم الاقتران لكل صورة معنى ودلالة، ولكن هل جربت وضع صورتين بجانب بعضهما مثلًا؟ إن اخترت صورتين بطريقة صحيحة ستحصل على معنى مختلف للصورة الأولى. إذًا يمكننا استخدام الاقتران للحصول على معنى جديد من خلال وضع صورتين متجاورتين بحيث نضيف المزيد من المعاني وتفيد في سرد قصة أو رواية بسيطة من خلال الصور فقط دون الحاجة للكلمات. في الصورة التالية نجد رجلًا يشعر بالضيق، ولكن إن وضعنا بجوارها صورة أخرى مناسبة فسوف نحصل على معنى أكثر تفصيلًا وتتحدث الصورة الجديدة المجمعة من كلا الصورتين قصة كاملة بدلًا من الكلمات. هذه الصورة الأولى للرجل الذي يشعر بالضيق - الصورة بوساطة Alex Green من موقع Pexels لاحظ كيف ظهر المعنى بصورة مختلفة نوعًا ما حيث يظهر على الرجل الشعور بخيبة الأمل بسبب تأخر الوقت. التعليق يستخدم هذا الأسلوب على الأغلب في منشورات مواقع التواصل الاجتماعي وفي المدونات، حيث يتم وضع تعليق معين على الصورة نفسها بغرض شرح الصورة أو إيصال رسالة معينة من خلال الصورة، لأن الصورة التي تتضمن تعليقًا سترسخ في الأذهان أكثر من مجرد تعليق مكتوب بدون صورة. في المثال التالي ستجد تعليقًا عاديًا مكتوبًا في صفحة أو منشور أو تدوينة وهي حكمة من أقوال الراحل ستيف جوبز. ويمكنك التحقق من المثال التالي الذي وضعنا فيه صورة ستيف نفسه ومقولته كتعليق بداخل الصورة وهذا جعل المحتوى والمتمثل بالمقولة هنا أكثر إثارة للاهتمام وراسخة أكثر في الذهن من الطريقة الأولى التي لم نستخدم فيها الصورة. مراعاة لوحة الألوان والهوية البصرية عندما تعمل على استيراد رسومات شعاعية أو أيقونات جاهزة من موقع ما، فإن هذه الرسومات قد تختلف ألوانها عن النمط العام المتبع في تصميمك كما في حالة تصميم الواجهات، لذلك يجب العمل على هذه الرسومات عبر تغيير ألوانها لتتناسب مع النمط العام المتبع في التصميم عبر استخدام ألوان لوحة الألوان الخاصة بالتصميم والتي قد تتوافر تلقائيًا في كتيب إرشادات الهوية البصرية للعلامة التجارية في حال توافر هذا الكتيب، أو قد يضطر المصمم إلى استخدام رؤيته الفنية لتعديل الألوان لتتناسب مع نمط ألوان التصميم. في حال حصول المصمم على الرسومات أو الأيقونات بصيغة المصدر المفتوح فإن تعديلها سيكون سهلًا عبر استخدام البرنامج المناسب بحسب صيغة الملف، وإلا فسيكون على المصمم العمل عبر برنامج الفوتوشوب بصورة رئيسية لتعديل الملفات للرسومات والأيقونات غير المصدرية وغير القابلة للتعديل ببرنامج تصميم الرسومات الشعاعية، وهنا سيستخدم مهاراته في تعديل الصور والرسومات عبر الفوتوشوب للحصول على الرسوم بالألوان المطلوبة. وأيضًا يجب مراعاة نوعية تصاميم الهوية البصرية أو النمط العام للتصميم عند اختيار هذه الرسومات والأيقونات، من حيث وزن خطوط الرسومات وحدة انحناءاتها. وذلك لتطبيق مبادئ الوحدة والتكرارية في التصميم، راجع مقال مبادئ تصميم الرسوميات. ولشرح هذا الأمر سنستعرض المثال التالي، إذا أردنا إدخال رسوميات كأيقونات ضمن هذا الموقع الذي صممناه كتجربة. وأحضرنا مجموعة أيقونات جاهزة كما في الشكل التالي. مجموعة الأيقونات الرسومية هذه من موقع Freepik. ثم أدخلنا الأيقونات المطلوبة ضمن الموقع دون تعديل، ستبدو كما يلي. نلاحظ أن ألوان الأيقونات لا تتناسب مع نمط ألوان الموقع لذلك سنعمل على تعديل ألوان الموقع كما يلي. الآن أصبحت رسومات الأيقونات متناسبة ومتناسقة مع نمط ألوان الموقع وحققنا مبدأ الوحدة في التصميم. التركيز على الجمهور اختيار الصور التي تستخدمها في تصاميمك مسألة تتعلق بنوع الجمهور المستهدف، حيث يجب التفكير في نوعية الجمهور المستهدف وموضع استخدام التصميم سواء أكان مطبوعًا أو للشاشات، ونوعية المواقع التي سيعرض عليها التصميم مثل المدونات أو مواقع التواصل الاجتماعي أو غير ذلك، ويجب التأكد من أن الصورة المستخدمة ذات صلة بالتصميم وتثير المشاعر الصحيحة. ففي المثال التالي استخدمتُ طائر البوم لتصميم حملة إعلانية تدعو للاستثمار في مقاطعة (بابنيكا)، ولكن استخدام رسمة البوم هنا خاطئ لأن هنالك فهمًا شائعًا يربط طائر البوم بالتشاؤم من هذا الطائر ويعد ظهوره فألًا سيئًا، لذلك لن تنجح الحملة الإعلانية في جذب شريحة من المستثمرين لأن من يؤمن بالتشاؤم من طائر البوم لن يستجيب للإعلان. مراعاة التصميم المتجاوب أصبحت هذه المسألة ملحة، فعند عرض صورة أو رسم معين على شاشة الحاسوب أو التلفاز فإنك لن تعاني من أية صعوبات تذكر في حال عرضت كامل الصورة، بينما ستكون الصورة صغيرة الحجم والتفاصيل غير واضحة في حال عرضها على شاشات الهواتف المحمولة، الأمر الذي يضيّع الهدف من استخدام الصورة، لذلك يجب استخدام صورة يمكنك أن تقصها ضمن أطر محددة مع إمكانية تكبيرها قليلًا حتى تكون جيدة للرؤية في الشاشات الصغيرة. كما يجب مراعاة استخدام الصورة ذاتها أحيانًا في منشورات وسائل التواصل الاجتماعي أو في غلاف هذه المواقع وحتى في صور الملفات التعريفية، لهذا يجب الانتباه إلى هذه المسائل قبل اعتماد الصورة في التصميم. الصورة بواسطة Italo Melo من موقع Pexels التأكد من حقوق الملكية يجب التحقق دومًا من حقوق الملكية لأي صورة نريد باستخدامها، فمع أنه يوجد العشرات من مخازن الصور المجانية على الإنترنت إلا أنها لا تفي بالغرض في بعض الأحيان حيث تكون الصورة المطلوبة نادرة أو بكميات محدودة أو غير متوفرة حتى، فلو جربت البحث عن صور رسومات الكهوف على سبيل المثال فإنك ستجد عددًا قليلًا محدودًا من هذه الصور بالمجان وهي ليست منوعة ولا بالجودة المطلوبة، بينما يمكنك أن تجد العشرات وربما المئات منها في مخازن الصور غير المجانية بدقة وجودة عاليتين. لكن تبقى مخازن الصور المجانية جيدة كفاية لمعظم التصاميم ونادرًا ما ستحتاج لصور غير مجانية. ومن السهل معرفة حقوق ملكية الصورة من المخازن المستخدمة ولكن من الصعب معرفتها من مواقع الويب الأخرى كالمواقع الإخبارية أو المدونات أو الموسوعات أو حتى من محركات البحث، وفي معظم الحالات تكون الصورة محفوظة الحقوق لتلك المواقع، والحل الوحيد لاستخدامها هو أخذ الإذن من مالكها ضمن شروطه هو، فقد يطلب الإشارة إلى موقعه أو إلى اسمه أو قد يطلب قيمة مالية معينة لقاء تلك الصورة. وفي حال استخدمت صورًا محمية بدون الحصول على الترخيص أو التصريح الذي يسمح لك باستخدامها فإن ذلك سيتسبب في مشكلة كبيرة لعملائك اللذين صممت لهم علامتهم البصرية حيث أن علامتهم التجارية لن تتصدر محركات البحث وقد لا تعرض أبدًا بل وقد يحذف المحتوى الخاص بهم بسبب حقوق ملكية الصور المستخدمة في تصميم علامتهم التجارية. نلاحظ كيف أن الصورة مجانية بما في ذلك للاستخدام التجاري ولا يترتب أية التزامات على استخدامها - الصورة من واجهة موقع Pixabay مصادر الصور والرسوميات هناك الآلاف من المصادر المتنوعة للصور والرسوميات عبر الإنترنت، البعض منها ذات حقوق ملكية وتحتاج لشراء ترخيص من الموقع لاستخدام الصور، والبعض الآخر ذو تراخيص مجانية بشروط معينة، ويوجد مواقع تمنحك صورًا مجانية بالكامل دون شروط. لنستعرض أهم هذه المواقع. مصادر الصور والرسوميات ذات حقوق ملكية سنستعرض هنا أهم المواقع التي تقدم صورًا ورسوميات ذات حقوق ملكية ولتتمكن من استخدام صورها ورسومياتها فعليك شراء الترخيص لذلك، ولكن حتى الترخيص له أنواع، فهناك تراخيص تسمح لك باستخدام الصور شخصيًّا ولا تسمح لك بالاستخدام التجاري وأخرى تسمح لك باستخدامه في موضع واحد أو أكثر وهناك تراخيص تسمح لشخص واحد أو عدة أشخاص باستخدام الصورة. يوجد تراخيص بأنواع كثيرة تحدد كيفية استخدام الصورة أو الرسوميات بطريقة محددة ولكل ترخيص منها سعره الخاص. Shutterstock: يحتوي على صور فوتوغرافية ورسوميات نقطية وشعاعية. Adobe Stock: يحوي صور وفيديوهات ورسوميات وصوتيات ونماذج ثلاثية الأبعاد. Getty Images: يحوي صور فوتوغرافية وفيديوهات فقط. DepositPhotos: يحوي صور وفيديوهات ورسومات شعاعية ورسوميات فنية. Creative Market: ويحوي كل شيء تقريبًا من الصور والخلفيات والخامات والملمس والرسوميات الشعاعية والفنية والأنماط والأيقونات والشعارات والقوالب لكل أنواع التصاميم والنماذج ثلاثية الأبعاد والخطوط وغيرها. StockUnlimited: يضم الصور الفوتوغرافية والرسوميات الشعاعية والأيقونات. istockphoto: يحوي صور فوتوغرافية ورسوميات شعاعية وفنية وفيديوهات. fotolia: يحوي صور فوتوغرافية ورسوميات شعاعية وفنية وفيديوهات أيضًا. iclipart: يحوي قصاصات فنية (كليب آرت) وصورًا وفيديوهات ورسوميات شعاعية وفنية ورسومات متحركة وغيرها. Bigstock: يحوي صور وفيديوهات فقط. dreamstime: يحوي صور وفيديوهات عالية الدقة. 123rf: يحوي صور وفيديوهات ورسوميات شعاعية وصوتيات. مصادر الصور والرسوميات المجانية هناك عدة أنواع للصور والرسوميات المجانية، حيث يوجد مصادر تسمح باستخدام الصور والرسوميات بترخيص المشاع الإبداعي Creative Commons وله أنواع منها المجاني بالكامل أو ما يطلق عليه النطاق العام Public domain ويعرف أيضًا بالترخيص CC0 ويمكنك الاطلاع على جميع التراخيص وسماتها الخاصة من خلال ويكيبيديا أو من خلال موقعهم الرسمي، المهم أنه يجب فهم تراخيص الصور والإيفاء بالتزاماتنا تجاهها. هذا رسم توضيحي يبين أنواع تراخيص المشاع الإبداعي وسمات كل منها. وإليك أهم مصادر الصور المجانية بمختلف التراخيص: Freepik: يتضمن مجموعة كبيرة من الصور ولكنه مختص أكثر بالرسوميات الشعاعية والفنية النقطية، وهو من أشهر المصادر التي يعتمد عليها المصممون. ومع أن غالبية محتوياته مجانية للتحميل إلا أن ذلك بشرط إسنادها إلى الموقع. Unsplash: يحوي صورًا مذهلة من المصورين المحترفين والمبتدئين. Pixabay: أكبر مجموعة من الصور والرسوميات الشعاعية والفنية المجانية عبر الإنترنت. Gratisography: مجموعة من الصور للمصور الموهوب ومصمم الرسوميات Ryan McGuire. Pexels : صور مجانية ضمن النطاق العام من جميع أنحاء العالم. Pikwizard: مصدر ممتاز إذا كنت بحاجة إلى صور ذات مظهر طبيعي للأشخاص. Negative Space: موقع صور مجانية من المصورين الصاعدين. StockSnap.io: يضيف الموقع مئات الصور يوميًا ويتم إصدار جميع الصور ضمن النطاق العام للمشاع الإبداعي CC0. Burst: هو مصدر من شوبيفي Shopify يوفر صورًا مجانية لصالح رجال الأعمال. بعض الصور مرخصة بموجب الترخيص Creative Commons CC0 بينما تندرج الأخرى تحت رخصة الصورة الخاصة بشوبيفي. Reshot: هي مكتبة ضخمة من الصور المجانية المنتقاة بعناية والتي لن تجدها في أي مكان آخر. unDraw: أنشأت كاترينا ليمبيتسوني مكتبة من الرسوم البيانية المذهلة والقابلة للتخصيص والمرخصة من معهد ماساتشوستس للتكنولوجيا، إنها مجانية وليس هناك حاجة للإسناد أيضًا. flaticon: يضم أكثر من 4 ملايين أيقونة على شكل رسوميات شعاعية ونقطية. Vector4Free: تضاف كل يوم الرسوميات الشعاعية المجانية بواسطة فنانين من جميع أنحاء العالم وتتراوح من الرسوم الكرتونية الهزلية إلى الرموز والرسوم البيانية الخاصة بالأعمال والتكنولوجيا. ترخيصهم يفرض الإسناد إليهم. Vecteezy: يحتوي Vecteezy على أكثر من 100000 من الرسوميات الشعاعية المجانية، ويدّعي أنه أكبر مجتمع للرسوميات الشعاعية في العالم، بعض رسوماته مجانية بشرط الإسناد والأخرى ليست مجانية. Free Vector: يحوي مجموعات من الشعارات والرسوميات الشعاعية والأيقونات والفئات لتسهيل البحث. هناك أكثر من 16000 صورة متوفرة. بعض رسوماته مجانية بشرط الإسناد والأخرى ليست مجانية. خاتمة بعد معرفتنا بقواعد استخدام الصور والرسومات في التصاميم، وأهم مصادرها والفرق بينها، أصبح بإمكاننا الآن البدء في تحضير وتجهيز الصور لاستخدامها في تصاميمنا دونما قلق وبثقة كبيرة، حيث يمكننا التعبير عن محتوى التصميم بسهولة، وإيصال الرسالة بطريقة سلسة وواضحة وسريعة.