5 قانون برای انتخاب تایپ وب عالی


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

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

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

 

1. پیشخوان های بزرگ و باز

شمارنده ها فضای سفید در مرکز حروفی مانند “o” و “c” هستند. شمارنده‌های بزرگ خوانایی را افزایش می‌دهند زیرا اشکال متمایزی را در خطوط عمودی متعدد ایجاد می‌کنند که حروف کوچک لاتین را تشکیل می‌دهند.

تایپ‌هایی که شمارنده‌های بزرگ دارند به سمت ارتفاع x بزرگ (ارتفاع حروف کوچک “x”) در مقایسه با حروف نزولی و صعودی حروف (ضربه‌های کشیده روی حروفی مانند “b” و “p”) تمایل دارند. افزایش ارتفاع x اجازه می دهد تا فضای خالی کافی در حروفی مانند “e” وجود داشته باشد.

علاوه بر شمارنده‌های بزرگ، تایپ‌فیس‌های خوانا نیز تمایل دارند شمارنده‌های باز با دیافراگم‌های باز با حروفی مانند “c” و “s” داشته باشند.

counters-2

یک تایپ که این کار را بسیار خوب انجام می دهد، لاتوŁukasz Dziedzic است. > Lato دارای ارتفاع x سخاوتمندانه است که توسط شمارنده های بزرگ و باز پشتیبانی می شود.

به‌علاوه شمارنده‌های بزرگ، به دنبال زوایای تیز در مفاصل حروفی مانند «d»، «p» و «n» باشید: به دلیل ماهیت پیکسل‌ها، زاویه فضای سفید را افزایش می‌دهد و شمارنده‌ها بزرگ‌تر به نظر می‌رسند. این اثر را می توان در نیمه شمارنده ها نیز مشاهده کرد، مانند فضای خالی زیر شانه حرف “r”.

 

2. حتی سکته مغزی

یک بحث متداول در بین طراحان این است که حروف سرف یا sans-serif خواناتر هستند. برخی استدلال می‌کنند که سریف‌ها وحدت شکل کلمه را افزایش می‌دهند، برخی دیگر استدلال می‌کنند که سریف‌ها شکل‌ها را در اندازه‌های کوچک اشتباه می‌گیرند، برخی دیگر استدلال می‌کنند که این فقط یک مسئله آشنایی است. هر چه متقاعد باشید، مطالعات گسترده ای خواهید یافت که هم دیدگاه شما را ثابت و هم رد می کند.

حقیقت این است که sans serif ها به طور حاشیه ای خواناتر هستند، نه به دلیل سریف ها، بلکه به دلیل سایر ویژگی های مشترک در سبک. به طور خاص، سریف ها از یک سنت خوشنویسی نشأت می گیرند و بنابراین تمایل دارند که کنتراست ضربه ای بیشتری داشته باشند. حرکات نازک‌تر معمولاً در اندازه‌های کوچک‌تر ناپدید می‌شوند، بنابراین هر نوع تایپ با خط‌های نازک داخلی، خوانایی روی صفحه را از دست می‌دهد.

اکثر حروف تایپ دارای مقداری کنتراست ضربه ای هستند تا از نظر نوری متعادل شوند (قطعات افقی از نظر نوری ضخیم تر از خطوط عمودی با ضخامت یکسان به نظر می رسند) اما کنتراست کمتر خوانایی بیشتری ایجاد می کند.

اما سری‌های مدرن زیادی وجود دارند که عملکرد فوق‌العاده‌ای روی صفحه نمایش دارند.

tisa-2

FF Tisa یک تایپ بسیار خوانا است. علاوه بر شمارنده های بزرگ آن، کنتراست ضربه ای آن حداقل است. FF Tisa دارای یک تایپ بدون سریف همراه است: FF Tisa Sans. این دو را با هم مقایسه کنید و واضح است که این ارتفاع x بزرگ، شمارنده‌های قابل توجه و کنتراست حداقلی است که خوانایی آن را ایجاد می‌کند، نه وجود یا عدم وجود سریف‌ها.

اگر با دقت نگاه کنید، می‌بینید که FF Tisa کنتراست کمتری نسبت به FF Tisa Sans دارد. همچنین خواهید دید که در برخی از کاراکترها، به عنوان مثال، سریف ها دیافراگم ها را کمی می بندند. این باید نشان دهد که Tisa Sans به طور حاشیه ای خواناتر از Tisa است، اما سریف ها یک مزیت اضافی ارائه می دهند…

 

3. حروف متمایز

