آموزش طراحی وب: اندازه های گرافیکی چندگانه

Design the Web: Multiple Graphic Sizes

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: با وجود بسیاری از دستگاه های مختلف در بازار ، طراحان وب با چالش ایجاد نسخه های مختلف گرافیک خود برای تلفن ها و رایانه های لوحی روبرو هستند. بگذارید Chris Converse به شما نشان دهد چگونه از اشیا Smart هوشمند ، ماسک های برش دهنده و برش ها در Adobe Photoshop استفاده کرده و گرافیکی را بسازید که در هر صفحه نمایش تیغ داشته باشد. بیاموزید که چگونه از همان پرونده برای تولید گرافیک وب برای صفحه های کوچک ، تصاویر در اندازه استاندارد و گرافیک های با وضوح بالا یا دارای شبکیه استفاده کنید.

این دوره توسط Chris Converse ایجاد و تولید شده است. ما مفتخریم که میزبان این مطالب در کتابخانه خود هستیم.

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

مقدمه Introduction

پیش نمایش پروژه نهایی Previewing the final project
درباره پرونده های تمرینی About the exercise files

1. ایجاد گرافیک وب در اندازه های مختلف 1. Creating Web Graphics at Multiple Sizes

ایجاد نواحی قطع کننده Creating clipping areas
ترکیب اشیاء هوشمند و ماسک های بریده شده Combining Smart Objects and clipping masks
برش و صادر کردن چندین تصویر Slicing and exporting multiple images

2. هدف قرار دادن نمایشگرهای با چگالی بالا 2. Targeting High-Density Displays

مقیاس بندی بوم و برش های گرافیکی وب سلام Scaling the canvas and slices of hi-res web graphics
استفاده از Save for Web برای پایین آمدن گرافیک وب Using Save for Web to scale down web graphics