تایپوگرافی و بهترین فونت ها برای طراحی لوگو

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

انتخاب طرح فونت زمانی که باید آن را بزرگ بگویید

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

این طرح برای okalpha از Neue Haas Grotesk در صفحه فرود خود استفاده می کند - یک فونت قوی با سبک سازی کافی برای جذاب نگه داشتن آن. اگر می‌خواهید طراحی شما از نوع بزرگ باشد، از چیزی ساده مانند فونت‌های sans serif بدون تزئینات زیاد استفاده کنید. شما می توانید در صفحه عنوان خود جذاب باشید، اما فونت های بزرگ و شلوغ می توانند خواندن را خسته کنند.

Okalpha از اندازه کوچکتر و وزن سبکتر Neue Haas Grotesk برای کپی بدنه خود استفاده کرده است که به طرح کمی کنتراست می دهد. این یک درس بزرگ در خویشتن داری است. شما مجبور نیستید طرح های خود را با ترکیبی از فونت ها گیر کنید - چند تغییر سبک این امکان را فراهم می کند که از همان فونت در سرتاسر استفاده کنید. و البته استفاده از فونت های متعدد ایرادی ندارد، اما گاهی اوقات سادگی بهترین انتخاب است.

فراموش نکنید: Webflow اضافه کردن فونت های Google، فونت های Adobe و حتی فونت هایی را که طراحی کرده اید به کتابخانه ما آسان می کند. این آموزش ویدیویی را بررسی کنید تا ببینید چقدر آسان است.

ترکیب تصاویر در طراحی فونت

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

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

افزودن شکوفایی دست خط

Cowlick Appeal، یک آژانس طراحی مستقر در سن دیگو، از این طرح فونت شکسته تنها یک بار برای عنوان قهرمان خود استفاده می‌کند و آن را واقعاً ... آه ... متمایز می‌کند. (خودم را بیرون خواهم دید.)

به لطف کارت‌های تبریک بی‌نظیر، دعوت‌نامه‌های عروسی، و حروف خط شکسته همراه با واژه‌پردازهای دهه 1990، فونت‌های دست‌نویس می‌توانند چشم‌نوازی را تداعی کنند. اما لزومی ندارد که آن‌ها خوش‌طعم باشند. بسیاری از فونت‌های شکسته با ذوق، با چرخش‌ها و چرخش‌هایی که کمی سبک و کمی شخصی‌سازی می‌افزایند، ارائه شده‌اند. باز هم، از آنها کم استفاده کنید، زیرا در صورت زیاده‌روی ممکن است خواندن آن‌ها برایتان دشوار باشد.

برای انتخاب خوبی از فونت های اسکریپت و دیگر حروف نوشتاری مفید - همه رایگان - Font Squirrel را بررسی کنید.

استفاده از فونت فیس های آینده نگر

چرا فونت‌هایی که با فناوری پیشرفته طراحی می‌شوند می‌توانند خیلی سریع و قدیمی به نظر برسند؟ اوه طنز. تایپ‌فیس‌های رایانه‌ای/فناوری همگی شبیه به یک بازی ویدیویی دهه 80 نیستند.

Holonautic از حروف چاپی Hyperion برای متن قهرمان و تیتر خود استفاده می کند. این فونت الهام گرفته از علمی تخیلی حسی آینده نگرانه را منتقل می کند که به خوبی با سایر عناصر بصری طراحی مطابقت دارد. این تایپ فیس کنتراست خوبی را با کپی بدنه در Exo (فونتی که با کتابخانه فونت Webflow همراه است.) ارائه می دهد.

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

League of Moveable Type یک فهرست منبع باز از فونت های رایگان است. Orbitron تنها یکی از فونت‌های باکیفیت است، اگر به دنبال چیزی با حسی آینده‌نگر هستید.

استفاده از فونت های کاربردی که هرگز از مد نمی افتد

بتی کراکر یک موسسه قدیمی آمریکایی است. این سایت از Museo Slab، به ویژه در هدر آنها استفاده می کند، که به طراحی آنها کیفیتی بی انتها می دهد که برای برند آنها عالی است.

Futura یکی دیگر از فونت های کلاسیک است که توسط بسیاری از طراحان وب استفاده می شود. اولین بار در سال 1925 معرفی شد، ساده، سبک و بسیار خوانا است.

Futura یکی از معدود فونت هایی است که Neiman Marcus برای سایت خود استفاده می کند. در تصویر زیر، Futura را می بینیم که برای عنوان، دکمه و کپی بدنه در مجموعه Johnny Was خود استفاده شده است.

استفاده از طرح های فونت با الهام از گذشته

فونت های کلاسیک هم از طریق چاپ و هم از طریق دیجیتال دوام آورده اند، اما فونت های مدرن نیز به تایپوگرافی گذشته اشاره می کنند. Space Mono که در بیش از 37000 وب سایت استفاده می شود، به شدت تحت تأثیر تایپوگرافی 1960 است.

