طراحی بصری + برند سازی

دوره ی انعطاف پذیر، 8 هفته ای ما، پایه های طراحی شده در طراحی وب، رابط کاربری و نام تجاری را فراهم می کند. این هدف به سوی کسانی است که می خواهند مهارت های طراحی دیجیتال خود را بهبود بخشند، درک آنچه باعث می شود طرح های موثر و طراحی با اعتماد به نفس.
شما عناصر طراحی بصری، اصول و سلسله مراتب را یاد خواهید گرفت. فرآیند نام تجاری (از تحقیق تا طراحی نهایی + نحوه ارائه دستورالعمل های نام تجاری)؛ نحوه انتخاب رنگ ها و تایپ ها؛ راهنمایی های عملی و راه های بهبود مهارت های طراحی UI شما؛ نحوه طراحی تجربیات پاسخگو در انواع مختلف دستگاه ها، و خیلی بیشتر!
آیا شما کاملا جدید به طراحی و یا فقط می خواهید برای تازه کردن و بهبود مهارت های طراحی دیجیتال خود را، طراحی بصری ما + دوره نام تجاری منحصر به فرد ارائه می دهد ، بنیاد طراحی عملی.

عنوان اصلی : Visual Design + Branding

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

خوش آمدی
معرفی پروژه هفته 1
مروری بر تاریخچه طراحی
انقلاب چاپ
نقاط عطف تایپوگرافی
انقلاب صنعتی
دوران مدرنیستی
طراحی قرن بیستم
انقلاب دیجیتال و فراتر از آن
عناصر طراحی: خط
عناصر طراحی: شکل
عناصر طراحی: فرم
عناصر طراحی: اندازه
عناصر طراحی: بافت
عناصر طراحی: ارزش
عناصر طراحی: رنگ
عناصر طراحی: تایپوگرافی
اصول طراحی: تاکید
اصول طراحی: مجاورت
اصول طراحی: تعادل
اصول طراحی: تراز
اصول طراحی: وحدت
اصول طراحی: فضا
اصول طراحی: تکرار
اصول طراحی: قاب بندی
پروژه هفته 1
نمایش کلی و پروژه هفته دوم
مقدمه ای بر گرید
آناتومی شبکه
انواع گرید
شبکه های چیدمان
تمرین: طراحی شبکه ها در Figma
چیدمان های رایج - نمونه کارها
چیدمان های رایج - سایت بازاریابی 1
چیدمان های رایج - سایت بازاریابی 2
چیدمان های رایج - سایت بازاریابی 3
چیدمان های رایج - اخبار
چیدمان های رایج - فروشگاه
چیدمان های رایج - وبلاگ
مقدمه ای بر سلسله مراتب بصری
سلسله مراتب نوع - مثالها
سلسله مراتب نوع - نکات
تمرین: ساختن یک مقیاس نوع
رنگ + کنتراست
تمرین: ایجاد یک پالت رنگ در مقیاس خاکستری
نزدیک + فضای خالی
Fontanello + Chrome DevTools Inspector
ورزش: طراحی مجدد وب سایت آشپزخانه Mimi
تمرین: مروری سریع بر طراحی نهایی
ورزش: بخش ناوبری و قهرمان
ورزش: بخش خوش آمدگویی
تمرین: درباره بخش میمی
تمرین: بخش نقل قول
ورزش: بخش پذیرایی
تمرین: بخش های پایانی
پروژه هفته دوم: معرفی و پیمایش
پروژه هفته دوم: قهرمان
پروژه هفته دوم: کاوش در محله ها
پروژه هفته دوم: بخور، ببین و انجام بده
پروژه هفته دوم: وبلاگ
پروژه هفته دوم: جدید در The Block
پروژه هفته دوم: خبرنامه
پروژه هفته دوم: پاورقی
پروژه هفته دوم: صفحه محله
نمایش کلی و پروژه هفته 3
طراح برجسته - الیزابت گودسپید
مقدمه ای بر رنگ
روابط رنگ
CMYK در مقابل RGB
تعاملات رنگی
رنگ، برندها و احساسات — قسمت 1
رنگ، برندها و احساسات — قسمت 2
نکاتی برای ایجاد پالت رنگ
ورزش: بررسی کنتراست وایرفریم شما
ورزش: عکاسی با قطره چشم
تمرین: یک پالت مکمل ایجاد کنید
تمرین: یک پالت مشابه ایجاد کنید
تمرین: یک پالت تک رنگ ایجاد کنید
ورزش: آن را روی دو عکس دیگر امتحان کنید
تمرین: مرور + اشتراک گذاری پالت های رنگی!
الهام رنگ
نگاه سریع: راهنمای رنگ SuperHi
گفتگوهای صنعتی - لورا بوهیل
معرفی تایپوگرافی + آناتومی
سریف: سبک قدیمی
سریف: انتقالی
سریف: مدرن
سریف: دال
Sans Serif: اومانیست
Sans Serif: هندسی
Sans Serif: Transitional
تایپ فیس اسکریپت
نمایش حروف چاپی
تایپ فیکس پیکسل
تایپ فیس های تک فضایی
چگونه تایپ فیس مناسب را انتخاب کنیم
انواع در حال استفاده: مطالعات موردی
تمرین: انتخاب تایپ فیس برای خانواده ها
تمرین: انتخاب حروف برای عشایر دیجیتال
ورزش: انتخاب تایپوگرافی برای افراد غذاخوری
ورزش: انتخاب تایپوگرافی برای عکاسان
نگاه سریع: راهنمای تایپوگرافی SuperHi
مقدمه ای بر قابلیت دسترسی
ورزش: بررسی کنتراست رنگ
نگاه سریع: راهنمای دسترسی SuperHi
گفتگوهای صنعتی - تاتیانا مک
نمایش کلی پروژه هفته 3
افزودن تایپوگرافی به بلوک
افزودن رنگ به بلوک
افزودن عکس: قهرمان
افزودن عکس: صفحه اصلی
افزودن عکس: محله
افزودن آیکون ها به بلوک
نمای کلی هفته 4 + پروژه
برند چیست؟
فرایند برندسازی
بررسی هویت برند: Google
چه چیزی باعث موفقیت برندها می شود؟
بررسی اجمالی پروژه 4 + خلاصه
درک مشکل
انجام تحقیقات بازار
مخاطب هدف خود را مشخص کنید
پرسشنامه برند
Moodboarding
نام‌گذاری برند + طراحی لوگو
نمایش کلی هفته 5
گفتگوهای صنعتی - نومی لو کوز
هویت بصری: Moodboard
هویت بصری: کاوش پالت رنگ
انتخاب یک پالت رنگ نهایی
هویت بصری: نوع جفت شدن 1
هویت بصری: نوع جفت 2
هویت بصری: جفت‌های نوع نهایی
هویت بصری: نوع تنظیمات + نوشتن درباره گزینه ها
هویت بصری: عناصر گرافیکی
هویت بصری: صدای برند
دستورالعمل های برند چیست؟
نمونه‌هایی از دستورالعمل‌های برند
مروری بر دستورالعمل های برند
دستورالعمل‌های برند: عنوان + فهرست مطالب
دستورالعمل‌های برند: Moodboard + مقدمه
دستورالعمل‌های برند: لوگو
دستورالعمل های برند: رنگ
دستورالعمل های برند: تایپوگرافی
دستورالعمل‌های تکمیل برند
مصاحبه دیرون میلی
نمایش کلی هفته 6
مقدمه ای بر طراحی واکنشگرا
سیستم های طراحی
وب بایدها + نبایدها
معرفی پروژه هفته ششم
ناوبری + قهرمان
الهام قهرمان
تغییرهای چیدمان قهرمان
ایجاد GIF های متحرک برای بخش های قهرمان
طراحی قهرمان نهایی
بخش وبلاگ
الهام بخش وبلاگ
بهینه سازی تصاویر برای وب
بخش اطلاعات سرگرم کننده
کارت های اهداء
بخش درگیر شوید
باغ لوگو
طراحی صفحه اصلی به پایان رسید
پاپ آپ اهدایی قسمت 1
پاپ آپ اهدایی قسمت 2
جریان بازشو اهدای به پایان رسید
نمونه سازی در Figma
صحبت‌های صنعتی: ویکتوریا یونگ
معرفی هفته 7
طراحی با معرفی کد
به هر حال وب سایت چیست؟
محتوا و سبک در Figma
HTML + CSS
افزودن پیوندها
گروه‌بندی برچسب‌ها
معرفی CSS Grid
معرفی Flexbox
موقعیت یابی ثابت
ایالت هاور
طراحی پاسخگو + پرسش های رسانه ای
SEO + مبانی دسترسی
بررسی برنامه‌نویس: The Beach Collective
بهترین شیوه های موبایل: تعاملات
بهترین شیوه های موبایل: تطبیق محتوای شما
بهترین شیوه های موبایل: تصاویر
بهترین شیوه های موبایل: تایپوگرافی
بهترین شیوه های موبایل: ناوبری
پروژه: شبکه موبایل + شروع به کار با آینه Figma
پروژه: ناوبری موبایل
پروژه: Mobile Hero + Sticky Nav
پروژه: تنظیم مقیاس نوع موبایل
پروژه: بخش درباره
پروژه: وبلاگ + طراحی لیست برای موبایل
پروژه: نقل قول
پروژه: اهدا + طراحی چرخ فلک های موبایل
پروژه: درگیر شوید + طراحی شبکه های موبایل
پروژه: باغ لوگوی موبایل
پروژه: پایان صفحه اصلی موبایل
پروژه: صفحه اهدا + رابط کاربری فرم موبایل
پایان کار با یک نمونه اولیه موبایل
طراح برجسته - کارولین ژانگ
معرفی هفته 8
Capstone Brief
مرحله 1 - کتاب خود را پیدا کنید
مرحله 2 - تعیین پروژه شما
ایده های پروژه
مرحله 3 - طراحی پروژه خود
مرحله 4 - مستندسازی فرآیند
مرحله 5 - مطالعه موردی خود را بنویسید
پروژه ما: انتخاب کتابمان
پروژه ما: طراحی کمپ میت
نمونه اولیه کمپ میت
پروژه ما: مطالعه موردی کمپ میت
نمونه های مطالعه موردی
بعدی چیست؟