النسبة الذهبية في التصميم: ما هي، وتاريخها الحقيقي، وكيف تستخدمها في اللوجو والتخطيط والمواقع وكل مجالات التصميم

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

النسبة الذهبية علاقة خاصة بين مقاسين. خذ خطاً واقسمه إلى جزء طويل (a) وجزء قصير (b). إذا كان الخط كله مقسوماً على الجزء الطويل يعطي نفس الرقم تماماً الذي يعطيه الجزء الطويل مقسوماً على الجزء القصير، فقد قسمته بالنسبة الذهبية. وهذا الرقم ثابت دائماً: حوالي 1.6180339887…، ويُكتب بالحرف اليوناني φ (فاي).

وبلغة الرياضيات، φ = (1 + √5) ÷ 2. وهو عدد غير نسبي، أي أن أرقامه العشرية لا تنتهي ولا تتكرر. وله خصائص غريبة تفسر حب علماء الرياضيات له: φ × φ = φ + 1 (أي 2.618)، و 1 ÷ φ = φ − 1 (أي 0.618). وهذا الرقم الأخير هو سبب حديث المصممين عن تقسيم 62 / 38: إذا كان الكل 100، يكون الجزء الأكبر حوالي 61.8 والأصغر حوالي 38.2.

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

أهم النقاط

• النسبة الذهبية (φ، فاي) تساوي حوالي 1.618. يكون الجزآن بالنسبة الذهبية عندما يكون الكل مقسوماً على الجزء الأكبر مساوياً للجزء الأكبر مقسوماً على الأصغر.
• لم يخترعها أحد، ولم يكتشفها شخص واحد. إقليدس كتب أول تعريف مكتوب لها حوالي عام 300 قبل الميلاد وسماها «النسبة القصوى والوسطى». وفيبوناتشي (1202) أعطانا المتتالية العددية التي تقترب منها، ولوكا باتشولي (1509) سماها «النسبة الإلهية»، أما اسم «القطاع الذهبي» فلم يظهر إلا في ثلاثينيات القرن التاسع عشر.
• كثير من الادعاءات المشهورة خرافات: لا يوجد دليل قوي على أن الأهرامات أو البارثينون أو الموناليزا أو لوجو أبل صُمّمت بها، وصدفة النوتيلوس ليست حلزوناً ذهبياً. أما رؤوس بذور عباد الشمس، ونظام المودولور للوكوربوزييه، ولوحة «العشاء الأخير» لدالي فأمثلة حقيقية.
• بالنسبة للمصمم هي أداة، وليست قانوناً: نظام تناسب جاهز يساعدك تقرر المقاسات والتقسيمات والمسافات وتدرّج أحجام الخطوط بسرعة وبشكل متسق.
• تقدر تستخدمها في كل مجال: تقسيم تخطيط 62/38، وتدرّج خطوط ×1.618، ولوجوهات مبنية على دوائر بمقاسات فيبوناتشي، وشبكة فاي في التصوير والرسم، وتخطيط السلايدات، والتغليف، وبانلات المعارض. استخدمها لتبدأ أو لتراجع شغلك، ثم ثق في عينك.

المستطيل الذهبي والحلزون الذهبي والمثلث الذهبي

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

وإذا رسمت ربع دائرة داخل كل مربع من هذه المربعات، تحصل على الحلزون الذهبي، الخط الملتف الموجود على آلاف البوسترات و«شبكات النسبة الذهبية». ولكي نكون دقيقين، هذا الرسم تقريب: الحلزون الذهبي الحقيقي حلزون لوغاريتمي يكبر بمعامل φ كل ربع لفة، ونسخة المربعات والأقواس قريبة منه. ورسم مشابه من مربعات أضلاعها أرقام فيبوناتشي (1، 1، 2، 3، 5، 8…) يسمى حلزون فيبوناتشي.

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

من اكتشف النسبة الذهبية؟ الأصول الإغريقية

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

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

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

فيبوناتشي والمتتالية العددية الشهيرة

