آموزش تایپوگرافی در طراحی 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
آموزش ترفندهای آسان کارت - نحوه انجام ترفندهای کارت برای مبتدیان
Easy Card Tricks - How To Do Card Tricks for Beginners
"آنچه یاد خواهید گرفت در این دوره آموزشی بسیار بیشتر از برخی ترفندهای ساده کارت یاد خواهید گرفت. بله، من چند ترفند ساده کارتی را به شما نشان خواهم داد که می‌توانید آنها را انجام دهید. .."
چگونه یک دوره آموزشی سایت وردپرس بسازیم - سریعترین راه
How to Make A Wordpress Site Course - Fastest Way
"با این دوره کامل وردپرس وب سایت خود را ایجاد کنید - بدون نیاز به تجربه، برنامه نویسی یا کدنویسی! شما اینجا هستید زیرا می خواهید W خود را بسازید..."
آموزش پیام های قلب آبرنگ 3 راه
Watercolor Heart Messages 3 Ways
"Watercolor Hearts 3 Ways کلاسی برای ساختن نقاشی های کوچک و کاربردی بر اساس تصویر کلاسیک یک قلب است. ما ده تصویر قلب مختلف خواهیم ساخت..."
آموزش مقدمه ای بر مدیریت محصول هوش مصنوعی - قسمت 1
Introduction to AI product management - part 1
"توسعه محصول هوش مصنوعی روند رو به رشدی است. محصولات بیشتر و بیشتری شامل جنبه های یادگیری ماشینی و الگوریتم های داده محور می شوند. دنیای هوش مصنوعی کمی متفاوت است. .."
Christine Vallaure
UI/UX DESIGN + CODE
طراح UX/UI با علاقه به کد و بنیانگذار .
من در سطح بین‌المللی، داخلی و از راه دور روی پروژه‌هایی برای برندها، آژانس‌ها و استارت‌آپ‌های پیشرو کار کرده‌ام. من عمیقاً به ایجاد محصولاتی با فکر و زیبایی اهمیت می دهم. کارهای من از ایده‌های اولیه گرفته تا طرح‌ها، وایرفریم‌ها، نمونه‌سازی اولیه و تنظیم جلویی را شامل می‌شود.
علاوه بر پروژه‌های مشتری (بازدید برای منابع)، من در حال ساختن یک پلتفرم یادگیری آنلاین برای طراح UX/UI. من همچنین در مورد کد طراحی در رسانه و من می نویسم.
برای اطلاعات بیشتر درباره من لطفاً به من مراجعه کنید صفحه LinkedIn .
Skillshare (اسکیل شیر)
اسکیل‌شر یک پلتفرم آموزشی آنلاین است که به میلیون‌ها افراد در سراسر جهان امکان یادگیری مهارت‌های جدید را فراهم می‌کند. این پلتفرم با ارائه دوره‌های متنوع در زمینه‌هایی از جمله هنر و طراحی، فناوری، کسب و کار، و زندگی موفق، به کاربران خود این امکان را می‌دهد تا به صورت آنلاین به یادگیری بپردازند.
یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.