آذر ۱۶, ۱۳۹۹

۶ نکته طلایی تایپوگرافی در طراحی سایت

تایپوگرافی در طراحی سایت

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

فواید تایپوگرافی:

  • پیشرفت تکنولوژی و استفاده کاربران از نمایشگرهای با رزولوشن بالا (مانند رتینای اپل)،گزینه های بیشتری رو واسه تایپوگرافی جفت و جور کرده.
  • جفت و جور کردن فرصت واسه نمایش هویت برند
  • پیشرفت و بهبود کیفیت محتوای متنی
  • ابزاری واسه ایجاد سلسله مراتب چشمی (به طور خاص در مورد CTAها کاربردیه)

طراحی سایت با تایپوگرافی

۶ نکته طلایی تایپوگرافی در طراحی سایت

۱٫مهمترین عامل؛ خوانایی

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

۲٫ساده اما موثر

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

نکات زیر رو هنگام طراحی و به کار گیری تایپوگرافی در طراحی سایت در نظر داشته باشین:

  • افزایش اندازه فونت
  • به کار گیری رنگای مخالف با محیط در تایپوگرافی واسه ایجاد contrast
  • به کار گیری حالت bold فونتا

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

۳٫Serif vs. Sans Serif

سریف (Serif) به خطوط کوچیک یا زائده هایی گفته می شه که در نقاط پایانی یه حرف، رقم یا نماد اضافه می شه. فونت هایی که دارای این خطوط کوچیک هستن رو فونت های سریف می نامند.فونت های سنزسریف (Sans-serif) هم به فونت هایی گفته می شه که دارای این زوائد نیستن. (sans به معنی “بدونِ …” می باشه و کلمه ای فرانسویه)

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

چند نمونه از فونتای سریف محبوب:

  • Caslon
  • Garamond
  • Freight Text
  • Minion
  • FF Meta Serif

چند نمونه از فونتای سنزسریف محبوب:

  • Proxima Nova
  • Futura
  • Avenir
  • Open Sans
  • Helvetica Neue

۴٫سبک دست نوشته روی لایه عکس

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

تایپوگرافی در طراحی سایت

۵٫Superimposed/Shared Space

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

۶٫نبود به کار گیری چندین خونواده فونت

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

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

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