الرئيسية / تصميم / النسبة الذهبية في التصميم الاحترافي

النسبة الذهبية في التصميم الاحترافي

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

النسبة الذهبية هى نسبة رياضية, عادة ما توجد فى الطبيعة, وتستخدم فى نظريات التصميم الكلاسيكية لإنشاء تراكيب معتدلة. إنها تساوى 1.6180 تقريبًا, وتُعرف أيضًا بإسم “المتوسط الذهبى” , “القسم الذهبى”,ويُرمز لها بالرمز فاى “ϕ”.

المستطيل الذهبى هو مستطيل طوله يساوى 1.6180 عرضه. مثال, div أحد جوانبه يساوى 300px والآخر يساوى 300*1.6180 ≈ 485px يمكن أن يُقال عليه مستطيل ذهبى

إذا رسمت مربع من ذلك المستطيل الذهبى, ستحصل على مستطيل ذهبى آخر

يمكنك عمل نفس الشئ للمستطيل الأصغر, وستحصل على نفس النتيجة بالتأكيد كما بالصورة:

متسلسلة فيوبانشى شبيهة للنسبة الذهبية, ولكن ليسوا متطابقين . إنها عبارة عن سلسلة من الأرقام حيث يكون الرقم التالى يساوى مجموع الرقمين السابقين مثال: 0, 1, 1, 2, 3, 4, 7

إذا أخذنا مربع, واضفنا له مربع آخر فسنحصل على مستطيل:


استمر بإضافة مربعات للجانب الأكبر طولًا

ثم أضف مربع آخر, للجانب الأكبر طولًا للشكل النهائى:

هلم جرًا:

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

لنقم الآن بتحليل بعض المواقع حيث نستطيع أن نطبق على ما تعلمناه.


yourlocalstudio.dk

“Your Local Studio ” هو استديو يقدم خدمات التصميم والتطوير يوجد فى كوبنهاجن, بالدنمارك. إنهم يتخصصون فى إنشاء الأفكار المرئية المختلفة لصنع تجارب تطور الأماكن المحيطة.

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

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


mashable.com

Mashable هو موقع أخبار; مصدر معلومات, معرفة ومصادر للجيل المتصل.

لقد اسخدمت خدمة اختبار النسبة الذهبية من UX Triggers لأكتشف كيف استخدم Mashable متسلسلة فيوبانشى فى تصميمه. تخطيط مرن للمحتوى , مع العناوين فى اليسار وروابط لأخبار أخرى فى اليمين, فُصلت عن طريق الشبكية.

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


www.jandk.fr

Jackson & Kent شركة لمنتجات الويب من فرنسا. إنهم يختصون فى الخدمان التقنية مثل HTML5, CSS3, Drupal, WordPress, PHP/MySQL, Flash إلخ.

الصورة بالأسفل تُوضح كيف أن الأعمال السابقة تُمثل مساحة كبيرة من التصميم. ويوجد أيضًا مساحة من معلومات عن الشركة نفسها و شريط التنظيم “navigation bar” فى منتصف الشاشة. زر الإتصال, كما يظهر بالأسفل, يستخدم النسبة الذهبية كنظام للشبكية لتنظيم التصميم فى طريقة فريدة.

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

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

عن احمد ناصر

Author Image
أخوكم احمد حماد المعروف ب (أحمد ناصر) حاصل على شهادة البكالوريوس في علم الحاسوب (البرمجة وهندسة البرمجيات) من جامعة بيرزيت ومبرمج ومطور انظمة مرخص من شركة سيلز فورس كلاود العالمية، يعمل في مجال برمجة وتسويق التطبيقات والالعاب منذ اكثر من 5 سنوات وقام بنشر وتصميم وبرمجة العديد من الالعاب لمنصات الاندرويد والايفون والفيس بوك واليونتي ولديه اكثر من 20 لعبة مرفوعة على المتاجر المذكورة. يعمل حاليا كمستشار تقني في عدة شركات كشركة انترجوي، وريتش وشركتنا الخاصة أحمد ناصر للحلول الشاملة ويقوم بتقديم خدماته التدريبية في عدد من المعاهد في الشرق الاوسط ويختص في تطوير الكادر التقني العربي في مجالات الويب والموبايل والالعاب والتسويق الالكتروني، سجل معه في دوراته باللغة الانجليزية والعربية اكثر من 10000 طالب وحصل على تقييم من 4.8 الى 5 نجوم في مختلف الدورات في تصميم وبرمجة الالعاب التي يمكنك مشاهدتها على موقعنا، يسرنا ان ننقل خبرة السنوات اليكم في ساعات قليلة وفي غضون بضعة اسابيع ستملك جميع الخبرة اللازمة لتكون مطور العاب و تطبيقات محترف ومستقل وأكثر. قبل 12 سنة تقريبا بدأت باستخدام برنامج الفوتوشوب وأحسست ان لي ميولا كبيرا نحو عالم التصميم فتعلمت الفلاش وبرامج الملتميديا وكان لي برامج تعليمية ومسابقات قمت بتصميمها لمختلف النوادي والجمعيات وبعض المؤسسات حيث انني عملت في مجال التصميم والطباعة لفترة جيدة في حياتي كمصمم، بعدها انتقلت الى تعلم البرمجة بداية من لغة السي والفيجوال بيسك مرورا بتعلم اكثر من 18 لغة برمجة مختلفة شكلت لي كمهووس بالبرمجة قدرة كبيرة على الربط بين جميع هذه اللغات لعمل بعض البرامج المختلفة البنية. عملت لعدة سنوات مصمم ومبرمج لبرامج وتطبيقات الويب لعدد من وكالات الاخبار والمواقع التجارية الالكترونية في الشرق الاوسط وأمريكا، بعدها قررت الانتقال الى برمجة تطبيقات الاندرويد والايفون وعملت عدة تطبيقات كبيرة لزبائن في الامارات والمملكة المتحدة وأمريكا. قررت بعدها الانتقال الى مجال برمجة الالعاب وخصوصا اليونتي لانه كان لي ميول كبير في ربط كل الخبرات السابقة الى مجال اكثر من رائع وهو مجال الالعاب الالكترونية لاجهزة الموبايل والذي حقق مبيعات اكثر من 13 مليار دولار في 2014 وحدها، قمت خلال اكثر من ثلاث سنوات من العمل على منصة اليونتي بتطوير اكثر من 20 لعبة لمختلف الزبائن حول العالم وقمت بتصميم العاب والعمل على تسويقها بنفس الوقت الامر الذي اكسبني خبرة كبيرة في مجال بيع الالعاب وتسويقها بالاضافة الى برمجتها وتصميمها. وجدت ان هناك صعوبة لدى فئة كبيرة في تعلم البرمجة لذلك قررت البدء بتعليم وتدريس البرمجة عن طريق الالعاب لعدد كبير من الطلاب ليستفيدوا ويحققوا نجاحهم واستقلاليتهم ولنقل تجربتي الشخصية لهم فقررت البدء بتدريس البرمجة واضعا هدفا واضحا نصب عيني وهو: تعلم البرمجة والتصميم لا ينبغي ان يكون صعبا، مقلقا او معقدا لسوء الحظ، العديد من الكورسات التعليمية تمشي مع الطالب بسرعة كبيرة، يفترضون ان الطالب يكون لديه الخبرة التقنية المتقدمة او لا يقدمون اية مهارات عملية.

شاهد أيضاً

السجادة المضيئة للصلاة

ابتكارات .. ” السجادة المضيئة “

الإبتكار هو عبارة عن فكرة جديدة ظهرت نتيجة لحاجة ما في عقل مختريعها ليكمل ما …