نمونه کارها آنلاین Chiu Pak Ki، Candychiu، از یک ترکیب رنگ کلاسیک و یک حلقه متن متحرک ساخته شده از فونت Space Mono برای طراحی جذاب استفاده می کند.

Work Sans یکی دیگر از طراحی‌های فونت است که ریشه در فونت‌های سبک گروتسک دارد و خوانایی آن را به انتخابی معقول تبدیل می‌کند. Verily (قبلاً Google Life Sciences) از Work Sans در سراسر وب سایت خود استفاده می کند.

در حالی که برخی ممکن است استدلال کنند که به طور مستقیم توسط هیچ یک از فونت های سنتی اطلاع رسانی نمی شود، Alegreya (در ابتدا برای ادبیات در نظر گرفته شده بود) آشنایی با نسخه چاپی را به ذهن متبادر می کند. همچنین یک خانواده فوق العاده است، به این معنی که فرمت های متعددی از جمله فونت های sans-serif دارد. می‌توانید Alegreya را هم در فونت‌های Google و هم در فونت‌های Adobe پیدا کنید.

الگریا در عین حال احساس آشنایی و تازگی می کند.

ساده و ساده گفتن

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

برای بلوک‌های بزرگ محتوا و بخش‌هایی که تنها به یک فونت ساده نیاز دارید، فونت‌های کاربردی زیادی برای انتخاب وجود دارد. Arial، Verdana، و Georgia حروف ساده‌ای هستند که تقریباً در همه جا قابل استفاده هستند - همه در کتابخانه فونت Webflow گنجانده شده‌اند.

چه چیزی می تواند سودمندتر از یک فونت طراحی شده با برنامه های کاربردی دولتی باشد؟ Public Sans معادل تایپوگرافی این است که می‌گوییم: «فقط واقعیت‌ها، خانم».

یکی دیگر از گزینه های عالی برای فونت های بی معنی Roboto است که در فونت های گوگل یا فونت های Adobe یافت می شود. Roboto یکی دیگر از طراحی فونت های انعطاف پذیر است. Roboto می تواند حروف تمیزی باشد که پروژه بعدی شما نیاز دارد:

جفت کردن فونت ها

ما به چند روند مختلف تایپوگرافی نگاه کرده ایم که بیشتر و بیشتر ظاهر می شوند. اما با تعداد زیادی فونت جالب برای انتخاب، بسیار عالی خواهد بود که بتوانید ترکیبات مختلف را در طبیعت مشاهده کنید. تا-دا! در اینجا چند منبع برای انجام این کار وجود دارد:

فونت های در حال استفاده

فونت های در حال استفاده یک منبع عالی از فونت های ارسال شده توسط کاربر است که در رسانه های مختلف یافت می شود. شما می توانید با یک فونت خاص جستجو کنید - در زیر نتایج برای Clarendon آمده است. هر پروژه فونت های استفاده شده را فهرست می کند تا بتوانید نمونه های واقعی ترکیب های مختلف را ببینید.

ترکیب فونت برای طراحان وب

ترکیب فونت برای طراحان وب مفید و آسان برای استفاده است. فقط یک فونت را از لیست انتخاب کنید و voilà - یک مدل ساخت خودکار از جفت‌های فونت‌هایی که شاید نام آن را نشنیده باشید یا در نظر نگرفته باشید. این سایت یک ابزار فوق العاده مفید برای رهایی از خرابی فونت های شماست.

FontReach

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

طراحی فونت خودتان

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

Fontself Maker

Fontself Maker یک افزونه مفید است که می توانید در Illustrator و Photoshop CC استفاده کنید. و بهتر از همه، فونت‌های OpenType را در اختیار خواهید داشت که می‌توانید بدون در نظر گرفتن سطح مهارت‌تان در Webflow از آنها استفاده کنید. Fontself Maker به شما امکان می دهد تایپوگرافی ایجاد کنید که می توانید از آن در برنامه های مختلف برای انجام کارهایی مانند ارسال متن در فونتی که ایجاد کرده اید استفاده کنید.

گلیف ها

Glyphs یک برنامه طراحی فونت برای مک است. دارای برخی ویژگی‌های خوب، مانند توانایی دیجیتالی کردن طرح‌های خودکار یا مداد، یک سیستم برداری پیچیده و در عین حال آسان برای استفاده، لایه‌بندی و عملکرد OpenType. آنها همچنین شامل آموزش های زیادی هستند که به شما کمک می کند تایپت های خود را ایجاد کنید.

FontLab 6

FontLab 6 انعطاف پذیری برای ایجاد ساده ترین یا پیچیده ترین فونت ها را دارد. این به طراحان کنترل بسیاری از متغیرها را می دهد و OpenType را ایجاد می کند که می تواند برای انواع زبان های مختلف استفاده شود. FontLab 6 برای طراحان تایپ و علاقه‌مندان به فونت ساخته شده است. و اگر قبل از استفاده از برنامه آن‌ها اهل تایپوگرافی نیستید - مطمئناً یکی خواهید شد.

انتخاب فونت هوشمند + محتوای عالی = طراحی وب عالی

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

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