آموزش تایپوگرافی در طراحی UX/UI – راهنمای کامل طراح (+ فایل Figma Typescale)

Typography in UX/UI Design – The Complete Designer Guide (+ Figma Typescale File)

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

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

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

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

  • فونت‌های تایپ‌فیس، و چه تفاوتی با هم دارند؟
  • سریف، سوپرخانواده‌های Sans Serif
  • حروف تایپ را از کجا پیدا کنیم؟
  • به چه تعداد فونت در طراحی UI خود نیاز دارید؟
  • تنظیم یک مقیاس نوع. من دو روش مختلف را به شما نشان خواهم داد تا اندازه فونت را درست کنید.
  • چرا از rem و نه px استفاده می کنیم. برای طراحی UI در دسترس بسیار مهم است!
  • وزن قلم، ارتفاع خط و طول خط. جزئیات کوچکی که باعث درخشش طراحی وب شما می شود.
  • کنتراست، و چرا از نظر قانونی باید این مورد را به درستی انجام دهید.
  • تایپوگرافی پاسخگو، اینجاست که جادو اتفاق می افتد!

می‌توانید مقیاس تایپوگرافی خود را در کنار آن ایجاد کنید که می‌توانید برای همه پروژه‌های آینده‌تان دوباره از آن استفاده کنید و در زمان خود صرفه‌جویی کنید!

© moonlearning.io با یادگیری ماه

مقیاس تایپوگرافی خود را تنظیم کنید.


در این دوره، همه چیز را در مورد تایپوگرافی در طراحی UI به شما خواهم گفت. می توانید مقیاس نوع خود را به طور مستقل تنظیم کنید یا از فایل های Figma از پیش تعیین شده من استفاده کنید و آنها را با حروف و تنظیماتی که انتخاب می کنید سفارشی کنید. لطفا توجه داشته باشید که من فقط در Figma تدریس می کنم و بنابراین فقط فایل های Figma را ارائه می دهم (بدون Sketch، بدون AdobeXD). به هر حال، شما می توانید یک اکانت Figma را به صورت رایگان (محدود به تعداد مشخصی از پروژه ها) راه اندازی کنید و فایل را به صورت رایگان مشاهده کنید.

فونتی که من استفاده می کنم یک فونت Poppins، یک فونت گوگل است. اگر برنامه Figma را نصب کرده اید باید به طور خودکار نشان داده شود. اگر با Figma در مرورگر کار می کنید، لطفاً حتما دانلود و نصب کنید: https://fonts.google.com/specimen/Poppins


سرفصل ها و درس ها

نمایش نظرات

آموزش تایپوگرافی در طراحی UX/UI – راهنمای کامل طراح (+ فایل Figma Typescale)
جزییات دوره
48m
21
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
2,084
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Christine Vallaure Christine Vallaure

UI/UX DESIGN + CODE

طراح UX/UI با علاقه به کد و بنیانگذار .

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

علاوه بر پروژه‌های مشتری (بازدید برای منابع)، من در حال ساختن یک پلتفرم یادگیری آنلاین برای طراح UX/UI. من همچنین در مورد کد طراحی در رسانه و من می نویسم.

برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .