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

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

ما هي النسبة الذهبية ؟

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

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

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

Golden ratio formula for designers

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

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

إقرأ أيضاً: فن الطباعة في عالم التصميم الرقمي (دليل للمبتدئين)

استخدام النسبة الذهبية في مجال التصميم

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

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

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

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

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

graphic design golden ratio illustration

هذا العمل إنتج لصالح Opera Software

كيف تحسن النسبة الذهبية تصميم واجهة المستخدم؟

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

محتوى متوازن

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

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

تسلسل بصري فعال

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

golden ratio in ui design

تصميم بواسطةTracking Widget

مستويات طباعة قوية

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

وعند تطبيق النسبة الذهبية يستطيع المحترفون تحديد النسبة المناسبة بين مستويات الطباعة بسرعة، على سبيل المثال باستطاعتك اختيار حجم معين للعنوان ومن ثم قسمته على 1.618 سيُظهر لك ناتج القسمة الحجم المناسب للعناوين الرئيسية.

انطباع أولي جيد

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

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

مساحة بيضاء مناسبة

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

https://dribbble.com/shots/2464094-Web-Template

تصميم بواسطةDigital Agency Landing Page

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

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

ترجمة بتصرف لمقال Golden Ratio. Bring Balance in UI Design

كتب بواسطة

يونس بن عمارة

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

إنضم إلى مئات المشتركين لتحصل على أهم المقالات التي نقوم بنشرها اسبوعياً