في عام 1202 نشر عالم الرياضيات الإيطالي ليوناردو البيزي، المعروف اليوم باسم فيبوناتشي، كتاب Liber Abaci، الكتاب الذي ساعد في نقل الأرقام الهندية العربية (الأرقام التي نستخدمها اليوم) إلى أوروبا، والتي تعلمها أثناء إقامته في شمال أفريقيا. وضع فيه لغزاً عن تكاثر الأرانب إجابته المتتالية 1، 1، 2، 3، 5، 8، 13، 21، 34، 55، 89…، حيث كل رقم هو مجموع الرقمين قبله. وكان علماء هنود في الشعر والإيقاع، مثل فيراهانكا وهيماتشاندرا، قد وصفوا نفس المتتالية قبله بقرون.

فيبوناتشي نفسه لم يربط المتتالية بالنسبة الذهبية. هذا الربط لوحظ لاحقاً، ويُنسب عادةً إلى يوهانس كبلر (حوالي 1597–1611): إذا قسمت كل رقم من أرقام فيبوناتشي على الرقم الذي قبله، يقترب الناتج أكثر فأكثر من φ. ‏5 ÷ 3 = 1.667، و 8 ÷ 5 = 1.6، و 13 ÷ 8 = 1.625، و 21 ÷ 13 = 1.615، و 89 ÷ 55 = 1.618. وأُعجب بها كبلر لدرجة أنه وصف التقسيم بالنسبة القصوى والوسطى بأنه أحد كنزي الهندسة العظيمين، بجوار نظرية فيثاغورس.

بالنسبة للمصممين هذا الربط عملي جداً. أرقام فيبوناتشي أرقام صحيحة قريبة من النسبة الذهبية، فهي مقاسات مثالية لدوائر جريد اللوجو، أو قيم المسافات، أو أحجام الخطوط، أو عرض الأعمدة: 8، 13، 21، 34، 55، 89 بكسل. تحصل على تناسب ذهبي من غير كسور عشرية.

«النسبة الإلهية»: باتشولي وليوناردو دافنشي

حصلت النسبة على أول اسم رومانسي لها في عام 1509، عندما نشر الراهب الفرنسيسكاني وعالم الرياضيات لوكا باتشولي كتاب De Divina Proportione («في النسبة الإلهية») في البندقية. رأى باتشولي شيئاً مقدساً في رقم فريد لا يمكن كتابته ككسر بسيط، وقارنه بصفات إلهية. وكان كتابه مزيناً برسومات جميلة لمجسمات هندسية رسمها صديقه ليوناردو دافنشي.

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

فنانو عصر النهضة استخدموا بالتأكيد الهندسة وأنظمة التناسب في تكوين لوحاتهم، وبعضهم كان يعرف هذه النسبة. لكن «استخدم الهندسة» ليس مثل «استخدم النسبة الذهبية»، ومعظم الحلزونات الذهبية التي تراها مرسومة فوق لوحات عصر النهضة على الإنترنت أُضيفت بعدها بقرون.

كيف حصلت على اسم «الذهبية»

كلمة «الذهبية» حديثة بشكل مدهش. أول استخدام معروف لها في كتاب رياضيات ألماني للعالم مارتن أوم (شقيق الفيزيائي جورج أوم) في عام 1835، الذي سماها der goldene Schnitt، أي «القطاع الذهبي». وانتشر الاسم بسرعة في الألمانية ثم في الإنجليزية خلال القرن التاسع عشر، وتبعته أسماء «النسبة الذهبية» و«الوسط الذهبي».

وفي عام 1854 جعلها الكاتب الألماني أدولف تسايزينج مشهورة بعيداً عن الرياضيات. ادعى أن القطاع الذهبي قانون عالمي للجمال موجود في جسم الإنسان والنباتات والحيوانات والموسيقى والعمارة العظيمة. وكثير من «الغموض» حول النسبة الذهبية الذي ما زلنا نقرأه على الإنترنت يبدأ من تسايزينج، وكثير من قياساته اختيرت لتناسب نظريته. وفي 1876 اختبر عالم النفس جوستاف فيشنر هل يفضّل الناس المستطيلات الذهبية؛ بدت نتائجه وكأنها تقول نعم، لكن الدراسات اللاحقة أعطت نتائج متضاربة، واليوم لا يوجد دليل قوي على أن الناس يفضّلون φ بشكل ثابت عن النسب القريبة منها.

