نسبت طلایی: راهنمای نهایی درک و استفاده از آن

طراحان در همه جا باید از نسبت طلایی مطلع شوند. این یک نسبت ریاضی است که طرح های زیبایی شناختی را ایجاد می کند. از آنجا که نسبت طلایی در طبیعت بسیار زیاد وجود دارد ، جای تعجب نیست که نتایج آن طبیعی است.

عکس توسط Bogomil Mihaylov در Unsplash

نسبت طلایی با چندین نام دیگر نیز پیش می رود:

• نسبت الهی
• میانگین طلایی
• بخش طلایی
• فی (نامه یونانی)

فهرست مطالب

• 1 ریاضی در پشت نسبت طلایی
  • 1. 1 برای درک نسبت طلایی ، ابتدا باید مستطیل طلایی را درک کنید
  • 1. 2 بازگشت به مستطیل طلایی ، زیرا درک آن بسیار ساده تر است
  • 1. 3 توالی فیبوناچی
  • 1. 4 حلقه های طلایی
  • 3. 1 بیایید نگاهی به یک مثال متداول بیندازیم: پارتنون
  • 4. 1 نسبت طلایی و چیدمان
  • 4. 2 نسبت طلایی و فاصله
  • 4. 3 نسبت و محتوای طلایی
  • 4. 4 ذکر محترم: نسبت طلایی و تصاویر

  ریاضی پشت نسبت طلایی

  من قصد دارم ریاضیات نسبت طلایی را به سادگی ممکن و بدون اینکه به جزئیاتی بپردازم که واقعاً نیازی به دانستن آن ندارید ، توضیح دهم. اگر می توانید از ریاضیات خودداری کنید ، عالی است. اما اگر نمی توانید ، این اشکالی ندارد - شما هنوز هم می توانید از این مفهوم در طرح های خود استفاده کنید.

  برای درک نسبت طلایی ، ابتدا باید مستطیل طلایی را درک کنید

  مستطیل طلایی یک مستطیل بزرگ است که در داخل آن مربعی دارد. طرفین مربع برابر با کوتاهترین طول مستطیل هستند:

  

  نسبت طلایی عددی است که (نوع) برابر با 1. 618 است ، دقیقاً مانند PI تقریباً برابر با 3. 14 است ، اما دقیقاً نیست.

  شما یک خط می گیرید و آن را به دو قسمت تقسیم می کنید - یک قسمت طولانی (a) و یک قسمت کوتاه (b). کل طول (a + b) تقسیم شده توسط (a) برابر با (a) تقسیم شده توسط (b) است. و هر دو این تعداد برابر با 1. 618 است. بنابراین ، (A + B) تقسیم بر (الف) برابر با 1. 618 ، و (الف) تقسیم بر (ب) نیز برابر با 1. 618 است.

  بازگشت به مستطیل طلایی ، زیرا درک آن بسیار ساده تر است

  هنگامی که یک مربع را درون مستطیل قرار می دهید ، مستطیل کوچکتر دیگری ایجاد می کند. خطوط سیاه را نادیده بگیرید و به جعبه های قرمز و سبز نگاه کنید:

  

  مربع قرمز دارای چهار طرف برابر است و طول آن برابر با کوتاهترین طول مستطیل است. با تقسیم آن مربع ، شما به طور خودکار یک مستطیل کوچکتر دیگر (که به رنگ سبز مشخص شده است) ایجاد می کنید. آنها با هم یک طرح نسبت طلایی کامل و پایه ای برای مارپیچ طلایی ایجاد می کنند.

  همچنین می توانید یک مستطیل طلایی جدید را از مستطیل کوچکتر درست کنید ، مانند این موردی که به رنگ آبی بیان کردم:

  

  یک نمودار نسبت طلایی سنتی دارای هشت مستطیل طلایی است:

  

  و در اینجا کوچکترین مستطیل طلایی ، شماره 8 است:

  

  اگر در پایین سمت چپ شروع کنید و یک قوس درست کنید تا قسمت دور هر مقطع مربع و کوچک و کوچک را به هم وصل کنید ، مارپیچ طلایی را دریافت خواهید کرد.

  توالی فیبوناچی

  دنباله Fibonacci بسیار ساده است: شما با صفر و 1 شروع می کنید ، سپس با اضافه کردن دو عدد قبل از آن ، شماره بعدی را دریافت کنید. 0 + 1 = 1 ، سپس 1 + 1 = 2 ، و غیره. چند عدد اول در دنباله 0 ، 1 ، 1 ، 2 ، 3 ، 5 ، 8 ، 13 ، 21 ، 34 هستند.

  اگر از آن اعداد برای ایجاد مربع با آن عرض استفاده می کنید ، تقریباً می توانید یک مارپیچ طلایی ایجاد کنید:

  

  منبع: ریاضی سرگرم کننده است

  محافل طلایی

  گاهی اوقات ، دایره هایی را مشاهده خواهید کرد که به جای مارپیچ یا علاوه بر مارپیچ ، در میادین کشیده شده اند. اگر در جعبه های روکش نسبت طلایی دایره های کاملی ترسیم کنید ، آنها نسبت 1: 1. 618 را با یک دایره مجاور خواهند داشت.

  

  منبع: بخش توجه

  آرم های پپسی و توییتر از حلقه های طلایی استفاده می کنند:

  

  منبع: مذاکرات ترکیبی

  شما قبلاً این را دیده اید ، بسیار زیاد

  طبیعت پر از نسبت طلایی است. در فلور ، پوسته ها ، آب و هوا است ...

  

  منبع: عکس توسط آنی Spratt در Unsplash

  

  منبع: عکس توسط ناسا در Unsplash

  و از آنجا که ما آن را اغلب می بینیم ، مغز ما آن را ترجیح می دهد. این جذابیت ذاتی به همین دلیل است که چنین طرح قدرتمندی برای استفاده از طراحان است.

  نسبت طلایی در هنر و طراحی

  گاهی اوقات نسبت طلایی بسیار آسان است:

  

  گاهی اوقات می روید ، "من نمی دانم که شما در مورد چه چیزی صحبت می کنید ... اوه صبر کنید. حالا من آن را می بینم. من فکر می کنم."

  

  منبع: خودی های بازاریابی

  بارهای دیگر می توانستید دیوانه شوید و به آن نگاه کنید ...

  

  ... اما اگر در مستطیل طلایی اصلی صفر باشید ، کمی واضح تر می شود:

  

  بیایید نگاهی به یک مثال متداول بیندازیم: پارتنون

  

  منبع: Bloq Creative

  در ابتدا ، شما ممکن است این را ببینید و بروید ، "این فقط برای من متقارن به نظر می رسد. چگونه آنچه را که من به آن نگاه می کنم در آن چیز مارپیچ مستطیل طلایی متناسب است؟ "

  نسبت طلایی در مورد چگونگی متناسب با هر قسمت از یک طرح به طور کامل و فقط در بخش های خاص نیست. اگر این نکته بود ، سمت راست پارتنون یک بلوک بزرگ خواهد بود و سمت چپ در بلوک های کوچکتر قرار می گیرد.

  در عوض ، از این نسبت برای ایجاد هارمونی و تناسب استفاده می شود و می توان آن را از چند روش مختلف تفسیر کرد.

  در حالی که نسبت طلایی در ریاضیات پایه گذاری شده است ، می توان آن را به روش های خلاقانه سازگار کرد. در مورد پارتنون ، نسبت طلایی ارتفاع و قرار دادن اجزای طراحی را تعیین می کند. به علاوه ، چندین روش برای قرار دادن نمودارهای نسبت طلایی بر روی آن وجود دارد:

  

  

  منبع: استر Sugihto در محیط

  نسبت طلایی و طراحی وب سایت

  این که آیا شما به ریاضی یا سر خود در حال انفجار هستید ، نسبت طلایی از نظر طراحی کمی آسان تر است. شما وزنه برداری سنگین را انجام داده اید. اکنون وقت آن رسیده است که پوشش اصلی را به دست آورید و اجزای وب خود را کاملاً خوشایند کنید.

  نسبت طلایی و چیدمان

  اگر می خواهید یک طرح نسبت طلایی کامل داشته باشید ، ابعاد را روی 1: 1. 618 تنظیم کنید. به عنوان مثال ، می توانید عرض را به 960 پیکسل و قد 594 پیکسل تنظیم کنید. مستطیل طلایی از هر طرف 594 پیکسل است و مستطیل بقیه طرح را می گیرد (594 x 366).

  سوپ ماشین حساب دارای یک ماشین حساب نسبت طلایی مفید است که در آن می توانید هر اصطلاح (A ، B یا A + B) را تنظیم کنید تا مقادیر صحیح نسبت طلایی را پیدا کنید.

  یا می توانید به سادگی از این نوع طرح دو ستونی استفاده کنید ، جایی که یک ستون کاملاً گسترده تر از ستون دیگر است. این سازمان یافته است و به وضوح سلسله مراتب را نشان می دهد.

  

  منبع: National Geographic

  من این را در وب سایت خود استفاده می کنم زیرا صفحه اصلی مجموعه ای از پست های وبلاگ من است و احساس می کنم این یکی از شناخته شده ترین طرح بندی برای وبلاگ ها است:

  

  به نظر من ، طرح متقارن که ما روی مضامین ظریف استفاده می کنیم مدرن تر است:

  

  نسبت طلایی و فاصله

  نسبت طلایی می تواند به شما در تعیین مکان عناصر طراحی خود ، نسبت هایی که باید استفاده کنید و از کجا می توانید فضای منفی را ترک کنید ، کمک کند. در اینجا یک مثال ساده وجود دارد ، و تقریباً می توانید پوشش نسبت طلایی را مشاهده کنید بدون اینکه حتی آن را در صدر قرار دهید:

  

  منبع: Digiarts 2011

  در اینجا به نظر می رسد وقتی مارپیچ طلایی را در فتوشاپ اعمال می کنم:

  

  باز هم ، نسبت طلایی در ریاضیات پایه گذاری شده است ، اما وقتی استفاده از آن برای طراحی می شود ، عالی نیست. این طرح بر روی مستطیل طلایی ایجاد نشده است ، بنابراین مارپیچ طلایی از نسبت های طبیعی خارج است. با این حال ، می بینید که چگونه می تواند یک طراح را راهنمایی کند تا بزرگترین عنصر طراحی و همچنین کوچکترین عناصر و فضای منفی را در کجا قرار دهد.

  همچنین می توانید روکش نسبت طلایی را لایه بندی کنید تا آن را در عناصر مختلف همان طراحی اعمال کنید:

  

  منبع: برندسازی توسط لیموترشی. نمونه ای از Canva.

  نسبت و محتوای طلایی

  وقتی در مورد طرح و فاصله نسبت طلایی با هم فکر می کنید ، می توانید تصمیم بگیرید که محتوا را در وب سایت خود قرار دهید.

  بیایید دوباره به وب سایت National Geographic نگاه کنیم ، این بار با پوشش نسبت طلایی Canva روی آن:

  

  طرح تقسیم شده به طوری که محتوا در امتداد خط مرکز مارپیچ قرار دارد. در سمت چپ ، تعداد زیادی از مطالب وجود دارد. در سمت راست ، محتوا متراکم تر می شود و فضای منفی بسیار بیشتری وجود دارد. به سمت حاشیه مرکز مارپیچ ، یک لگو دوم National Geographic را مشاهده خواهید کرد - هیچ راهی بهتر برای رانندگی در خانه وجود ندارد تا جایی که چشم به طور طبیعی می رود.

  در اینجا نمونه ای عالی از چگونگی مارپیچ طلایی می تواند چشم شما را از طریق یک طراحی سوق دهد ، حتی از مؤلفه اصلی آن گذشته باشد. اگر مطالب زیادی برای فشار دادن در یک صفحه داشته باشید ، این مفید است. همچنین متوجه خواهید شد که حتی با چنین طراحی بسته بندی شده و مفصلی ، هنوز فضای منفی در آنجا وجود دارد.

  

  منبع: طراحی توسط کارگاه Helms. نمونه ای از Canva.

  ذکر محترم: نسبت طلایی و تصاویر

  نسبت طلایی نیز در ترکیب عکاسی استفاده می شود. به جای ایجاد مارپیچ طلایی ، نسبت طلایی تصویر را به شش بلوک تقسیم می کند. از همان نسبت طلایی در این نوع شبکه استفاده می شود: عرض و ارتفاع بخش ها 1 یا 0. 618 است.

  

  سپس از تقاطع ها برای تهیه عکس استفاده می کنید. هدف این است که یک موضوع یا قسمت اصلی یک موضوع را در یکی از خطوط تقاطع قرار دهید-موضوع نباید محور باشد و برخی از بلوک ها باید خالی بمانند (حداقل در بیشتر موارد ، حداقل-عکاسی کلان و پرتره های نزدیکتقریباً تمام قاب را پر می کند). با انجام این کار ، شما یک پرتره جالب تر از آنکه موضوع محور باشد ، ایجاد می کنید.

  یک روش بسیار ساده تر و در دسترس تر برای پیروی از این قانون استفاده از Rule of Sicture Grid است ، که احتمالاً شما در دوربین داخلی تلفن یا DSLR خود دارید.

  در اینجا تصویری است که من از پسر پسر عموی خود گرفتم. من قانون سوم را بر روی آن قرار داده ام تا به شما نشان دهم که موضوع کجا انجام می دهد و نمی کند ، قاب را پر می کند.

  

  همچنین ، ببینید که چگونه مارپیچ طلایی تقریباً به طور کامل در اطراف موضوع پیچیده می شود:

  

  نسبت طلایی با قانون سوم متفاوت است زیرا قانون شبکه سوم دارای بخش هایی با طول و عرض مساوی است. با این حال ، بسیار نزدیک - و بسیار ساده تر - این همان چیزی است که عکاسان معمولاً هنگام تهیه یا ویرایش عکس از آن استفاده می کنند.

  پیچیدن

  از نسبت طلایی می توان به عنوان IS استفاده کرد یا با اهداف شما تطبیق داده شده و برای اندازه ترفند می شود-ریاضی ممکن است قوانین سخت و سریع داشته باشد ، اما خلاقیت اینگونه نیست. در حالی که می توانید از نسبت طلایی از Get-Go برای راهنمایی طراحی خود استفاده کنید ، می توانید پس از شروع طراحی برای ایجاد ترفندها و پیشرفت ها ، از آن نیز استفاده کنید. هدف این است که این نسبت شما را راهنمایی کند ، نه اینکه مجبور به طراحی آن در آن شود.

  آماده بازی با طرح وب سایت خود حتی بیشتر هستید؟مقاله ما را در مورد استفاده از گزینه های ارتفاع و عرض جدید Divi برای ایجاد طراحی پاسخگو بررسی کنید.