دوره آموزشی طراحی زیبایی شناسی برای وب (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 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی یادگیری جامع ادوب انیمیت
- دوره آموزشی ایجاد گرافیک بهینه شده برای وب
- دوره آموزشی طراحی گرافیک برداری: الگوها
- دوره آموزشی ویژگی های جدید Adobe Animate CC
- دوره آموزشی یادگیری انیمیشن های جاوا اسکریپت با GreenSock
- دوره آموزشی طراحی اینفوگرافیک های تعاملی با Adobe Animate
- دوره آموزشی استفاده از ادوب اسپارک برای تبلیغ برند تان
- دوره آموزشی Adobe Animate برای طراحی UX