تطبيق النسبة الذهبية في التصميمات الحديثة

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

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

ما الذهبي?

بعبارات بسيطة ، فإن النسبة الذهبية (المعروف أيضا باسم نسبة الإلهية أو ال المعنى الذهبي) ، هو ثابت الرياضية التي تظهر مرارا وتكرارا في الطبيعة والأعمال الفنية.

يتم التعبير عنها كمعادلة ، متى ا أكبر من ب, (أ + ب) مقسوما على ا مساوي ل ا مقسوما على ب (انظر فقط إلى الصورة أدناه) ، والتي تساوي حوالي 1.618033987. هذا الرقم ، وغالبا ما يمثله الطابع اليوناني "فاي" ، هو النسبة الذهبية.

(مصدر الصورة: mathsisfun.com)

يمكن استخدام نفس النظرية في بناء مستطيل يسمى المستطيل الذهبي. يمكن وضع الصورة التي تتبع النسبة الذهبية بدقة داخل مستطيل يطيع النسبة.

(مصدر الصورة: creativeautomaton.com)

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

جمال طبيعي

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

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

(مصدر الصورة: in2visualdesign)

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

التكوين الإلهي

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

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

للشبكات / كتل

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

في هذا المثال ، سنقول مستطيلك هو 525 بكسل بواسطة 850 بكسل.
525 هو ا و 850 هو (أ + ب), و ب سيكون عرض شريط جانبك.
لايجاد ب, نحن ببساطة طرح من (أ + ب), وهو 325.
وبالتالي فإن عرض الشريط الجانبي الخاص بك هو 325.

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

للنص

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

دعنا نقول النص سياقك هو حجم 12.
اضرب 12 مع 1.618, النسبة الذهبية ، وستحصل على 19.416.
سيتبع حجم نص الرأس البالغ 19 أو 20 النسبة الذهبية عن كثب.

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

شبكة العمل: حكم الأثلاث

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

(مصدر الصورة: digital-photography-school.com)

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

(مصدر الصورة: net.tutsplus.com)

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

أعمدة وأحجام الخطوط: Fibonacci Sequences

أداة أخرى بسيطة لتصميم المواقع المرتبطة النسبة الذهبية أرقام فيبوناتشي. يبدأ تسلسل Fibonacci بالرقم 0 و 1. تتم إضافة الرقمين السابقين معًا لإنتاج الرقم التالي في التسلسل: 0 ، 1 ، 1 ، 2 ، 3 ، 5 ، 8 ، 13 ، 21 ، 34 ... وما إلى ذلك وهلم جرا.

يخبرنا القليل من الرياضيات أن العلاقة بين أرقام تسلسل فيبوناتشي المتسلسلة تقترب بشكل مذهل من النسبة الذهبية - قسّم أي عدد في التسلسل مع الرقم قبله وستحصل - تفكر في ذلك - 1.618.

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

(مصدر الصورة: Wikipedia.org)

اللوالب الذهبية وتكتيل المحتوى

طريقة أخرى ممكنة لاستخدام كل من النسبة الذهبية وأرقام فيبوناتشي هي اللوالب الذهبية واللوالب فيبوناتشي. اللوالب الذهبية تزداد اتساعًا بعامل مساوٍ للنسبة الذهبية لكل ربع دورة تقوم بها ، ويتم تشكيل اللوالب فيبوناتشي باستخدام تبليط Fibonacci.

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

(مصدر الصورة: fabiovisentin.com)

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

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

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