۵ تکنیک سریع تایپوگرافی وب

گردآوری و تالیف : ارسطو عباسی
تاریخ انتشار : 14 خرداد 1397
دسته بندی ها : طراحی وب

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

امروزه تایپوگرافی در حال تبدیل شدن به المان‌های بصری بسیار زیبا همراه با المان‌های Canvas است. در این مطلب می‌توانید چند مورد از طراحی‌های و تکنیک‌های تایپوگرافی را مشاهده کنید.

۱. تایپوگرافی آشوب‌گرا

تایپوگرافی

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

۲. حالت بریده بریده

تایپوگرافی

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

۳. فضای خنثی

تایپوگرافی

ادغام کردن هنر نمایشی با تایپوگرافی یکی از موضوعاتی است که می‌تواند متن شما را شگفت انگیز و جذاب نشان دهد. یک تکنیک عالی استفاده کردن از فضای خنثی برای نمایش المان‌های متنی است. 

۴. حالت گرافیکی

حالت گرافیکی

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

۵. تایپوگرافی پویا

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

این مورد نیز یکی دیگر از تکنیک‌های تایپوگرافی است که مدت زیادی استفاده شده اما هم اکنون نیز قابل استفاده است. برخی از کمپین‌ها و سایت‌ها برای اینکه وبسایتی با قابلیت پویایی بیشتری را ارائه دهند از ترکیب تایپوگرافی با المان‌های حرکتی استفاده می‌کنند. 

این موضوع باعث می‌شود که کاربران جذب محتوای پیام شوند و آن را تا پایان ماجرا مطالعه کننند. 

تعداد بسیار زیادی از این شیوه طراحی را می‌توانید در قالب تعاملات کاربری نیز مشاهده کنید.

منبع

مقالات پیشنهادی

50 مجموعه برتر UI برای طراحی وب سایت و گجت های همراه

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

۵ قدم برای تسریع وبسایت‌های شما که تصاویر سنگین به همراه دارند

تصاویر یک کامپوننت کلیدی در هر وبسایتی هستند. با توجه به آمار، تصاویر ۶۰ درصد داده‌های موجود بر روی وب را تشکیل می‌دهند. بهینه‌سازی تصویر با توجه به ح...

تایپوگرافی وبسایت های فارسی

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

25 وبسایت با تایپوگرافی های زیبا

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