البحث في الموقع

من الصعب إحصاء عدد مبادئ تصميم الرسوميات (التصميم الجرافيكي)، حيث يرى بعض المصممين أنها خمسة وآخرون يصرحون بأن العدد أكثر من ذلك، وقد تصنّف بعض المبادئ على أنها من عناصر التصميم الرئيسية من قبل آخرين، كالمساحة مثلًا، حيث يصنفها البعض من ضمن المبادئ وآخرون يصنفونها من ضمن العناصر. سنتطرّق إلى المبادئ الأساسية التي لم يختلف عليها أحد في عالم تصميم الرسوميات، والتي يجب على جميع المصممين المبتدئين والمحترفين اتباعها ومراعاتها أثناء القيام بالأعمال التصميمية. وهنالك مبادئ ونظريات أخرى في عالم تصميم الرسوميات، كنظرية الألوان والجشطالت (Gestalt psychology) والأثلاث وغيرها، وسنتطرّق إليها لاحقًا في هذه السلسلة. وسنشرح تاليًا هذه المبادئ مع توضيح الطريقة الصحيحة لتطبيقها بالرسوم البيانية مع إدراج بعض الأمثلة الحية على تطبيق هذه المبادئ. مبادئ تصميم الرسوميات الرئيسية يجب اعتماد هذه المبادئ دومًا وعدم تجاهلها في التصميم، لأنها تشكّل الفارق الحقيقي بين التصاميم الاحترافية وغير الاحترافية، كما أنها تزيد من قدرة التصميم على التأثير بالجمهور وتحقيق الهدف وإيصال الرسالة، ولكن ليس من الضروري تطبيق جميع هذه المبادئ، بل يطبّق منها فقط ما يحتاجه التصميم. 1. التكرارية Repetition يستخدم هذا المبدأ لتعزيز فكرة ما ضمن التصميم، كما يستخدم لتوحيد التصميم ككل حتى وإن احتوى مزيجًا متنوعًا من العناصر. فالتكرار يربط العناصر الفردية معًا ضمن التصميم الواحد، ويمنح شعورًا بالاستمرارية والتنظيم. ويستخدم التكرار أيضًا في تنظيم الوثائق والمقالات والكتب، فهذه السلسلة من المقالات على سبيل المثال تتبع مبدأ التكرار من خلال التكرار ذاته لتنسيق العناوين والفقرات النصية والصور في كل صفحات وفقرات السلسلة. وهذا ما يربط جميع الأجزاء في هذه السلسلة بعضها ببعض وتشعر من خلال قراءتك لها بالتنظيم والاستمرارية والترابط. كما يمكن إجراء التكرار باستخدام أساليب مختلفة كتنسيق النصوص والألوان والخطوط والأشكال وعناصر أخرى مختلفة. ويستخدم هذا المبدأ في جميع العلامات التجارية، حيث نلاحظ توحيد النمط التصميمي لجميع عبوات المنتجات لماركة معينة، فيوضع الشعار في نفس زاوية العلبة مهما اختلف حجمها ونوع المنتج، كما يُستخدم نفس نوعية الخط ونسبة حجمه لباقي التصميم، ونفس أسلوب الألوان لجميع هذه المنتجات، وهذا يعتبر تكرارًا، وهو ما يمنح ترابط هذه المنتجات جميعها مع العلامة التجارية المالكة لها، كما يرسخ هذه العلامة التجارية في عقول العملاء ويجعلهم يشعرون بارتياح أكبر للتعامل والتفاعل معها. لاحظ في هذا الرسم التوضيحي على اليمين كيفية تطبيق التكرار النمطي الذي يجعل التصميم جذابًا على عكس التصميم الأيسر الذي تجاهل تطبيق هذا المبدأ. النصوص والفقرات في صفحة هذه المجلة تتبع النسق والنمط ذاته في تطبيق واضح لمبدأ التكرارية - تصميم Red Fleece Editorial Newspaper للمصممة Stephanie Toole بترخيص المشاع CC BY-NC-ND 3.0 ترغب في الحصول على تصاميم جرافيك مميزة وجذابة؟ وظّف مصمم جرافيك خبير من مستقل لابتكار تصاميم إبداعية تعكس هوية نشاطك التجاري أضف مشروعك الآن 2. التباين Contrast عند الحديث عن التباين، يفكر الكثير من الناس في تباين الألوان فقط، ولكن يمكنك تطبيق التباين بطرق مختلفة باستخدام اللون والحجم والأشكال والطباعة، فالتباين هو الاختلاف في الخصائص المرئية الذي يجعل كائنًا واحدًا مميزًا عن الكائنات الأخرى. وهذا يعني وجود عنصرين أو أكثر متعاكسين في الخصائص، مثل الداكن والفاتح، الثخين والنحيف، الكبير والصغير، وغيرها من التباينات. ويستخدم هذا المبدأ لتوجيه انتباه المشاهد إلى العناصر الأساسية للتصميم، كما يُستخدم للحفاظ على التمييز بين العناصر المتشابهة في التصميم، وبالتالي تعزيز الوضوح العام للتصميم. التباين في التصميم الأيمن جيد وعنصر النص يبدو واضحًا على عكس التصميم الأيسر. يستخدم التباين أيضًا في التصاميم لمنح الأشكال أو الكائنات وزنًا مرئيًا أفضل وموازنة التصميم بالكامل، كما يتم استخدامه أيضًا لتنظيم جميع العناصر الرسومية الموجودة في التصميم في نفس الوقت الذي يمكنك فيه استخدام تباين الطباعة لتنظيم النص وتعزيز أهم أجزائه. يتم إنشاء التباين عندما يكون عنصران متناقضان تمامًا. على سبيل المثال، يمكن رؤية التباين في التصميم عند الموافقة على الشروط والأحكام عبر الإنترنت حيث يكون خيار "أوافق" بلون داكن، بينما يكون خيار "لا أوافق" بلون أفتح ويبدو أنه يتلاشى. كما في الصورة التالية. لاحظ التباين البارز على زر (أوافق) بغية جذب الانتباه إليه عكس زر (لا أوافق) تباين الألوان الكلاسيكي في تصميم هذا الكتيب جعله مثيرًا للاهتمام وباعثًا على التركيز والرغبة في المشاهدة - التصميم NRV Booklet Design للمصمم Shwin … بترخيص المشاع CC BY-NC-ND 3.0 3. الإيقاع Rhythm من السهل فهم مبدأ الإيقاع باستخدام الموسيقى كمثال، فعندما تستخدم عناصر متكررة في التصميم، ينتج عن ذلك مسافات بين هذه العناصر، وهذا ما ينتج عنه إيقاع مرئي كما يحدث في التراكيب الموسيقية تمامًا، حيث يمكن للمسافات بين العناصر المكررة أن تسبب إحساسًا بالإيقاع، على غرار الطريقة التي تتسبب بها المسافة بين النغمات في تكوين إيقاع موسيقي. وهناك خمسة أنواع أساسية من الإيقاع البصري يمكن للمصممين إنشاؤها، وهي إيقاع عشوائي ومنتظم ومتناوب ومتدفق وتدريجي. الإيقاعات العشوائية هي الإيقاعات التي ليس لها نمط يمكن تمييزه، والإيقاعات المنتظمة تتبع نفس التباعد بين العناصر دون تغيير، وتتبع الإيقاعات المتناوبة نمطًا محددًا يتكرر بالتناوب مع وجود تباين بين العناصر مثل النمط 1-2-3-1-2-3، وتتبع الإيقاعات المتدفقة المنحنيات على غرار طريقة تموج الكثبان الرملية أو تدفق الأمواج، وأخيرًا تتغير الإيقاعات التدريجية مع استمرارها، مع إضافة كل تغيير إلى التكرارات السابقة بالزيادة أو النقصان أو التكبير أو التصغير أو التغيير اللوني وغير ذلك. مثال قوي عن الإيقاع العشوائي المتبع في تصميم الصفحة الرئيسية لموقع The Art Center 4. التوازن Balance يعطي التوازن التصميم شكله وثباته، ولكن هذا لا يعني أن العناصر يجب أن تكون بنفس الحجم أو اللون، أو أن كل شيء يجب أن يكون متماثلًا. بل يتعلق الأمر بمساعدة عين المشاهد في التنقل عبر المحتوى بطريقة مريحة ولا تُشعره بالغرابة بسبب اختلال توازن التصميم. فكل عنصر من عناصر التصميم مثل النصوص والألوان والصور والأشكال والأنماط وما إلى ذلك يحمل وزنًا بصريًا. والوزن البصري هو المساحة البصرية التي يشغلها العنصر، وكمية الانتباه التي يأخذها من المشاهد. هناك عناصر ثقيلة وتجذب العين، وأخرى أخف ولا تلفت الانتباه، ويجب أن تبتكر طريقة لتوزيع هذه العناصر على الصفحة لمنح الإحساس بالتوازن. هناك نوعان أساسيان من التوازن: متماثل وغير متماثل. يتشكل التوازن المتماثل من التصميم على طول محور عمودي أو محور أفقي، حيث يٌقسّم وزن العناصر بالتساوي إلى جانبي التصميم، فتتشابه العناصر في طرفي التصميم. ويستخدم التوازن غير المتماثل عناصر مختلفة من حيث الشكل والحجم واللون بين طرفي التصميم، ما يجعل توفير التوازن في هذه الحالة صعبًا ويتطلب رؤية المصمم الخاصة وإدراكه لتحقيق التوازن. عناصر التصميم الأيمن متوازنة على جانبي التصميم على عكس التصميم الأيسر حيث أن العناصر في النص الأيمن منه أثقل بصريًّا من الأيسر. هل ترغب في تعلم تصميم الجرافيك عبر الإنترنت؟ استعن بأفضل خبراء تصميم الجرافيك على خمسات لإكسابك مهارات التصميم الاحترافي اطلب خدمتك الآن 5. البساطة Simplicity البساطة تعني تخفيف كم ونوع العناصر والمكونات في التصميم، ولا يعني بالضرورة أن يكون التصميم مغطى بمساحات بيضاء، فالتصميم البسيط يجبر كل من يشاهده على القول إنه بسيط ولكن جميل. قد يظن بعض المصممين من المبتدئين أن التصميم البسيط لن يكون مثيرًا للاهتمام ولن يشد أعين المشاهدين إليه، إلا أن التصميم الجيد وخصوصًا إن كان بسيطًا، سيترك أثرًا كبيرًا في نفوس المشاهدين له. ويعمل التصميم البسيط على إيصال الرسالة بشكل سريع ومفهوم وبسيط للجمهور على عكس التصاميم المعقّدة. نستطيع تطبيق البساطة في التصميم عبر تجنب الكم الهائل من العناصر المرئية، ويجب أن نحاول الحصول على فكرة واحدة قوية بدلاً من دمج الكثير من المكونات للوصول إلى النتيجة ذاتها. ولذلك فإن تطبيق البساطة على أي تصميم يحتاج لخبرة ووعي كبيرين، فلا يستطيع أي مصمم أن يحقق الهدف من التصميم البسيط وأن يمنح الشعور بالرفاهية والأناقة في تصميم بسيط. أحد أبرز الأمثلة على قوة التصاميم البسيطة هو شركة آبل، حيث اتخذ الرئيس التنفيذي للشركة ستيف جوبز من البساطة عنوانًا لتصاميم الشركة. هذه عبارة قوية جدًا بشأن البساطة ولكنها نتائجها العملية يعلمها جميع عملاء الشركة، فإن طرحت السؤال التالي على أي شخص يمتلك أحد أجهزة الشركة كالآيفون وغيره، ما الذي يعجبك فيه؟ سيكون الجواب عفويًا، "إنه بسيط"، مع أنه لن يستطيع أن يشرح لك لماذا هو بسيط، إلا أن هذا دليل على قوة وأناقة التصميم البسيط لأحد أكثر الأجهزة قوة وتعقيدًا التصميم الأيمن بسيط ومريح للنظر والمتابعة على عكس التصميم الأيسر حيث اعتمد التعقيد ما سبب عدم الارتياح لمشاهدته. 6. التقارب Proximity لا يعني التقارب أن نقوم بجمع العناصر أو المكونات معًا لتحقيق التقارب، فالتقارب عمليًّا هو إنشاء علاقة بين العناصر من خلال سمات معينة كاللون والنوع والحجم وحتى الخط. ويساعد على تشكيل الاتصال البصري بين تلك العناصر كما يمكن أن يتحقق ذلك بتقريب المسافة بين تلك العناصر أو بإنشاء عنصر جديد يصل بين العناصر البعيدة، ويحافظ على وحدة التصميم وعلى استمراريته وانسيابيته، ويساعد على توجيه تركيز المشاهد إلى نقطة معينة، إضافة لوظيفته المهمة في تنظيم عناصر التصميم. العناصر متقاربة ومنتظمة في التصميم الأيمن على عكس التصميم الأيسر الذي تباعدت فيه العناصر عن بعضها ما يؤثر سلبًا على جودة التصميم. 7. الهرمية Hierarchy الهرمية مبدأ مهم من مبادئ تصميم الرسوميات والتي تعتمد على إنشاء تسلسل تنازلي للعناصر من حيث الأهمية، بحيث يكون العنصر الأهم أولًا فالذي يليه. ويتم تحديد مستوى هذه الأهمية من خلال زيادة الوزن البصري للعنصر ويتم ذلك عبر زيادة الحجم للعناصر والنصوص أو من خلال زيادة ثقل سمات النصوص فحسب، أي الخط الثخين يليه الخط الرفيع. ما يساعد على شد انتباه المشاهد إلى العنصر الأكثر أهمية ويوجه نظره إليه مباشرة، ومن ثم يتابع النظر تسلسليًا إلى العنصر الأقل أهمية فالذي يليه. وبهذا يُوجّه المشاهد نظره باتجاه محدد ويساعد على تنظيم المحتوى بشكل أنيق ومدروس. لاحظ تطبيق هذا المبدأ بصورة صحيحة في التصميم الأيمن بحيث أن العنوان الرئيسي هو الأكبر حجمًا لأنه العنصر الأهم على عكس التصميم الأيسر. يظهر مبدأ الهرمية في عناصر النصوص ضمن التصميم لصفحة الهبوط هذه - التصميم Landing pages للمصمم Saurabh Sharma بترخيص المشاع CC BY-NC-ND 3.0 8. الانسيابية Fluidity الانسيابية في التصميم تشبه الهرمية من حيث المبدأ، ففي الهرمية تترتّب العناصر من حيث الأهمية، فنبدأ بالعناصر الأهم وصولًا إلى الأقل أهمية. أما في الانسيابية، فلا يتوقف تسلسل العناصر بهذه الطريقة بل تستمر من العنصر الأقل أهمية إلى الأكثر أهمية ثم تتابع العناصر تدرّجها ولكن هذه المرّة إلى الأقل أهمية أيضًا، أو العكس من الأكثر أهمية إلى الأقل ثم إلى الأكثر أهمية مجدّدًا. ويُعرف هذا المبدأ بالتدفق أيضًا، والغرض منه توجيه عين المشاهد باتجاه محدّد بحسب اتجاه التدفق أو اتجاه انسياب تسلسل العناصر بحسب الأهمية. لاحظ كيفية تدفق العناصر بانسيابية في التصميم الأيمن من الأصغر والفاتح في الأعلى إلى الداكن والأكبر في الوسط ثم إلى الأصغر والفاتح في الأسفل، عكس التصميم الأيسر الذي يشعرك بالفوضى وعدم الراحة للمشاهدة. 9. المحاذاة Alignment وهو توزيع وترتيب العناصر على محور واحد وهمي، ما يصنع اتصالًا مرئيًّا بين العناصر المختلفة. ويساعد تطبيق هذا المبدأ على تنظيم مظهر التصميم وإزالة التشوهات التصميمية المزعجة للنظر. ويمكن محاذاة العناصر بشكل أفقي أو عمودي أو حتى مائل، كما تنقسم المحاذاة على المحاور بحسب الاتجاهات مثل المحاذاة الأفقية العلوية أو الوسطى أو السفلية، وكذلك المحاذاة العمودية اليمنى أو الوسطى أو اليسرى وهكذا. ويمكن تصنيف المحاذاة على أنها امتداد لمبدأ التقارب، إذ يتبعان المفهوم ذاته تقريبًا. جميع العناصر في التصميم الأيمن بمحاذاة بعضها على المحور الأفقي وهذا يدل على التنظيم عكس العناصر في التصميم الأيسر. لاحظ المحاذاة التامة لكافة عناصر تصميم هذه الصفحة من نصوص وصور من إحدى المجلات، ما منحها أناقة ورُقيًا وجاذبية - تصميم VERLAG | Magazine Template للمصمم Fahd Tohry بترخيص المشاع CC BY-NC-ND 3.0 10. النسبة Proportion النسبة هي الحجم المرئي والوزن البصري للعناصر في التصميم وكيفية ارتباطها ببعضها البعض، تعد النسبة من أسهل مبادئ التصميم للفهم، فهي مقدار حجم العناصر بالنسبة لبعضها البعض. وبالتالي توجه عيون المشاهد إلى ما هو مهم في التصميم، العناصر الأكبر هي الأكثر أهمية، وبمجرد إتقان المحاذاة والتوازن والتباين، يجب أن تظهر النسبة بشكل طبيعي. لاحظ الوزن البصري الثقيل للنص والذي يشير إلى أهميته بالنسبة للعناصر الأخرى 11. التنوع Variety يستخدم مبدأ التنوع في التصميم لتحفيز اهتمام المشاهد بصريًا للتصميم، ويمكن إنشاؤه بعناصر مختلفة مثل اللون والطباعة والصور والأشكال وغيرها الكثير. ونتجنب باستخدام التنوع إنشاء تصميم رتيب وفقدان اهتمام المشاهد. ومن المهم عند استخدام مبدأ التنوع مراعاة عدم المبالغة فيه لأن ذلك سيتسبب في إثقال وزن التصميم العام وإحداث الفوضى وبالتالي خسارة الهدف من تطبيق هذا المبدأ. مع تطبيق مبادئ المحاذاة والإيقاع والتوازن والتكرارية، فإن التنوع في التصميم الأيمن زاد من جمالية التصميم وأبعد الملل منه كما هو الحال في التصميم الأيسر. 12. التركيز Emphasis يهدف مبدأ التركيز إلى التأكيد إلى أهمية العناصر في التصميم، وإلى الترتيب الذي يجب أن يكون عليه، وبناءً عليه فإن أهم المعلومات التي تحتاج إلى إظهارها في التصميم يجب أن تكون بارزة ويجب التركيز عليها. وتكون العناصر المهمة بارزة بتكبير حجمها ووضعها في موقع بارز مثل منتصف التصميم أو بالقرب منه، واستخدام نظرية الألوان لاختيار اللون الأكثر جرأة ولفتًا للانتباه وتوظيف مبدأ التباين إن احتاج الأمر لتكون بارزة أكثر. على سبيل المثال في تصميم ملصق فيلم ما، فإن أول ما يجب أن يُرى هو عنوان الفيلم، ثم يمكن أن يكون اسم المخرج وبعد ذلك أسماء الممثلين والممثلات. عنصر النص الأكثر أهمية في التصميم يجب أن يكون بارزًا من خلال زيادة وزنه البصري عبر اللون الداكن والحجم الأكبر والموضع البارز كما في التصميم الأيمن. تعمّد المصمم في لوحة الإعلانات أن يضع صورة البرجر في حجم أكبر من باقي العناصر وفي موضع مميز وبلون خلفية مميز بغية التأكيد على هذا العنصر ما يجعل المشاهد ينظر إلى هذه الصورة أولًا ويفهم المقصود من التصميم وتصل الرسالة - الصورة التصميم Burger Billboard للمصمم arch shimul بترخيص المشاع CC BY-NC-ND 3.0 13. الحركة Movement يشير مبدأ الحركة إلى كيفية تفاعل العين البشرية مع التصميم، وتوجيهها باتجاه العناصر الأكثر أهمية فما يليها. لذلك يجب أن يكون العنصر الأكثر أهمية في التصميم هو أول ما يراه المشاهد، وبعد ذلك تحتاج إلى توجيه المشاهد إلى العنصر التالي الأقل أهمية، فالذي يليه وهكذا. على سبيل المثال في ملصق إعلاني لمحاضرة ما، يجب أن يكون عنوان المحاضرة هو أول ما يشاهده الجمهور ثم مكان المحاضرة ثم وقت بدء المحاضرة، وعليه يجب أن يمنح العنوان الوزن الأثقل لكونه العنصر الأهم ومن ثم بالتتالي المكان ثم الزمان. تتفاعل عين المشاهد للتصميم الأيمن عبر الحركة من الدائرة الكبيرة الداكنة باتجاه الصغيرة الفاتحة بطريقة منتظمة ومريحة، عكس حركة عين المشاهد للتصميم الأيسر. تساعد الأرقام المتسلسلة والمائلة على توجيه نظر المشاهد باتجاه ترتيب العد وبذلك تحقق مبدأ الحركة - الصورة لموقع AbbyStolfo 14. الوحدة Unity يشير مبدأ الوحدة إلى مدى جودة عمل جميع عناصر التصميم معًا، حيث يجب أن تتلاءم عناصر التصميم معًا وتشعر وكأنها تنتمي لبعضها البعض. ويتوجب تطبيق جميع مبادئ التصميم الأخرى معًا لمحاولة إنشاء تصميم موحد. فمبدأ الوحدة ينظّم ويربط العناصر ببعضها. ولتحقيق الوحدة في التصميم فإنه يجب تطبيق مبادئ البساطة والتقارب والتكرارية. وقد يبالغ بعض المصممين في سعيهم لتحقيق الوحدة في التصميم بحيث يصممون تراكيب موحدة ومتشابهة ضمن التصميم لدرجة أنها تبدو مملة، لذلك يجب أن يتم تطبيق مبدأ التنوع هنا ولكن بحذر ودون مبالغة أيضًا. غالبًا ما تستخدم الشركات الألوان لتوحيد كل عنصر من عناصر تصاميمها، سواء كان ذلك للشعار أو لموقع الويب أو حتى في المتجر. وهناك أمثلة كثيرة على ذلك. فشركات الشحن والمطاعم أمثال DHL وماكدونالدز وغيرها، تستخدم لونًا محددًا لشعارهم وموقعهم الإلكتروني ولباس موظفيهم وديكور أماكن عملهم ولصاقات سياراتهم، ما يحقق الوحدة للعلامة التجارية والبصرية للشركة بأكملها. وحدة التصميم الأيمن زادت من جودة وجمالية التصميم بحيث انتمت جميع العناصر لبعضها على عكس التصميم الأيسر. مثال على الوحدة في التصميم للعلامة التجارية لشركة الشحن العالمية DHL من مواقع أخبارية خاتمة لاحظنا مما سبق كيفية التأثير وترك الانطباع الجيد عند تطبيق هذه المبادئ في التصميم، والفرق بين المصممين المحترفين وبين المبتدئين هو تطبيق المحترفين لهذه المبادئ بدقة وحرص، ما يجعل التصاميم أكثر احترافية وأناقة وجمالًا. بمجرد النظر إلى تصميم رديء لمصمم مبتدأ ستلاحظ على الفور غياب هذه المبادئ عن تصميمه ولو أنه أعاد التصميم ذاته مع تطبيق هذه المبادئ فسيتحول التصميم الرديء إلى تصميم احترافي وجميل. ومع ذلك ليس من الضروري تطبيق جميع هذه المبادئ دفعة واحدة على تصميم واحد، إنما نطبّق المبادئ التي يحتاجها التصميم للارتقاء بمستواه، وقد لا نحتاج في بعض التصاميم سوى إلى تطبيق مبدأ واحد فقط، الأمر كله يتعلق بالتصميم. سنتحدث في المقال التالي عن أشهر وأقوى نظرية في عالم تصميم الرسوميات وهي نظرية الألوان.

