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

Sue Jenkins
Author, Teacher at Marywood University, Owner of Luckychair.com
جزئیات دوره
درک اساسی از اصول طراحی خوب (مانند کنتراست، وحدت و تعادل) پایه و اساس ایجاد وب سایت های زیبا است. در این دوره، سو جنکینز زیبایی شناسی طراحی را به زبان ساده توضیح می دهد و نشان می دهد که چگونه می توان اصول و عناصر طراحی را به روش های خاصی که وب سایت شما را بهبود می بخشد ترکیب کرد. نحوه تنظیم رنگهای مجاور برای افزودن کنتراست، ایجاد عمق با بافت، ترکیب حرکت، و استفاده از اشکال، الگوها و حاشیه های تکراری برای یکپارچه سازی طرح خود را بیاموزید. سپس دریابید که چگونه این اصول در روندهای صنعت اجرا می شود - و چگونه فناوری هایی مانند رسانه های اجتماعی و ویدئوهای وب بر طراحی تأثیر می گذارد. Sue همچنین نقش طراح را در فرایند و مفاهیم کلیدی مورد استفاده در هر گردش کاری، از جمله طراحی پاسخگو، دسترسی و اصالت، بررسی می کند. در طول راه، Sue چالش هایی را برای آزمایش دانش شما و تفکر عمیق تر در مورد زیبایی طراحی وب ارائه می دهد.
اهداف یادگیری
درک زیبایی شناسی
انتخاب رنگ های هماهنگ
ساختار چیدمان شما
از فضا برای سازماندهی طراحی خود استفاده کنید
ارتباط با فونت مناسب
تراز کردن اشیا برای دستیابی به تعادل
افزودن حرکت با پیمایش و انیمیشن
دستیابی به تناسب با مقیاس بندی اشیاء و متن
ایجاد CSS برای دستگاه های مختلف
اهداف یادگیری
درک زیبایی شناسی
انتخاب رنگ های هماهنگ
ساختار چیدمان شما
از فضا برای سازماندهی طراحی خود استفاده کنید
ارتباط با فونت مناسب
تراز کردن اشیا برای دستیابی به تعادل
افزودن حرکت با پیمایش و انیمیشن
دستیابی به تناسب با مقیاس بندی اشیاء و متن
ایجاد CSS برای دستگاه های مختلف
مهارت ها
Web GraphicsWeb DesignPersona
سرفصل ها
۰. مقدمه
- 01 - خوش آمدید
- 02 - استفاده از فایلهای تمرینی
۱. درباره زیباییشناسی
- 03 - زیبایی شناسی چیست؟
- 04 - نمونههایی از هنر و طراحی
۲. استفاده از عناصر طراحی
- 05 - درک عناصر طراحی
- ۶ - استفاده از رنگ برای تنظیم حال و هوای سایت
- 07 - تنظیم مقدار رنگ برای افزودن کنتراست
- ۸ - استفاده از بافت برای افزودن عمق
- ۹ - تکرار اشکال برای یکپارچهسازی طرح شما
- ۱۰ - ساختاردهی طرحبندی با فرم
- ۱۱- استفاده از فضا برای سازماندهی طراحی
- ۱۲ - تعیین مرزها با خطوط
- ۱۳ - ارتباط برقرار کردن با فونتهای مناسب
- ۱۴- چالش - کار با رنگ
- ۱۵ - راه حل - کار با رنگ
۳. گنجاندن اصول طراحی
- ۱۶- درک اصول طراحی
- ۱۷- استفاده از کنتراست برای تعیین مناطق مورد توجه
- ۱۸ - اعمال سبکهای فونت برای نمایش تأکید
- ۱۹- تراز کردن اشیاء برای رسیدن به تعادل
- ۲۰ - استفاده از سبکهای هایپرلینک برای ایجاد وحدت
- ۲۱ - اعمال الگوهای پسزمینه
- ۲۲ - افزودن پیمایش و انیمیشن
- ۲۳ - استفاده از سبکهای حاشیه برای افزودن ریتم
- ۲۴ - دستیابی به تناسب با مقیاسبندی اشیاء
- ۲۵ - ایجاد سادگی
- ۲۶- استفاده از درجهبندی برای ایجاد پرسپکتیو
- ۲۷ - چالش - بنر تبلیغاتی
- ۲۸ - راهکار - بنر تبلیغاتی
۴. صنعت و روندهای طراحی وب
- ۲۹- تأکید - طراحی برای حرکات دست
- ۳۰ - تایپوگرافی - انتخاب و استفاده از فونتهای وب
- ۳۱ - تعادل - ویرایش تصاویر برای رسانههای اجتماعی
- ۳۲ - فرم - فراتر رفتن از طراحی مسطح
- ۳۳- رنگ - نظریه و روندها
- ۳۴ - حرکت - افزودن متن روی ویدیو
- ۳۵- الگو و درجهبندی
- ۳۶ - چالش - تایپ روی ویدیو
- ۳۷ - راه حل - تایپ روی ویدیو
۵. نقش طراح و گردش کار طراحی وب
- ۳۸- مسئولیت - درک نقش طراح
- ۳۹ - تحقیق - فرم از عملکرد پیروی میکند
- ۴۰ - ترکیببندی - استفاده از شبکه
- ۴۱ - دسترسیپذیری - استفاده از اندازه و رنگ
- ۴۲ - زیباییشناسی واکنشگرا - CSS برای دستگاهها
- ۴۳ - ارتباطات - هدایت بینندگان از طریق یک طرح
- ۴۴ - اصالت - پا را فراتر از چارچوب گذاشتن
- ۴۵- چالش - نقش طراح
- ۴۶ - راه حل - نقش طراح
نتیجهگیری
- ۴۷ - مراحل بعدی