وقتی یک تایپ برای استفاده از صفحه نمایش را آزمایش می‌کنید، قبل از اینکه نام، نام دامنه یا هر چیز دیگری را امتحان کنید، متن “1Illinois” را امتحان کنید.

در نهایت می‌خواهید ترکیب‌های متعددی را امتحان کنید، اما «1Illinois» تنها عبارتی است که برای فهرست کوتاه یک تایپ‌فیس به آن نیاز دارید. نه تنها شامل شمارنده‌های باز و بسته، و یک قوس برای قضاوت کنتراست ضربه‌ای است، بلکه شامل برخی از مشکل‌سازترین کاراکترهای یک حروف چاپی نیز می‌شود: عدد 1، حروف بزرگ I، حروف کوچک l، و تا حدی حروف کوچک. من.

1illinois-2

از مثال کلاسیک Gill Sans استفاده کنید. این یک تایپ به زیبایی طراحی شده است، اما روی صفحه کار نمی کند. “1Illinois” را در Gill Sans تایپ کنید و خواهید دید که حروف در هر اندازه ای قابل تشخیص نیستند. اینجاست که حروف سریف – که با کنتراست استوک بیشتر و دیافراگم‌های تنگ‌تر مقدار کمی خوانایی را از دست می‌دهند – با sans serif‌ها به حالت یکنواخت بازمی‌گردند. Merriweather را با Gill Sans مقایسه کنید و می‌توانید ببینید که با وجود ساده‌تر بودن Gill Sans در شکل حروف، Merriweather به دلیل کاراکترهای متمایز که با افزودن سریف‌ها آسان‌تر به دست می‌آیند، بسیار خواناتر است.

حرف‌های متمایز در انحصار سریف‌ها نیستند. Fira خیلی عالی کار می‌کند با تمایز بین نویسه‌هایی با تغییر ارتفاع، و دم‌ها روی «l» کوچک.

در حالت ایده‌آل، یک تایپ با تنوع در سرتاسر مجموعه کاراکترها پیدا خواهید کرد. تایپ‌فیس‌هایی با داستان‌های دوگانه سنتی «a» و «g» خواناتر از سان‌های هندسی مانند Futura هستند.

یکی از موارد دلخواه شخصی من Ideal Sans است. . فقط تفاوت جزئی بین «I» و «l» کوچک را مدیریت می کند، اما با دقت نگاه کنید و خواهید دید که تقریباً هر ضربه متمایز است. عدم تقارن و تنوع بین نویسه‌هایی که معمولاً یکدیگر را منعکس می‌کنند، وقتی در اندازه‌های متن معمولی تنظیم می‌شوند، حروفی بسیار خوانا ایجاد می‌کند.

 

4. ریتم ثابت

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

یک تایپ فیس نمی تواند فاصله بین خطوط متن را کنترل کند، اما فاصله عمودی را کنترل می کند. می‌توان ردیابی نوشتار را تنظیم کرد، آن را برای متن نمایشی سفت کرد و برای متن بدنه آن را شل کرد، اما این کار باعث تنظیم ریتم ضربه‌های تعبیه‌شده در تایپ‌فیس نمی‌شود.

علاوه بر دیافراگم تنگ، ریتم ضعیف یکی از است نقاط ضعف Helvetica. آن را با Effra دالتون ماگ یا More Pro که ریتم زیبایی دارد.

rhythm-2

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

 

5. سلاح مخفی

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

همه خواناترین تایپ‌هایی که تاکنون در این مقاله توصیه کرده‌ام در شش سال گذشته طراحی شده‌اند – Lato (2010)، FF Tisa (2008–2010)، FF Tisa Sans (2011)، Merriweather (2013)، Fira Sans (2013)، Effra (2008)، More Pro (2010) – توسط طراحانی که به طور خاص برای استفاده از صفحه نمایش طراحی می کردند.

Helvetica یک انتخاب وحشتناک برای وب است، اما چگونه می تواند چیز دیگری باشد زمانی که نه شش، بلکه تقریبا شصت سال پیش زندگی خود را آغاز کرد؟

اگر شک دارید، بررسی کنید که چه زمانی یک تایپ فیس طراحی شده است. اگر در چند سال گذشته منتشر شده باشد (به استثنای چند مورد عمدی) احتمالاً استفاده در وب را پیش‌بینی می‌کند.

 

نتیجه‌گیری

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

لذت تایپوگرافی این است که هر پروژه دارای موارد استفاده است که به این معنی است که هیچ نوع تایپ همیشه بهترین گزینه نیست.

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

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

بدون دیدگاه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *