آموزش تایپوگرافی در طراحی 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
درس ها Lessons
-
سیستم های مقیاس بندی مختلف برای نوع مقیاس شما Different Scaling Systems for Your Typescale
-
وزن قلم Font Weight
-
حروف و فونت ها Typefaces & Fonts
-
تایپوگرافی پاسخگو: خلاصه Responsive Typography: Summary
-
چند تایپ فیس How Many Typefaces
-
تایپوگرافی پاسخگو: رویکرد واقعا سیال Responsive Typography: Truly Fluid Approach
-
کجا می توان فونت ها را پیدا کرد Where to Find Fonts
-
معرفی تایپوگرافی پاسخگو Responsive Typography Intro
-
خوش آمدی Welcome
-
طول خط بهینه Optimal Line Length
-
چرا REM و نه PX Why REM and Not PX
-
فضای سفید ابر قدرت White Space Super Power
-
مقدمه Intro
-
متشکرم Thank You
-
کنتراست در تایپوگرافی Contrast in Typography
-
راه اندازی یک Typescale Setting Up a Typescale
-
تایپوگرافی پاسخگو: رویکرد تک مقیاس Responsive Typography: Single Scale Approach
-
مواد دوره Course Material
-
تایپوگرافی پاسخگو: مقیاس کردن اندازه ریشه Responsive Typography: Scaling the Root Size
-
Serif، Sans Serif و Superfamilies Serif, Sans Serif & Superfamilies
-
ابهام زدایی از ارتفاع خط Demystifying Line Height
https://donyad.com/d/756257
Christine Vallaure
UI/UX DESIGN + CODE
طراح UX/UI با علاقه به کد و بنیانگذار .
من در سطح بینالمللی، داخلی و از راه دور روی پروژههایی برای برندها، آژانسها و استارتآپهای پیشرو کار کردهام. من عمیقاً به ایجاد محصولاتی با فکر و زیبایی اهمیت می دهم. کارهای من از ایدههای اولیه گرفته تا طرحها، وایرفریمها، نمونهسازی اولیه و تنظیم جلویی را شامل میشود.
علاوه بر پروژههای مشتری (بازدید برای منابع)، من در حال ساختن یک پلتفرم یادگیری آنلاین برای طراح UX/UI. من همچنین در مورد کد طراحی در رسانه و من می نویسم.
برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .
نمایش نظرات