روند فونت های گسترده در طراحی وب چیست؟

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

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

فونت های گسترده چیست؟

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

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

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

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

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

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

فونت های گسترده در عمل

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

سالنامه طراحی اتحاد جماهیر شوروی

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

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

جشنواره دمو

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

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

گامرود

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

این سبک با ارائه یک کنتراست بصری جالب، فونت‌های گسترده را تکمیل می‌کند – هندسه ساختار یافته فرم‌های توسعه‌یافته را بازی می‌کند و سلسله مراتب بصری متعادل و در عین حال پویا را ایجاد می‌کند.

گروتسک شارپ دراپ باکس

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

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

قالب Shopify را ساده کنید

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

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

FATES World

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

این انتخاب تایپوگرافی مکمل محتوای موضوعی سایت است که حول محور اکتشاف فضا و مفاهیم آینده نگر می چرخد.

کلود

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

فونت های گسترده در کلود به آن احساس مدرن می دهد و روایت نمایش را بهبود می بخشد. در روند و مرتبط به نظر می رسد.

طراحی با واید تایپ

گنجاندن Wide Type در طراحی وب فقط انتخاب یک فونت پررنگ نیست. این در مورد ساخت یک داستان برند و ایجاد یک تأثیر بصری است که با مخاطب طنین انداز می شود.

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

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

گنجاندن فونت های گسترده در طراحی وب شما می تواند عمق، تأثیر و کاراکتر را به طرح شما بیافزاید. هنگامی که به طور موثر استفاده می شود، می تواند جذابیت بصری کلی وب سایت شما را افزایش دهد و تجربه کاربر را افزایش دهد.

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

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

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

فونت‌های گسترده و فونت‌های توسعه‌یافته اینجا هستند – فعلا

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

آیا در طراحی بعدی خود از فونت های پهن استفاده خواهید کرد؟ آنها ممکن است فقط چیزی باشند که طراحی شما برای تأثیرگذاری به آن نیاز دارد.