أما الرمز φ (فاي) فجاء بعد ذلك. اقترحه عالم الرياضيات الأمريكي مارك بار في أوائل القرن العشرين، ويقال إنه تكريم للنحات الإغريقي فيدياس؛ ونُشر في كتاب ثيودور كوك The Curves of Life في 1914. فالاسم والحرف اللذان يجعلان النسبة الذهبية تبدو قديمة عمرهما بالكاد مئة وخمسون عاماً.

النسبة الذهبية بين الخرافة والحقيقة

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

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

والآن الحقائق. في الطبيعة، بذور زهرة عباد الشمس وقشور كوز الصنوبر والأوراق حول كثير من السيقان مرتبة بزاوية الزاوية الذهبية (حوالي 137.5 درجة، مشتقة من φ)، ولهذا فالحلزونات التي تقدر تعدّها تكون عادة أرقام فيبوناتشي مثل 34 و 55. وفي العمارة، بنى لوكوربوزييه نظام المودولور (1948) عن قصد على النسبة الذهبية وجسم الإنسان. وفي الفن، رسم سلفادور دالي لوحة «سر العشاء الأخير» (1955) على قماش قريب من المستطيل الذهبي، مع مجسم ضخم ذي اثني عشر وجهاً، وهو مجسم مرتبط بـ φ، فوق المائدة. وفي الفن الهندسي الإسلامي، الزخارف ذات النجوم الخماسية والعشرية، مثل زخارف «الجره» في ضريح درب الإمام في أصفهان من القرن الخامس عشر، مليئة بالتناسبات الذهبية لأنها مبنية على المخمسات والمعشرات.

لماذا ما زال المصممون يستخدمون النسبة الذهبية

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

بصرياً، تقسيم 62/38 ينجح لأنه غير متساوٍ بوضوح لكن من غير مبالغة. تقسيم 50/50 هادئ لكنه جامد، لأن العين لا تعرف أي جانب أهم. وتقسيم 90/10 يبدو غير متوازن. أما شيء حول 60/40 فيصنع تسلسلاً بصرياً واضحاً (جزء يقود والآخر يدعم) ومع ذلك يبدو متوازناً. ولهذا فالنسبة الذهبية، وقاعدة الأثلاث (66/33)، والنسب البسيطة مثل 3:2 كلها تبدو جيدة: إنها جيران.

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

النسبة الذهبية في التصميم الجرافيكي والتخطيط

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

ويمكنك أيضاً استخدام المستطيل الذهبي كشكل للمقاس نفسه. كثير من المصممين يحبون مقاسات قريبة من 1:1.618 للبوسترات والكروت والأغلفة، لكن احذر في الطباعة: مقاسات الورق القياسية ليست ذهبية. فمقاس A4 وباقي مقاسات ISO تستخدم النسبة √2 (1:1.414) حتى يمكن طيّها نصفين مع الاحتفاظ بنفس الشكل. عملياً، صمّم على الورق المتاح واستخدم النسبة الذهبية داخله، لمساحة الصورة وكتلة النص والهوامش.

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

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

في تصميم اللوجو، تُستخدم النسبة الذهبية لبناء الجريد الإنشائي: مجموعة الدوائر والخطوط التي يستخدمها المصمم لرسم المنحنيات وتحديد التناسبات. والطريقة الأشهر أن تصنع سلسلة دوائر مقاساتها تتبع φ (أو متتالية فيبوناتشي): مثلاً أقطار 13 و 21 و 34 و 55 و 89 وحدة، أو 1 و 1.618 و 2.618 و 4.236. ولأن كل دائرة ترتبط بالأخرى بنفس النسبة، تبدو المنحنيات المأخوذة منها مترابطة أيضاً.

وهذه الخطوات التي أنصح بها. 1. ابدأ بالفكرة، لا بالجريد. ارسم الفكرة باليد أولاً، كما أشرح في مقال تصميم اللوجو الجيد؛ لا يوجد جريد ينقذ فكرة ضعيفة. 2. ابنِ مجموعة الدوائر في إليستريتور (أو فيجما): ارسم دوائر بمقاسات ذهبية واتركها على ليير مقفول. 3. أعد بناء الاسكتش بتحريك الدوائر وتداخلها حتى ترسم أقواسها منحنيات علامتك؛ واستخدم أداة Shape Builder لتحتفظ بالأجزاء التي تحتاجها. 4. استخدم النسبة في التناسبات أيضاً: ارتفاع الرمز مقارنة بالاسم، وسُمك الخطوط، والمسافة بين الرمز والاسم. 5. راجعه بأحجام صغيرة وبلون واحد، وعدّل بعينك حيث تبدو الرياضيات خطأ؛ التصحيحات البصرية تكسب دائماً.

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

