Frontend/DevOps Engineer | https://pooya.blog
اصول طراحی و تایپوگرافی
با این مطلب میتونید درک بهتری از دید هنری و اصول طراحی نسبت به هر اثر هنری یا گرافیکی پیدا کنید. این مطلب خالی از ایراد نیست، ممنون میشم بازخورد و نظرات خودتون رو برام بنویسید.
۱- اصول طراحی و ترکیب بندی
در این قسمت به اصول طراحی و ترکیببندی که با کاغذ درست شده است، میپردازیم. این ده اصل در طراحی اگر رعایت شود بهترین اثر هنری (گرافیکی و ... ) خلق میشود. که سلسله مراتب، تعادل، الگو، فضا، ریتم، تاکید، تناسب، جنبش، وحدت و تضاد، ده اصل طراحی هستند. (لطفا در دیدن عکسها دقت کنید!)
۱- تعادل - Balance
![تعادل - Balance](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/yiineonvy6xm.jpeg)
۲- سلسله مراتب - Hierarchy
![سلسله مراتب - Hierarchy](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/eistjzo6biox.jpeg)
۳- الگو - Pattern
![الگو - Pattern](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/7ohaxhhz87tp.jpeg)
۴- ریتم - Rhythm
![ریتم - Rhythm](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/lnjkt7hcojig.jpeg)
۵- فضا (فضای سفید یا خالی) - Space
![فضا (فضای سفید یا خالی) - Space](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/i9jlbhiwxbjl.jpeg)
۶- تناسب - Proportion
![تناسب - Proportion](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/ek7iqirpyjut.jpeg)
۷- تاکید - Emphasis
![تاکید - Emphasis](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/svldxepvslvv.jpeg)
۸- حرکت - Movement
![حرکت - Movement](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/vcbb4nsgimsx.jpeg)
۹- تضاد - Contrast
![تضاد - Contrast](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/s24mv6dcw6pu.jpeg)
۱۰ - پیوستگی یا Unity
![پیوستگی یا Unity](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/otu4tbdwhve4.jpeg)
۲- طبقهبندی تایپوگرافی در طراحی
در این بخش به طبقه بندی تایپوگرافی در طراحی میپردازیم. که چگونه میتوان از روی انحنا و لبهها در تایپوگرافیها، نوع تایپهای مختلف فونت رو شناسایی کرد. فونتها همگی تارخچه و سازنده خودشون رو دارن که بخاطر طولانی شدن از تاریخچه فعلا میگذرم. در ادامه فقط دو نوع فونت سریف و سنسسریف معرفی میشود.
الف - نوعهای سریف
۱- استایل قدیمی - Old Style
![استایل قدیمی - Old Style](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/6sf856vgnze8.jpeg)
۲- تایپوگرافی انتقال یا گذار - Transitional Serif
![Transitional Serif](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/qfgk9qg4vkuf.jpeg)
۳- نئوکلاسیک
![نئوکلاسیک](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/maaigbwnllet.jpeg)
۴- حکاکی
![حکاکی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/ootw6e0g57mf.jpeg)
۵- کلارندون
![کلارندون](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/h4gxvnjrxcx0.jpeg)
۶- گلیفیک
![گلیفیک](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/2ox5q2vnnnel.jpeg)
ب ـ نوعهای سنس سریف
۱- متناسب
![متناسب](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/xaseitgqsuwo.jpeg)
۲- چهارگوش
![چهارگوش](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/dihrdeojvys6.jpeg)
۳- هندسی
![هندسی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/twwxuszjqg3w.jpeg)
۴- انسانشناسی
![انسانشناسی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/x0mmz7eoboov.jpeg)
۳- نسبت طلایی در طراحی
شاید عدد طلایی، عدد فی یا نسبت طلایی در ریاضیات شنیده باشید. این عدد یا نسبت یکی از زیباترین و به دلنشینترین نسبتهای در طبیعت، صورت انسان و ... هست که شاخص زیبایی در اثر است.
نسبت طلایی یا عدد فی (ϕ) در ریاضیات و هنر هنگامی رخ میدهد که نسبت بخش بزرگتر به بخش کوچکتر، برابر با نسبت کل به بخش بزرگتر باشد.
عدد فی با ده رقم اعشار مساوی است با:
۱٫۶۱۸۰۳۳۹۸۸۷
نمونههایی از نسبت طلایی در طراحی لوگو
![رعایت نسبت طلایی در لوگوهای شرکتهای معتبر جهان](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/msdeobabpymy.jpeg)
![رعایت نسبت طلایی در لوگوهای شرکتهای معتبر جهان](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/yljdmhhf9psh.jpeg)
نمونههای معروف در لوگوهای تایپوگرافی با رعایت اصول طراحی
![نمونههای معروف در لوگوهای تایپوگرافی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/k2rohsddc1oe.jpeg)
![نمونههای معروف در لوگوهای تایپوگرافی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/dgj2f7q2a8wo.jpeg)
![نمونههای معروف در لوگوهای تایپوگرافی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/i0stwvsbzqps.jpeg)
![نمونههای معروف در لوگوهای تایپوگرافی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/yi79jcqbk5y1.jpeg)
![نمونههای معروف در لوگوهای تایپوگرافی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/cb1vtn5ipw0s.jpeg)
![نمونههای معروف در لوگوهای تایپوگرافی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/wvsvpalyhqyn.jpeg)
![نمونههای معروف در لوگوهای تایپوگرافی](https://files.virgool.io/upload/users/9474/posts/bpdk334ljqgz/pux4xrfjdhsi.jpeg)
مطلبی دیگر از این انتشارات
چرا یک فروشگاه اینترنتی باید وبلاگ داشته باشد؟
مطلبی دیگر از این انتشارات
اثر زیبایی بر کاربردپذیری — Aesthetic Usability Effect
مطلبی دیگر از این انتشارات
دیزاین سیستم و راهنمای سَبْک ( Design system & Style guide ) - قسمت صفر - معرفی