بسم الله الرحمن الرحيم

وبه نستعين

التصميم الجرافيكي / خصائص الشبكات - التأكيد (1)

Grids Properties: Emphasis (1)

 

التأكيد والتسلسل الهرمي والمقياس

Emphasis, Hierarchy, and Scale

يعتبر "التأكيد والتسلسل الهرمي والمقياس" من أهم الخصائص المرئية في التصميم الجرافيكي ونظم الشبكات Grids / Layout System (وهو تصميم محتويات الصفحة كما في الكتب والجرائد ومواقع الويب وغيره). ويمكن تعريف الثلاث عناصر ببساطة:

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

أما التسلسل الهرمي Hierarchy والمقياس Scale فهم أداتين يستخدمان لعمل مقارنات بين حجم العناصر المرئية في التكوين، وكذلك يستخدما عند مقارنة عنصر بعنصر آخر ولوصف العلاقة بينهم.

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

التأكيد

Emphasis

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

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

التأكيد هو الوسيلة التي يمكن للقارئ من خلالها الوصول إلى التسلسل الهرمي للمعلومات والتعامل مع المحتوي. يقوم مصمم جرافيك بتحديد العناصر التي تحتاج إلى تأكيد لتأخذ أولوية في التصميم بشكل مسبق. هناك العديد من العناصر التي يجب أن يتم إنشائها وفقا لمبدأ التأكيد ومنها عناصر الكتابة مثل العناوين الرئيسية titles or headings، والعناوين الفرعية subtitles or subheads، والنص نفسه narrative text، والتعليقات captions، والاقتباسات quotes وغيره.

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

المحاذاة alignment وحالة وشكل الخط (الفونت) case واللون color والتباين contrast والخطوط المائلة italics ومزج الخطوط mixing typefaces والموقع position والحجم size والمساحة السلبية (المناطق الفارغة) أو المسافة البيضاء بالصفحة أو بين الكلمات والسطور white space ونمط الكتابة type style والوزن weight والإشارات المرئية visual cues.

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

التأكيد / المحاذاة

Emphasis / Alignment

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

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

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

التأكيد / شكل وحالة الحرف

Emphasis / Case

من خلال شكل وحالة الحرف يمكن تحقيق مبدأ "التأكيد". في حالة الكتابة باللغة الإنجليزية، يختار المصمم الكتابة سواء بأحرف كبيرة أو صغيرة، ويعد اختيار شكل الحرف (نوع الفونت font) وسيلة فعالة لإنشاء التركيز والتسلسل الهرمي داخل أي شبكة أو تكوين. تُنشئ أشكال الحروف الكبيرة في النص المستمر تبايناً وتأكيدًا مرئيًا فوريًا.

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

التأكيد / اللون

Emphasis / Color

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

التأكيد / التباين

Emphasis / Contrast

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

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

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

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

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

التأكيد / الخط المائل

Emphasis / Italics

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

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

التأكيد / الخلط بين مختلف الخطوط

Emphasis / Mixing Typefaces

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

عند الاختيار من بين مختلف أنواع الخطوط (الفونتات) يجب مراعاة التمييز البصري والملاءمة بعناية. حيث أن التنوع الزائد بين أنواع الخطوط قد يضر عند التصفح والقراءة فيخلق تجربة صعبة. هناك نوعين من طباعة الحروف معروفين في اللغة الإنجليزية، يتم الاختيار من بينهم حسب الغرض من النص المطبوع وهم استخدام حروف serif و sans serif.

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

التأكيد / الموقع

Emphasis / Position

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

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

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

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

التأكيد / الحجم

Emphasis / Size

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

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

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

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

 

أرجو أن تنال التدوينة إعجابكم وإلى لقاء قريب بإذن الله

 

المراجع والمصادر

مدرسة التصميم - تخطيط الشبكات.

Design School - layout

 

لمزيد من التواصل تابعونا على وسائل التواصل الاجتماعي

حساب "مدونة ألوان" على فيسبوك.

حساب "مدونة ألوان" على انستجرام.

حساب "مدونة ألوان" على تويتر.