في فنّ التبسيط (minimalism)، يتمّ تشريح التصميم وتجريده من أي زوائد بشكل يتمّ الاحتفاظ بالعناصر الأساسية فقط. على الرغم من صعوبة إتقانه، إلا أن التبسيط فنّ يمكنك تعلمه بسهولة. إذا كنت ترغب في تجربة التبسيط في أي مسعى فنيّ، يجب عليك تشفية العمل وتخفيفه إلى أقصى حد ممكن. يتعلّق الأمر كلّه بتجريد العمل حتى تتم إزالة كل ما لا لزوم له. بناءًا على هذه الأغراض والأهداف، يركّز المصممون على حذف العناصر غير الضرورية من التصميم، و مؤخّرََا أصبح المزيد منهم يقفزون إلى هذا المجال الشائع. لقد زادت شعبية التبسيط بسرعة حيث نرى أن التصميم المسطّح قد غزا السوق مؤخّرََا. من خلال التصميم المسطّح، الذي يطبِّق المفاهيم والتقنيات التي يدعمها فنّ التبسيط، قام عددُُ متزايد من المواقع بتبنّي فكرة أنّ القليل هو فعلا كثير (Less is truly more). و لكن هل سبق أن سألت نفسك لماذا فنّ التبسيط شائعُُ إلى هذا الحدّ؟ ما الذي يكمن وراء شعبيّة مفهوم التصميم هذا؟ و نحن كمصمّمي مواقع إلكترونية، كيف نستغلّ هذه الشعبيّة لجعل تصاميمنا أكثر فعاليّة و جمالََا؟ لنكتشف هذا معًا. القليل كثير من المحتمل أن المهندس المعماري الرائد لودفيج ميس فان دير روه Ludwig Meis van der Rohe لم يعرف أبدًا أنه عندما قال "أقل هو أكثر"، فإنّه سيؤثّر على الكثير من العقول اللامعة التي عاشت بعده. تلخّص هذه الكلمات الثلاث جوهر فنّ التبسيط ومفهومه الحقيقي: موجز ومباشر. عند تصميم موقع ويب، يجب أن تسأل نفسك دائمًا سؤالًا، "ما هي وجهة نظري؟" وبهذه الطريقة، ستفهم دائمََا أين يتوجّب عليك قيادة مشاهديك. وجود تصميمِِ مبعثر سيمنع وصول المعنى لا غير. بحيث تميل العناصر غير الضرورية إلى أن تصبح عقباتِِ بدلاً من أن تكون جسورًا وممرّاتٍ في إرسال هدفك إلى المُشاهد. لماذا هذا سيئ؟ وجود البعثرة في التصميم سيشوّش المستخدم ويصرفه في أشياء أخرى بدلا من الاستجابة إلى دعوتك له للقيام بفعل معيّن. التصميم المشوّش يبعثر الصفحة أو النافذة مما يجعلها صعبة الفهم. كيف تحقّق الكثير من القليل؟ ضع خطّة موقع الويب الخاص بك بعناية كبيرة. فهذا يمنعك من إضافة العناصر غير الضرورية حتى قبل أن تلمس التصميم. حدّد هدفك، إذا كان عنصر التصميم لا يساعدك على تحقيق هدفك، فقم بإزالته. اقض بعض الوقت في سؤال نفسك، "هل أحتاج فعلا إلى هذا؟" حاول استخدام بعض برامج تتبع النقرات على موقع الويب الخاص بك لتحديد العناصر التي لا يستخدمها المشاهدون مطلقًا. بعد ذلك، قم بتقييم ما إذا كان سيتم حذف العناصر غير المستخدمة أو نقلها إلى موضع آخر. ارجع دائمًا للأساسيات. تجاوب التصاميم على مختلف الأجهزة مع زيادة عدد مستخدمي الهواتف الذكية كلّ يوم، يجب أن تكون مواقع الويب متجاوبة مع مختلف الشاشات. بمجرّد مشاهدة موقعك على الويب وتجاوبه بشكل جميل، فإنك تزيد من فرصك للوصول إلى هدفك. الآن، لماذا أشرت إلى تصميم مواقع الويب المتجاوبة هنا؟ وما هو الدور الذي يلعبه في شعبية فنّ التبسيط؟ نقطة مهمة يمكن أن تمتاز مواقع الويب المتجاوبة، في حالة استخدام تصميم هيكلي (wire-frame) و نظام شبكي فريدين من نوعهما، بانتقالِِ سلس من شكلها على الحاسوب إلى شكلها على الهاتف النقّال. مع وجود محتوى أقلّ، وعدد أقلّ من التجميعات وعناصر التصميم (التي تلتزم بفنّ التبسيط)، بالإضافة إلى الكثير من المساحات البيضاء، تتمتّع مواقع الويب التجريدية بفرص أكبر للتحوّل إلى نسخ جميلة على الهاتف المحمول. هناك شيء آخر حول التجاوب وارتباطه بالتبسيط وهو المستخدمون. فمستخدمو الهاتف المحمول أقلّ صبرًا، ومشغولون طوال الوقت ودائمو التنقّل. في معظم الأوقات، يكون لديهم ولوجًا محدودًا للإنترنت وجدولًا زمنيًا أكثر محدودية. ولكن يمكن أن يكون وصول مستخدم الهاتف المحمول العادي إلى المعلومات مفيدًا للغاية. تذكّر، إذا أراد المستخدمون شيئا، فاعطيه لهم في أسرع وقت ممكن. إليك بعض الأشياء التي تحتاج إلى تذكّرها حول التصميم المتجاوب: فكِّر بشكل متجاوب. هناك تخطيطات مثالية لعمل تصميم متجاوب كما هناك تخطيطات أخرى ليست كذلك. فهم هذا من شأنه أن يجعلك تصمم مواقع تتجاوب مع أي جهازِِ كان. إيلاء الاهتمام لنقاط الفصل. تحتوي القرارات على نقاط توقف مختلفة. ستكون نقاط التوقف هذه هي دليلك في التصميم لأحجام مختلفة للشاشة. يجب أن تكون الصور مرنة. عند تغيير عرض الصفحة، تأكّد من أن تتجاوب صورك مع هذا التغيير قدر الإمكان. مواقع ويب أخفّ حجمًا تخيّل نفسك في منطاد الهواء الساخن. تخطو إلى الداخل، تشغّل الموقد، ويتمدّد البالون. لكن لا يمكنك الإقلاع لأن هذه الأكياس الثقيلة من الرمال تسحب البالون إلى الأرض. ماذا كنت ستفعل؟ ربما تكون الإجابة هي أن المواقع الإلكترونية الأخفّ هي المساهم الرئيسي في شعبية فنّ التجريد. وجود عناصر قليلة في التصميم سيعني موقع ويب أخفّ. تعني قلة المحتوى، عناصر واجهة المستخدم وعناصر التصميم داخل موقعك أنّ هناك بيانات أقلّ تحتاج إلى تنزيل بيانات بواسطة متصفحك، ممّا يمنحك تجربة مستخدم أسرع وأخفّ حجمًا وأكثر كفاءةََ وإنتاجية. يجب عليك بالأساس أن تقوم بمراعاة التجاوب وأنت تصمّم لأنّ ذلك سيلعب دورََا فى مدى سرعة تحميل الموقع على الهواتف المحمولة. بناءك لمواقع ويب خفيفة يعني سهولة تحديثتها، صيانتها أو اكتشاف الخلل فيها. تذكّر، ليس هناك أي شخص عاقل سيحب موقعا يتطلب الدّهر لتحميله. إليك بعض النصائح: احذف الإضافات غير المستخدمة. أزل أي شيء غير فعّال. إن استطعت إنشاء أيّ عنصر تصميم باستخدام الكود، فقم بذلك. علم متى يجب عليك استعمال PNG أو GIF أو JPG. المزيد من المحتوى الموجه أراهن أنّنا جميعََا نعرف أنّ المحتوى هو أهمّ شيء. لذلك أعتقد أنّ ما يدفع الناس نحو التبسيط هو عقليّتها القائمة على أهمّية المحتوى. نظرًا لأنّ مواقع الويب التجريديّة ترغب في التخلّص من العناصر غير الضروريّة، وتقسيم التصميم إلى أبسط شكلِِ ممكن، فإنها تجعل المستخدم يركّز على أكثر الأشياء أهمّيةََ: المحتوى. بدون كل مصادر الإلهاء، يمكن للمستخدمين العثور بسهولة على ما يحتاجون إليه للتجاوب مع دعوات القيام بنشاط ما. وهذا يجعل كفاءة مواقع الويب أعلى لأنها تحقّق أفضل تجارب استخدام بأقلّ جهد ممكن في التصميم والصيانة. كيف تصمم من أجل المحتوى؟ استخدم المحاذاة المناسبة. استغلّ المساحات الفارغة. استعمل الخطوط المناسبة. الحجم مهمّ. الخلاصة لماذا فنّ التجريد شعبيُُّ جدّا؟ حسنًا، إنّ هذا الفنّ يعكس طريقة الحياة التي تشجّع الاستبطان. ما هي الأشياء التي لستُ بحاجة إليها؟ ما هي الأشياء الأساسية بالنسبة لي؟ وكمصمّم، فإنّ الإجابة على هذا السؤال ستقودك إلى إدراك ما الذي يساعدك حقًا وما يجب عليك التمسّك والاحتفاظ به. تصميم سعيد! ترجمة -وبتصرف- للمقال The Rise in Popularity of Minimalism in Web Design للفريق Editorial Team