لوجوهات مشهورة والنسبة الذهبية: ما الحقيقي وما غير الحقيقي

ابحث عن «لوجوهات النسبة الذهبية» وستجد نفس الأمثلة مرة بعد مرة، وفوقها دوائر مرسومة. بعضها يستحق نظرة أقرب. لوجو أبل هو الأكثر انتشاراً: صورة عليها دوائر ذهبية فوق التفاحة انتشرت بقوة حوالي 2010. لكن اللوجو صُمّم في عام 1977 على يد روب جانوف، الذي حكى أنه بنى شكله على تفاحات حقيقية اشتراها ورسمها. ولا يوجد أي سجل لجريد نسبة ذهبية من تلك الفترة؛ والدوائر رُسمت فوق اللوجو بعدها بعقود على يد شخص آخر. هو لوجو جميل بسبب فكرته وبساطته، لا بسبب φ.

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

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

النسبة الذهبية في التايبوجرافي

التايبوجرافي من أكثر الأماكن التي تفيد فيها النسبة الذهبية، لأنها تعطيك تدرّج أحجام: مجموعة أحجام خطوط مرتبطة ببعضها. ابدأ بحجم النص الأساسي واضربه في 1.618 لكل مستوى أعلى. مع نص 16 بكسل تحصل تقريباً على 16 ← 26 ← 42 ← 68 بكسل؛ ومع 10 بوينت في الطباعة تحصل على 10 ← 16 ← 26 ← 42 بوينت. فتصبح العناوين الرئيسية والفرعية والنص عائلة واحدة من الأحجام بدلاً من أرقام عشوائية.

لكن انتبه أن φ خطوة كبيرة. هي مثالية للبوسترات والأغلفة والعروض التقديمية وأقسام الهيرو، حيث تريد تبايناً قوياً، أما في المقالات الطويلة والواجهات المزدحمة فكثير من المصممين يفضّلون نسباً أصغر مثل 1.25 أو 1.333، ويستخدمون 1.618 بين أكبر المستويات فقط. وبعض المصممين يستخدمون φ أيضاً لارتفاع السطر (نص 16 بكسل بارتفاع سطر حوالي 26 بكسل مريح جداً في القراءة) وللربط بين ارتفاع السطر وطوله.

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

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

في المواقع، الاستخدام الكلاسيكي هو تقسيم المحتوى والسايدبار. في حاوية عرضها 1200 بكسل، عمود رئيسي حوالي 740 بكسل وسايدبار حوالي 460 بكسل (شاملاً المسافات) يعطيك تخطيطاً ذهبياً، وهو مناسب للمدونات والمقالات وصفحات المنتجات. ونفس التقسيم يصلح لأقسام الهيرو (صورة كبيرة بجوار كتلة نص)، وللأقسام ذات العمودين، وللعلاقة بين الصورة والنص داخل الكارت.

والنسبة الذهبية مفيدة أيضاً في تدرّج المسافات. بدلاً من اختيار المسافات عشوائياً، استخدم متتالية مثل 8، 13، 21، 34، 55، 89 بكسل (أرقام فيبوناتشي) للبادينج والمارجن والمسافات بين الأقسام. فتتبع المسافات الصغيرة داخل المكوّن، والمتوسطة بين المكونات، والكبيرة بين الأقسام إيقاعاً واحداً، وهذا بالضبط ما يجعل نظام التصميم يبدو هادئاً. كثير من الفرق تستخدم جريد 4 أو 8 بكسل صارماً بدلاً من ذلك؛ ويمكنك الجمع بينهما بتقريب القيم الذهبية لأقرب مضاعف للرقم 4.

