پیشنهاد فرادرس

آموزش Illustrator برای طراحی وب

دسته بندی ها: آموزش Adobe Illustrator ، دیزاین ، آموزش های لیندا (Lynda) ، طراحی وب واکنشگرا ، آموزش طراحی وب ، آموزش های ادوبی (Adobe)

Adobe Illustrator یک ابزار کلیدی برای ایجاد محتوای وب و دارایی است. با استفاده از ابزارهای مدیریت رنگ و طرح بندی در Illustrator همراه با توانایی استفاده از دارایی های مبتنی بر بردار، طراحان می توانند دارایی های وب را ایجاد کنند. در این دوره با ویژگی های کلیدی و گردش کارها، طراحی واکنش گرا، استفاده از کتابخانه برای مدیریت دارایی، نحوه استفاده از سبک های گرافیکی و تایپوگرافی و نمادها، نحوه ایجاد نقشه های سایت، جعبه ابزار، moodboards، comps، ایجاد و صادرات گرافیک وب بهینه سازی شده و فایل های SVG برای گرافیک های قابل انطباق با رزولوشن جداگانه در مرورگر و غیره آشنا می شوید.

سرفصل:

  • معرفی دوره
  • Illustrator و طراحی وب
  • سفارشی کردن یک فضای کاری وب
  • استفاده از artboards برای ایجاد فایل های چندگانه
  • قرار دادن تجربیات وب واکنش گرا با استفاده از Illustrator
  • ایجاد و استفاده از سبک شخصیت و پاراگراف
  • کار با نمادها
  • تجدید رنگ آثار هنری انتخاب شده
  • ایجاد یک نقشه سایت
  • ایجاد moodboards
  • ساخت wireframes
  • ایجاد full-blown comps
  • صادرات آیکون برای صفحه نمایش
  • استخراج استایل های CSS
  • و غیره
آیا این نوشته را دوست داشتید؟
Illustrator for Web Design Publisher:Lynda Author:Emily Kay Duration:2h 49m Level:Intermediate

Learn how to use Adobe Illustrator to create high-quality web content and assets. Discover how to set up a project, design responsively, create wireframes, moodboards, comps, export assets, and more.
Released: 6/15/2018
Adobe Illustrator is a key tool for creating web content and assets. Using the strong layout and color management tools in Illustrator along with ability to use vector-based assets, designers can create vibrant web assets. In this course, Emily Kay breaks down the key features and workflows that web designers need to know to get up and running quickly. Emily covers topics such as designing responsively, using the library for asset management, and how using graphic and typographic styles and symbols allow you to streamline and control elements globally. She also goes over the development process—including how to create site maps, wireframes, moodboards, and comps—and explains how to create and export optimized web graphics and SVG files for scalable, resolution-independent graphics in the browser.
Topics include:
Customizing a web workspace
Using the artboards to create multiple sized files easily
Laying out responsive web experiences using Illustrator
Creating and using character and paragraph styles
Working with symbols
Recoloring selected artwork
Creating a site map
Creating moodboards
Creating wireframes
Creating full-blown comps
Exporting icons for screens
Extracting CSS styles
Introduction
Welcome
1m 11s
Illustrator and web design
3m 10s
How to use the exercise files
2m 10s
1. Set Up the Project
Document settings
7m 17s
Custom web workspaces
6m 7s
Artboards
4m 40s
Grids
6m 23s
Color modes and settings
4m 7s
2. Design Responsively
What is responsive design?
4m 15s
Set breakpoints
2m 2s
Libraries: Work with Adobe Stock
5m 24s
Libraries: Manage your resources
8m 58s
Libraries: Collaborate
3m 6s
Text styles
7m 25s
Dynamic buttons
5m 27s
Graphic styles
6m 34s
Symbols
6m 5s
9-slice scaling
4m 13s
Edit color
4m 28s
Recolor artwork
6m 49s
Seamless backgrounds
5m 13s
3. Development Process
Site maps
3m 33s
Moodboards
5m 21s
Wireframe overview
2m 50s
Create a wireframe
5m 5s
Develop comps
6m 56s
Navigation
7m 3s
Templates
4m 41s
4. Collaborate and Share
Style guides
2m 39s
Comps for client review
5m 20s
5. Export Assets
Assets panel
2m 32s
SVG format
6m 8s
Export icons for screens
3m
Extract CSS styles
6m 45s
Conclusion
Design tips and tricks
2m 3s
Next steps
49s

پیشنهاد فرادرس

لینک های دانلود حجم فایل: 2.82GB همراه با زیرنویس انگلیسی Lynda Illustrator for Web Design_git.ir.part1.rar Lynda Illustrator for Web Design_git.ir.part2.rar Lynda Illustrator for Web Design_git.ir.part3.rar