دوره آموزشی طراحی زیبایی شناسی برای وب (2016)
2 ساعت 47 دقیقهمتوسط2016-09-26
مدرسین

Sue Jenkins
Author, Teacher at Marywood University, Owner of Luckychair.com
جزئیات دوره
درک اساسی از اصول طراحی خوب (مانند کنتراست، وحدت و تعادل) پایه و اساس ایجاد وب سایت های زیبا است. در این دوره، سو جنکینز زیبایی شناسی طراحی را به زبان ساده توضیح می دهد و نشان می دهد که چگونه می توان اصول و عناصر طراحی را به روش های خاصی که وب سایت شما را بهبود می بخشد ترکیب کرد. نحوه تنظیم رنگهای مجاور برای افزودن کنتراست، ایجاد عمق با بافت، ترکیب حرکت، و استفاده از اشکال، الگوها و حاشیه های تکراری برای یکپارچه سازی طرح خود را بیاموزید. سپس دریابید که چگونه این اصول در روندهای صنعت اجرا می شود - و چگونه فناوری هایی مانند رسانه های اجتماعی و ویدئوهای وب بر طراحی تأثیر می گذارد. Sue همچنین نقش طراح را در فرایند و مفاهیم کلیدی مورد استفاده در هر گردش کاری، از جمله طراحی پاسخگو، دسترسی و اصالت، بررسی می کند. در طول راه، Sue چالش هایی را برای آزمایش دانش شما و تفکر عمیق تر در مورد زیبایی طراحی وب ارائه می دهد.
اهداف یادگیری
درک زیبایی شناسی
انتخاب رنگ های هماهنگ
ساختار چیدمان شما
از فضا برای سازماندهی طراحی خود استفاده کنید
ارتباط با فونت مناسب
تراز کردن اشیا برای دستیابی به تعادل
افزودن حرکت با پیمایش و انیمیشن
دستیابی به تناسب با مقیاس بندی اشیاء و متن
ایجاد CSS برای دستگاه های مختلف
اهداف یادگیری
درک زیبایی شناسی
انتخاب رنگ های هماهنگ
ساختار چیدمان شما
از فضا برای سازماندهی طراحی خود استفاده کنید
ارتباط با فونت مناسب
تراز کردن اشیا برای دستیابی به تعادل
افزودن حرکت با پیمایش و انیمیشن
دستیابی به تناسب با مقیاس بندی اشیاء و متن
ایجاد CSS برای دستگاه های مختلف
مهارت ها
Web GraphicsWeb DesignPersona
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - استفاده از فایلهای تمرین
1. درباره زیبایی شناسی
- 03 - زیبایی شناسی چیست
- 04 - نمونههایی از هنر و طراحی
2. استفاده از عناصر طراحی
- 05 - شناخت عناصر طراحی
- 06 - استفاده از رنگ برای تنظیم حال و هوای سایت
- 07 - تغییر مقدار رنگ برای افزودن کنتراست
- 08 - استفاده از بافت برای افزودن عمق
- 09 - تکرار اشکال برای یکسان سازی طرح شما
- 10 - ساختار طرح خود را با فرم
- 11 - استفاده از فضا برای نظم بخشیدن به طرح خود
- 12 - تعیین حد و مرز با خطوط
- 13 - ارتباط با فونتهای مناسب
- 14 - چالش - کار با رنگ
- 15 - راه حل - کار با رنگ
3. ترکیب اصول طراحی
- 16 - شناخت اصول طراحی
- 17 - استفاده از کنتراست برای تعیین مناطق مورد علاقه
- 18 - اعمال سبکهای فونت برای نشان دادن تاکید
- 19 - تراز کردن اجسام برای رسیدن به تعادل
- 20 - استفاده از استایل هایپرلینک برای ایجاد وحدت
- 21 - اعمال الگوهای پس زمینه
- 22 - اضافه کردن اسکرول و انیمیشن
- 23 - استفاده از سبکهای حاشیه برای افزودن ریتم
- 24 - دستیابی به تناسب با مقیاس بندی اجسام
- 25 - ایجاد سادگی
- 26 - استفاده از درجه بندی برای ایجاد پرسپکتیو
- 27 - چالش - بنر تبلیغاتی
- 28 - راه حل - بنر تبلیغاتی
4. صنعت طراحی وب سایت و روند
- 29 - تاکید - طراحی برای حرکات دست
- 30 - تایپوگرافی - انتخاب و استفاده از فونتهای وب
- 31 - تعادل - ویرایش تصاویر برای رسانههای اجتماعی
- 32 - فرم - حرکت فراتر از طراحی مسطح
- 33 - رنگ - نظریه و روند
- 34 - حرکت - اضافه کردن نوع بر روی ویدئو
- 35 - الگو و درجه بندی
- 36 - چالش - روی ویدیو تایپ کنید
- 37 - راه حل - روی ویدیو تایپ کنید
5. نقش طراح و گردش کار طراحی وب
- 38 - مسئولیت - درک نقش طراح
- 39 - تحقیق - فرم تابع تابع است
- 40 - ترکیب - با استفاده از شبکه
- 41 - دسترسی - استفاده از اندازه و رنگ
- 42 - زیبایی شناسی پاسخگو - CSS برای دستگاه ها
- 43 - ارتباطات - هدایت بینندگان از طریق یک طرح
- 44 - اصالت - بیرون آمدن از جعبه
- 45 - چالش - نقش طراح
- 46 - راه حل - نقش طراح
نتیجه
- 47 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی زیباییشناسی طراحی برای تجربههای وب
- دوره آموزشی طراحی وب سایت بدون کدنویسی
- دوره آموزشی تکنیک های تجسم محصول و معماری
- دوره آموزشی پرامپتهای هوش مصنوعی برای طراحی یادگیری بازیمحور
- دوره آموزشی طراحی گرافیک: بینش و مشاوره
- دوره آموزشی برنامهریزی فضا برای معماران و طراحان
- دوره آموزشی John Maeda در زمینه طراحی، تجارت و گنجاندن
- دوره آموزشی مهارتهای نوشتاری و ارتباطی برای معماران و طراحان
مسیرهای مرتبط
- مسیر آموزشی تبدیل شدن به یک طراح وب
- مسیر آموزشی ارتقا مهارت های خود را به عنوان یک متخصص زبان برنامه نویسی R
- مسیر آموزشی مهارت های ویرایش ویدیو خود را ارتقا دهید
- مسیر آموزشی تبدیل شدن به یک متخصص چند رسانه ای
- مسیر آموزشی تبدیل شدن به یک استاد رندرینگ بصری سازی در 3ds Max
- مسیر آموزشی استفاده از هوش مصنوعی مولد به عنوان یک متخصص خلاق
- مسیر آموزشی تبدیل شدن به یک استاد 3ds Max
- مسیر آموزشی ارتقا مهارت های خود را به عنوان یک محقق تجربه کاربری