وفي UI و UX تذكّر ثلاثة حدود. أولاً، التصميم المتجاوب يغيّر كل شيء: تقسيم 62/38 على الديسكتوب يصبح غالباً عموداً واحداً على الموبايل، فالنسبة توجّه التناسبات داخل كل بلوك وليس الصفحة كلها. ثانياً، سهولة الاستخدام أولاً: حجم الأزرار، ومساحات اللمس، وطول السطر المقروء، والتباين المناسب لإمكانية الوصول أهم من φ. ثالثاً، المحتوى يتغير: النصوص والصور الحقيقية نادراً ما تناسب مستطيلات مثالية، فصمّم تناسبات مرنة. وبهذه الطريقة تعطي النسبة الذهبية واجهتك إيقاعاً متسقاً من غير أن تحارب المستخدم.

النسبة الذهبية في التصوير وقص الصور

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

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

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

النسبة الذهبية في الرسم والتصوير الزيتي والإليستريشن

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

وهي أداة جيدة أيضاً لتناسب القماش. كثير من مقاسات القماش القياسية قريبة من الذهبية أو من 3:2 و 4:3، واختيار المقاس عن وعي يغيّر إحساس العمل: القماش الذهبي الأفقي يناسب المناظر الطبيعية والمشاهد الهادئة، والرأسي يناسب البورتريه والأشخاص الواقفين. ولوحة «العشاء الأخير» لدالي مثال مشهور لفنان اختار مقاساً ذهبياً عن قصد.

ومع ذلك، الرسم هو المجال الذي يجب أن تظل فيه النسبة الذهبية الأكثر مرونة. الفن تعبير، وكثير من أعظم اللوحات في التاريخ كسرت كل قواعد التكوين. استخدم φ لتدريب عينك، ثم اترك اللوحة تقول لك ما تحتاجه؛ وأتكلم عن هذا التوازن بين القواعد والحرية في مقال الفن مقابل التصميم.

النسبة الذهبية في الموشن والفيديو والعروض التقديمية

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

وبعض مصممي الموشن يستخدمون النسبة أيضاً للتوقيت والتكبير: عنصر يكبر بمقدار 1.618 بين الكي فريمز، أو مدد أنيميشن تتبع متتالية ذهبية (مثلاً 300 و 500 و 800 مللي ثانية) حتى تبدو الحركات السريعة والمتوسطة والبطيئة مترابطة. هي ليست قاعدة من قواعد الأنيميشن، لكنها طريقة لطيفة للحفاظ على اتساق النظام، خاصة في تحريك اللوجوهات وحركة الواجهات.

وفي تصميم العروض التقديمية، السلايد المبني على تقسيم 62/38 (صورة كبيرة في جانب، والرسالة الأساسية في الجانب الآخر) من أنظف التخطيطات التي يمكنك استخدامها، وتدرّج الخطوط الذهبي يجعل التسلسل بين العنوان والنقطة الرئيسية والملاحظات واضحاً جداً. وإذا كنت تعرض شغلك على العملاء، فنفس البناء يساعدك؛ راجع مقال كيف تعرض شغلك في التصميم.

النسبة الذهبية في المطبوعات والتغليف والأدوات المكتبية وتصميم المعارض

في الأدوات المكتبية، تقابل أشكالاً قريبة من الذهبية كل يوم. كارت البنك القياسي (85.6 × 54 مم) نسبته حوالي 1.59، قريبة جداً من φ، والكارت الشخصي المعتاد (85 × 55 مم) حوالي 1.55. وداخلها، تقسيم 62/38 بين مساحة اللوجو وبيانات التواصل، أو تدرّج خطوط ذهبي بين الاسم والمسمى الوظيفي، يعطي نتيجة أنيقة ومحكومة.

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

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

كيف تستخدم النسبة الذهبية من غير أن تصبح عبداً لها

بعد كل ما سبق، هذه الخطوات العملية التي أنصح بها. 1. ابدأ بالفكرة والمحتوى. ماذا يجب أن يقول التصميم، وما الأهم؟ 2. طبّق φ على أكبر قرار أو قرارين: التقسيم الرئيسي للمساحة، أو المقاس، أو حجم العنصر الرئيسي. 3. ابنِ تدرجاتك: تدرّج خطوط وتدرّج مسافات مبنيان على 1.618 أو على أرقام فيبوناتشي. 4. راجع بطبقة إرشادية (شبكة فاي أو حلزون في فوتوشوب أو إليستريتور أو فيجما أو تطبيق للنسبة الذهبية). 5. عدّل بعينك: إذا كان شيء يبدو خطأ، فهو خطأ، حتى لو كانت الرياضيات مثالية.

