خانه » محصول » رنگ و تایپوگرافی

رنگ و تایپوگرافی
مبتدی تا پیشرفته

شامل توضیحات ، لیست دروس و اطلاعات دوره

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

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

مقدمه‌ای بر رنگ‌ها و تایپوگرافی در طراحی محصول

در این آموزش ابتدا با سیستم‌های رنگی موجود آشنا خواهیم شد. اینکه هر کدام چه مزیت و معایبی دارد و طراحی‌های روز دنیا از کدام‌یک استفاده می‌کنند. در ادامه به توضیح این سیستم‌های رنگی با نام‌های RGB، HSB، HSL و همچنین CMYK می‌پردازیم و اینکه بهترین انتخاب برای ما کدام خواهد بود.

اینکه چطور در سیستم رنگی HSB رنگ‌های مورد نظر خود را بسازیم و چطور از آن در طراحی‌هایمان استفاده کنید. با نحوه ساختن رنگ‌های Secondary، Primary و همچنین Tertiary آشنا می‌شویم و رنگ‌های مرتبط با این ترکیب‌ها را می‌سازیم. با تاثیرات تایپوگرافی بر طراحی‌هایمان آشنا می‌شویم و نحوه استفاده صحیح آن را مشاهده می‌کنیم.

در نهایت با قواعد متریال ۳ گوگل در این بخش‌ها آشنا می‌شویم و کار را با آن جلو می‌بریم.

ساخت و نامگذاری رنگ‌ها

در ابتدا به معرفی سه دسته‌بندی رنگ‌ها شامل رنگ‌های Neutral، Accent Colors و همچنین Neutral Variant می‌پردازیم و ساخت صحیح این مجموعه‌ها را با هم جلو خواهیم رفت. اینکه هر کدام از رنگ‌ها در کجا و به چه شکلی استفاده می‌شوند را نیز فراموش نکردیم! با نحوه نامگذاری صحیح رنگ‌های این بخش به طور کامل آشنا می‌شویم تا در آینده دچار مشکلاتی نظیر عدم هماهنگی، عدم کاربری مناسب و … نشویم و همچنان رنگ‌هایمان به طور کامل قابلیت توسعه و تغییر داشته باشند.

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

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

رنگ طراحی

ساخت و نامگذاری تایپوگرافی

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

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

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

نکات آخر

در بخش‌های پایانی درباره نحوه استفاده رنگ تایپوگرافی روی نرم‌افزارهای موبایل و وب‌سایت‌ها و نحوه استفاده از آن‌ها صحبت می‌کنیم و و یک نمونه پلتفرم را تنها با یک کلیک از لایت مود به داک مود تغییر می‌دهیم. یعنی ساخت دارک مود تنها با یک کلیک!

جزییات بیشتر

در این دوره یاد می‌گیرید که بر اساس قواعد متریال ۳ چگونه رنگ‌ها و تایپوگرافی‌هایمان در در فیگما تعریف کنیم و از آن‌ها در پروژه و طراحی‌های دیزاین بهره ببریم.

این دوره مناسب چه افرادیست ؟

  • مناسب افرادی که دوست دارند به صورت اصولی به رنگ‌ها، نامگذاری آن‌ها و همچنین تایپوگرافی‌ها مسلط شوند.
  • مناسب افرادی که در انتخاب و نام‌گذاری رنگ‌ها و تایپوگرافی‌ها دچار مشکل هستند.
  • مناسب افرادی که می‌خواهند ببه صورت بین‌المللی فعالیت کنند.
  • مناسب افرادی که به برای ساخت دارک مود دچار مشکل هستند.
  • مناسب افرادی که از قدرت تایپوگرافی در طراحی اطلاع ندارند!
پشتیبانی دوره و تماس با ما
شماره تماس
02126619283
ایمیل
info@circledesign.ir

تماس با ما

خطا: فرم تماس پیدا نشد.

پشتیبانی در یادگیری

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

انواع پشتیبانی‌هایی که داریم:

  • پشتیبانی بصورت تیکت
  • پشتیبانی بصورت تلفنی
  • پشتیبانی بصورت ایمیل
دیدگاه و امتیاز کاربران
متوسط امتیاز ها
0
۵,۰۰۰,۰۰۰ تومان
5 ستاره
0
4 ستاره
0
3 ستاره
0
2 ستاره
0
1 ستاره
0
۵,۰۰۰,۰۰۰ تومان
  • 8 دانشجو
  • سطح دوره : مبتدی تا پیشرفته
  • نوع دوره : ویدیو محور
  • زبان دوره : فارسی
  • شامل 7 جلسه
  • پیش نیاز : بدون پیش‌نیاز
  • ۲ ساعت آموزش
  • 100% دوره تکمیل شده است
  • دوره های مرتبط

    آموزش فیگ‌جم

    آموزش فیگ جم
    مبتدی تا پیشرفته

    ۴۰ دقیقه آموزش
    0 دانشجو
    ۵۵۰,۰۰۰ تومان
    رنگ و تایپوگرافی

    رنگ و تایپوگرافی
    مبتدی تا پیشرفته

    ۲ ساعت آموزش
    8 دانشجو
    ۵,۰۰۰,۰۰۰ تومان
    بوت‌کمپ طراحی محصول

    بوت‌کمپ طراحی محصول
    مبتدی تا پیشرفته

    ۸ ساعت و ۲۰ دقیقه آموزش
    17 دانشجو
    ۶,۰۰۰,۰۰۰ تومان
    preloader