황금비율 계산
황금비율은 간단하게 계산할 수 있어요. 특정 값에 1.618만 계산하면 되거든요.
그런데 계산은 귀찮으니까 GPT에게 물어보거나 자동 계산하고 시각화해주는 도구를 사용하는게 베스트겠죠.
황금비율 예시
입력값을 가로, 황금비율로 계산된 값을 세로로 두는 등의 방법으로 활용할 수 있어요.
| 입력값 | 황금비율로 계산된 값 | 활용 |
| 100 | 161.8 | Typography, Button Height |
| 120 | 194.16 | Typography, Small Cards |
| 144 | 232.99 | Icons, Logo Elements |
| 160 | 258.88 | Buttons, Component Heights |
| 192 | 310.66 | Icons, Profile Pictures |
| 240 | 388.32 | Card Width, Modal Dialogs |
| 256 | 414.21 | Grid Layouts, Sidebar Width |
| 320 | 517.76 | Mobile Layouts, Image Thumbnails |
| 360 | 582.48 | Mobile Layouts, Column Widths |
| 400 | 647.2 | Feature Images |
| 480 | 776.64 | Desktop Layouts, Sidebar Widths |
| 512 | 828.42 | Logos, Illustrations |
| 600 | 970.8 | Forms, Modals |
| 640 | 1035.52 | Tablet Layouts, Image Containers |
| 720 | 1164.96 | Tablet Layouts, Image Galleries |
| 800 | 1294.4 | Web Layouts, Main Content Width |
| 960 | 1553.28 | Web Layouts, Grid Columns |
| 1024 | 1656.83 | Tablet Screen Widths, Content Areas |
| 1080 | 1747.44 | Standard HD Resolution Height |
| 1200 | 1941.6 | Website Width, Full-Screen Modals |
| 1280 | 2071.04 | Desktop Layouts |
| 1366 | 2210.19 | Common Laptop Screen Width |
| 1440 | 2329.92 | Widescreen Monitors, Layouts |
| 1536 | 2485.25 | High-Resolution Displays |
| 1600 | 2588.8 | Large Web Layouts |
| 1680 | 2718.24 | Desktop Grid Layouts |
| 1920 | 3106.56 | Full HD Screens, Page Widths |
| 2048 | 3313.66 | Retina Displays, High-Resolution UI |
| 2560 | 4142.08 | 4K Screens, Ultra-Wide Layouts |
| 3840 | 6213.12 | 4K Ultra HD, Large Displays |