الأرقام السريعة التي تحفظها: اضرب في 1.618 لتصعد مستوى، واضرب في 0.618 لتنزل مستوى، واقسم أي شيء إلى 61.8% و 38.2%. لعرض 1000 بكسل يكون ذلك 618 و 382؛ ولعرض ورقة A4 البالغ 210 مم يكون حوالي 130 و 80 مم. وأرقام فيبوناتشي (8، 13، 21، 34، 55، 89، 144) تعطيك نفس التناسبات بأرقام صحيحة.

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

المجال	أين تساعد النسبة الذهبية	أرقام سريعة
التصميم الجرافيكي والتخطيط	تقسيم الصورة والنص، ومكان العناوين والعناصر البصرية	62% / 38%، وخطوط شبكة فاي عند 38.2% و 61.8%
تصميم اللوجو	الجريد الإنشائي، والمنحنيات، وحجم الرمز مقابل الاسم	دوائر 13 و 21 و 34 و 55 و 89 أو 1 : 1.618 : 2.618
التايبوجرافي	تدرّج الأحجام بين النص والعناوين الفرعية والرئيسية	16 ← 26 ← 42 ← 68 بكسل
المواقع و UI/UX	المحتوى مقابل السايدبار، وأقسام الهيرو، والكروت، وتدرّج المسافات	‏740 / 460 بكسل من 1200؛ ومسافات 8، 13، 21، 34، 55
التصوير	مكان العنصر الرئيسي والأفق، والقص	شبكة فاي والحلزون الذهبي في لايت روم وفوتوشوب
الرسم والإليستريشن	نقطة التركيز، والأفق، والحركة، ومقاس القماش	شبكة فاي على الثَمبنيل، وقماش ذهبي أو 3:2
الموشن والفيديو	التكوين في كادر 16:9، ودرجات التكبير، والتوقيت	خطوط فاي في الكادر؛ ومدد مثل 300 و 500 و 800 مللي ثانية
العروض التقديمية	تخطيط السلايدات وتسلسل النصوص	صورة ورسالة 62/38؛ وتدرّج عناوين ×1.618
المطبوعات والأدوات المكتبية والتغليف	تخطيط الكارت، وشرائح الليبل، وتسلسل الواجهة الأمامية	كروت قريبة من 1.59؛ والشريحة الرئيسية على ارتفاع 61.8%
المعارض والتصميم المكاني	ارتفاع الهيدر مقابل الجدار، وعرض البانلات، ومكان الكاونتر	راجع التناسب على ارتفاع العين، على طريقة المودولور

النسبة الذهبية في التصميم: أسئلة شائعة

ما هي النسبة الذهبية بكلمات بسيطة؟

النسبة الذهبية تناسب يساوي حوالي 1 إلى 1.618. عندما تقسم شيئاً إلى جزأين بحيث يكون الكل مقارنة بالجزء الأكبر مثل الجزء الأكبر مقارنة بالأصغر، يكون الجزآن بالنسبة الذهبية. ويستخدمها المصممون كتقسيم تقريبي 62% و 38%.

من اكتشف النسبة الذهبية؟

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

ما الفرق بين النسبة الذهبية ومتتالية فيبوناتشي؟

النسبة الذهبية رقم واحد غير نسبي، حوالي 1.618. أما متتالية فيبوناتشي فقائمة أرقام صحيحة (1، 1، 2، 3، 5، 8، 13، 21…) كل رقم فيها مجموع الرقمين قبله. والنسبة بين كل رقمين متجاورين في فيبوناتشي تقترب أكثر فأكثر من النسبة الذهبية، ولهذا يستخدم المصممون أرقام فيبوناتشي كمقاسات ذهبية عملية.

هل صُمّم لوجو أبل بالنسبة الذهبية؟

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

هل النسبة الذهبية هي نفسها قاعدة الأثلاث؟

لا، لكنهما قريبتان جداً. قاعدة الأثلاث تقسم الكادر عند 33.3% و 66.7%، بينما النسبة الذهبية (شبكة فاي) تقسمه عند 38.2% و 61.8%، فتكون خطوطها أقرب قليلاً للمنتصف. والاثنتان تساعدانك على وضع العنصر الرئيسي بعيداً عن المنتصف لتكوين أكثر حيوية.

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

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