آموزش طراحی وب: لایه های ترکیبی

Design the Web: Layer Comps

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

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

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

موضوعات شامل:

شبیه سازی تغییر حالت فهرست پیمایش
ترکیب ماسک های لایه و کامپ های لایه
شبیه سازی جعبه سبک ویدیو
جنبش نمایندگی
صادرات کامپيوترهای لایه

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

1. کار با Project2. تنظیم پروژه Files3. ایجاد Tasks4. وظایف پیوند و زمانبندی 5 ایجاد منابع6. اختصاص وظایف به منابع 7. کار با Views8. تنظیم دقیق برنامه زمانبندی 9. پیگیری و مدیریت یک Project10. مشاهده و گزارش اطلاعات پروژه 11. اشتراک گذاری پروژه ها بررسی چارچوب مورد نیاز 2. جمع آوری Requirements3. تجزیه و تحلیل Requirements4. مشخص کردن Requirements5. اعتبارسنجی Requirements6. مدیریت RequirementsIntroduction1. گرفتن Big Picture2. شناسایی ذینفعان 3. مدیریت ذینفعان 4. خلاصه و مراحل بعدیIntroduction1. اصول مدیریت کیفیت2. ابزارهای مدیریت کیفیت 3 کیفیت و برنامه ریزی پروژه4. تکنیک های کیفیت فناوری اطلاعات جمع بندیIntroduction1. درک خلاصه خلاقیت2. مؤلفه های خلاق خلاصه 3. مشتری ها و خلاصه خلاقیت ها4. نوشتن خلاق خلاصه 5. مشکلات مشترک با خلاصه خلاصه 6. با استفاده از خلاصه خلاصه 7. ارزیابی خلاصه خلاقیت نتیجه گیری مطالب 1. شروع به کار با پروژه 20072. تنظیم پروژه 20073. کار با Tasks4. ایجاد روابط بین وظایف 5. مدیریت منابع و تکالیف 6. مدیریت هزینه 7. بررسی پروژه های شما 8. کار با Tables9. چاپ پروژه های خود 10 مسیرهای بحرانی 11. حل تعارضات منابع12. ایجاد Baslines13. به روز کردن پروژه های شما 14 گزارش 15 ادغام با Office16. شخصی سازی و بهینه سازی پروژه های شما اسناد واقعیت مجازی2. طراحی VR Experience3. انتشار VR ContentConclusionIntroduction1. طراحی تبلیغات در Adobe XD2. نمونه اولیه و به اشتراک گذاری Animation3. آوردن یک XD Design به Animate4. متحرک کردن آگهی 5. افزودن تعاملی عناصرConclusionIntroduction1. اصول ویژوال 2. ویژوال رابط Design3. در نظر گرفتن طراحی بصری MoreConclusionIntroduction1. مدیریت نظراتIntroduction1. آکاردئون Fold Design PatternIntroduction1. جریان در تعامل Design2. نمودارها به عنوان Design Tools3. ساختن FlowConclusionIntroduction1. مراحل اول. UX را به Static Design3 اضافه کنید. ارائه کار گردش کار 4. گردش کار IterationConcludIntroduction1. پروژه آماده سازی برای Handoff2. دارایی های توسعه دهنده و Info3. گردش کار IterationConcludIntroduction1. درک چگونگی سازماندهی محتوای XD2. تعامل ساختمان 3. آماده سازی برای Export4. درک تجربه ذینفع 5. تبدیل یک کتابخانه نماد اسکچ به یک XD Design SystemConclusionIntroduction1. شروع کار با UXPin2. یک Wireframe3 با کمبود وفاداری ایجاد کنید. ایجاد آثار هنری برای UXPin4. ساخت یک نمونه اولیه با اطمینان بالا5. اضافه کردن تعامل و Motion6. پروژه های عملی UXPin7. اشتراک گذاری PrototypeConclusionIntroduction1. تحقیقات اولیه2. طراحی Symbol Elements3. Finalize Sections4. مدیریت طرح ها با DSMConclusionIntroduction1. بررسی اجمالی الگوهای 2. ساختار صفحه و سازمان 3. فرم و داده های کنترل 4. نشان دادن پیشرفت و بازخورد5. جستجو و فیلترینگ نتیجه گیری1. شروع به کار در WordPress2. افزونه3. سفارشی کردن تنظیمات4 ایجاد منو 5. واردات دارایی 6. ساخت صفحات با Elementor7. ایجاد محتوای صفحه 8. ایجاد Posts9. افزودن سبد خرید با WooCommerce10. CustomizationConclusionIntroduction1. با Project2 آشنا شوید. نزدیک شدن به Project3. در Adobe XD4 شروع کنید. گردش کار برای ساخت Site5. تعامل ساختمان6. نهایی کردن Prototype7. اشتراک گذاری و صادراتConcludIntroduction1. به طور کلی UX / UI Design2. نمایش اصلی Creation3. CRM Interactions4. انیمیشن ها نتیجه گیری مطالب 1. راه اندازی Project2. مشاهده خرید تعامل 3. نمایش خریدهای متقابل 4. تعامل های پیش رو جمع بندیIntroduction1. تنظیم XD Workspace2. استراتژی های طراحی وب 3. طراحی برای Desktop4. تطبیق طراحی برای Breakpoints5. ایجاد نمونه های اولیه و صادرات داراییها جمع بندیIntroducing اصل 1. شروع به کار با اصل 2. با استفاده از اصل Timeline3. با استفاده از درایورهای اصلی 4. مدیریت محتوا در اصل 5. پروژه های اصلی عملی شامل نتیجه گیری 1. درک انگیزه های کاربر ، اهداف و کارها 2. طراحی تجربه های مصرف کننده 3. طراحی برای Enterprise Experience4. طراحی برای رابطهای مدرنConclusionIntroduction1. شروع کار 2. تصاویر و Vector3. مفهوم به Prototype4. خودکار-Animate5. تعامل صوتی6. انتشار و HandoffConcludIntroduction1. طراحی اصول اولیه بهار 2. آشنایی با Prototyping3. ساخت اولین Prototype4. تعامل های اولیه پروتکلConclusionIntroduction1 را اضافه کنید. تحقیقات اولیه2. Views3 را طراحی کنید. InteractionsConclusionIntroduction1 را ایجاد کنید. آشنایی با طراحی کار Work2. دارایی ها را در UXPin3 بسازید. با طراحی System4 کار کنید. DesignsConclusionIntroduction1 را تأیید کنید. آشنایی با Design2. دارایی ها را در UXPin3 بسازید. با طراحی System4 کار کنید. Tools DeveloperConclusionIntroduction1. شروع کار 2. ایجاد Wireframes3. طراحی بصری و Symbols4. کتابخانه ها 5 نمونه سازی و همکاری 6. صادرات و مدیریت دارایی جمع بندیIntroduction1. PrototypingConcociation Introduction

آشنایی با comps لایه ها در فتوشاپ Introduction to layer comps in Photoshop
درباره پرونده های تمرینی About the exercise files

1. کار با Project2. تنظیم پروژه Files3. ایجاد Tasks4. وظایف پیوند و زمانبندی 5 ایجاد منابع6. اختصاص وظایف به منابع 7. کار با Views8. تنظیم دقیق برنامه زمانبندی 9. پیگیری و مدیریت یک Project10. مشاهده و گزارش اطلاعات پروژه 11. اشتراک گذاری پروژه ها بررسی چارچوب مورد نیاز 2. جمع آوری Requirements3. تجزیه و تحلیل Requirements4. مشخص کردن Requirements5. اعتبارسنجی Requirements6. مدیریت RequirementsIntroduction1. گرفتن Big Picture2. شناسایی ذینفعان 3. مدیریت ذینفعان 4. خلاصه و مراحل بعدیIntroduction1. اصول مدیریت کیفیت2. ابزارهای مدیریت کیفیت 3 کیفیت و برنامه ریزی پروژه4. تکنیک های کیفیت فناوری اطلاعات جمع بندیIntroduction1. درک خلاصه خلاقیت2. مؤلفه های خلاق خلاصه 3. مشتری ها و خلاصه خلاقیت ها4. نوشتن خلاق خلاصه 5. مشکلات مشترک با خلاصه خلاصه 6. با استفاده از خلاصه خلاصه 7. ارزیابی خلاصه خلاقیت نتیجه گیری مطالب 1. شروع به کار با پروژه 20072. تنظیم پروژه 20073. کار با Tasks4. ایجاد روابط بین وظایف 5. مدیریت منابع و تکالیف 6. مدیریت هزینه 7. بررسی پروژه های شما 8. کار با Tables9. چاپ پروژه های خود 10 مسیرهای بحرانی 11. حل تعارضات منابع12. ایجاد Baslines13. به روز کردن پروژه های شما 14 گزارش 15 ادغام با Office16. شخصی سازی و بهینه سازی پروژه های شما اسناد واقعیت مجازی2. طراحی VR Experience3. انتشار VR ContentConclusionIntroduction1. طراحی تبلیغات در Adobe XD2. نمونه اولیه و به اشتراک گذاری Animation3. آوردن یک XD Design به Animate4. متحرک کردن آگهی 5. افزودن تعاملی عناصرConclusionIntroduction1. اصول ویژوال 2. ویژوال رابط Design3. در نظر گرفتن طراحی بصری MoreConclusionIntroduction1. مدیریت نظراتIntroduction1. آکاردئون Fold Design PatternIntroduction1. جریان در تعامل Design2. نمودارها به عنوان Design Tools3. ساختن FlowConclusionIntroduction1. مراحل اول. UX را به Static Design3 اضافه کنید. ارائه کار گردش کار 4. گردش کار IterationConcludIntroduction1. پروژه آماده سازی برای Handoff2. دارایی های توسعه دهنده و Info3. گردش کار IterationConcludIntroduction1. درک چگونگی سازماندهی محتوای XD2. تعامل ساختمان 3. آماده سازی برای Export4. درک تجربه ذینفع 5. تبدیل یک کتابخانه نماد اسکچ به یک XD Design SystemConclusionIntroduction1. شروع کار با UXPin2. یک Wireframe3 با کمبود وفاداری ایجاد کنید. ایجاد آثار هنری برای UXPin4. ساخت یک نمونه اولیه با اطمینان بالا5. اضافه کردن تعامل و Motion6. پروژه های عملی UXPin7. اشتراک گذاری PrototypeConclusionIntroduction1. تحقیقات اولیه2. طراحی Symbol Elements3. Finalize Sections4. مدیریت طرح ها با DSMConclusionIntroduction1. بررسی اجمالی الگوهای 2. ساختار صفحه و سازمان 3. فرم و داده های کنترل 4. نشان دادن پیشرفت و بازخورد5. جستجو و فیلترینگ نتیجه گیری1. شروع به کار در WordPress2. افزونه3. سفارشی کردن تنظیمات4 ایجاد منو 5. واردات دارایی 6. ساخت صفحات با Elementor7. ایجاد محتوای صفحه 8. ایجاد Posts9. افزودن سبد خرید با WooCommerce10. CustomizationConclusionIntroduction1. با Project2 آشنا شوید. نزدیک شدن به Project3. در Adobe XD4 شروع کنید. گردش کار برای ساخت Site5. تعامل ساختمان6. نهایی کردن Prototype7. اشتراک گذاری و صادراتConcludIntroduction1. به طور کلی UX / UI Design2. نمایش اصلی Creation3. CRM Interactions4. انیمیشن ها نتیجه گیری مطالب 1. راه اندازی Project2. مشاهده خرید تعامل 3. نمایش خریدهای متقابل 4. تعامل های پیش رو جمع بندیIntroduction1. تنظیم XD Workspace2. استراتژی های طراحی وب 3. طراحی برای Desktop4. تطبیق طراحی برای Breakpoints5. ایجاد نمونه های اولیه و صادرات داراییها جمع بندیIntroducing اصل 1. شروع به کار با اصل 2. با استفاده از اصل Timeline3. با استفاده از درایورهای اصلی 4. مدیریت محتوا در اصل 5. پروژه های اصلی عملی شامل نتیجه گیری 1. درک انگیزه های کاربر ، اهداف و کارها 2. طراحی تجربه های مصرف کننده 3. طراحی برای Enterprise Experience4. طراحی برای رابطهای مدرنConclusionIntroduction1. شروع کار 2. تصاویر و Vector3. مفهوم به Prototype4. خودکار-Animate5. تعامل صوتی6. انتشار و HandoffConcludIntroduction1. طراحی اصول اولیه بهار 2. آشنایی با Prototyping3. ساخت اولین Prototype4. تعامل های اولیه پروتکلConclusionIntroduction1 را اضافه کنید. تحقیقات اولیه2. Views3 را طراحی کنید. InteractionsConclusionIntroduction1 را ایجاد کنید. آشنایی با طراحی کار Work2. دارایی ها را در UXPin3 بسازید. با طراحی System4 کار کنید. DesignsConclusionIntroduction1 را تأیید کنید. آشنایی با Design2. دارایی ها را در UXPin3 بسازید. با طراحی System4 کار کنید. Tools DeveloperConclusionIntroduction1. شروع کار 2. ایجاد Wireframes3. طراحی بصری و Symbols4. کتابخانه ها 5 نمونه سازی و همکاری 6. صادرات و مدیریت دارایی جمع بندیIntroduction1. PrototypingConcociation 1. Working with Layer Comps

شبیه سازی یک بازگرداندن فهرست منو Simulating a navigation menu rollover
ترکیب ماسک های لایه ای با لایه کامپوزیت Combining layer masks with layer comps
ترکیب جلوه های لایه با comps لایه Combining layer effects with layer comps
شبیه سازی یک سبد ویدیویی Simulating a video lightbox
حرکت شبیه سازی بر روی صفحه نمایش Simulating movement onscreen
به روزرسانی comps لایه موجود Updating existing layer comps

1. کار با Project2. تنظیم پروژه Files3. ایجاد Tasks4. وظایف پیوند و زمانبندی 5 ایجاد منابع6. اختصاص وظایف به منابع 7. کار با Views8. تنظیم دقیق برنامه زمانبندی 9. پیگیری و مدیریت یک Project10. مشاهده و گزارش اطلاعات پروژه 11. اشتراک گذاری پروژه ها بررسی چارچوب مورد نیاز 2. جمع آوری Requirements3. تجزیه و تحلیل Requirements4. مشخص کردن Requirements5. اعتبارسنجی Requirements6. مدیریت RequirementsIntroduction1. گرفتن Big Picture2. شناسایی ذینفعان 3. مدیریت ذینفعان 4. خلاصه و مراحل بعدیIntroduction1. اصول مدیریت کیفیت2. ابزارهای مدیریت کیفیت 3 کیفیت و برنامه ریزی پروژه4. تکنیک های کیفیت فناوری اطلاعات جمع بندیIntroduction1. درک خلاصه خلاقیت2. مؤلفه های خلاق خلاصه 3. مشتری ها و خلاصه خلاقیت ها4. نوشتن خلاق خلاصه 5. مشکلات مشترک با خلاصه خلاصه 6. با استفاده از خلاصه خلاصه 7. ارزیابی خلاصه خلاقیت نتیجه گیری مطالب 1. شروع به کار با پروژه 20072. تنظیم پروژه 20073. کار با Tasks4. ایجاد روابط بین وظایف 5. مدیریت منابع و تکالیف 6. مدیریت هزینه 7. بررسی پروژه های شما 8. کار با Tables9. چاپ پروژه های خود 10 مسیرهای بحرانی 11. حل تعارضات منابع12. ایجاد Baslines13. به روز کردن پروژه های شما 14 گزارش 15 ادغام با Office16. شخصی سازی و بهینه سازی پروژه های شما اسناد واقعیت مجازی2. طراحی VR Experience3. انتشار VR ContentConclusionIntroduction1. طراحی تبلیغات در Adobe XD2. نمونه اولیه و به اشتراک گذاری Animation3. آوردن یک XD Design به Animate4. متحرک کردن آگهی 5. افزودن تعاملی عناصرConclusionIntroduction1. اصول ویژوال 2. ویژوال رابط Design3. در نظر گرفتن طراحی بصری MoreConclusionIntroduction1. مدیریت نظراتIntroduction1. آکاردئون Fold Design PatternIntroduction1. جریان در تعامل Design2. نمودارها به عنوان Design Tools3. ساختن FlowConclusionIntroduction1. مراحل اول. UX را به Static Design3 اضافه کنید. ارائه کار گردش کار 4. گردش کار IterationConcludIntroduction1. پروژه آماده سازی برای Handoff2. دارایی های توسعه دهنده و Info3. گردش کار IterationConcludIntroduction1. درک چگونگی سازماندهی محتوای XD2. تعامل ساختمان 3. آماده سازی برای Export4. درک تجربه ذینفع 5. تبدیل یک کتابخانه نماد اسکچ به یک XD Design SystemConclusionIntroduction1. شروع کار با UXPin2. یک Wireframe3 با کمبود وفاداری ایجاد کنید. ایجاد آثار هنری برای UXPin4. ساخت یک نمونه اولیه با اطمینان بالا5. اضافه کردن تعامل و Motion6. پروژه های عملی UXPin7. اشتراک گذاری PrototypeConclusionIntroduction1. تحقیقات اولیه2. طراحی Symbol Elements3. Finalize Sections4. مدیریت طرح ها با DSMConclusionIntroduction1. بررسی اجمالی الگوهای 2. ساختار صفحه و سازمان 3. فرم و داده های کنترل 4. نشان دادن پیشرفت و بازخورد5. جستجو و فیلترینگ نتیجه گیری1. شروع به کار در WordPress2. افزونه3. سفارشی کردن تنظیمات4 ایجاد منو 5. واردات دارایی 6. ساخت صفحات با Elementor7. ایجاد محتوای صفحه 8. ایجاد Posts9. افزودن سبد خرید با WooCommerce10. CustomizationConclusionIntroduction1. با Project2 آشنا شوید. نزدیک شدن به Project3. در Adobe XD4 شروع کنید. گردش کار برای ساخت Site5. تعامل ساختمان6. نهایی کردن Prototype7. اشتراک گذاری و صادراتConcludIntroduction1. به طور کلی UX / UI Design2. نمایش اصلی Creation3. CRM Interactions4. انیمیشن ها نتیجه گیری مطالب 1. راه اندازی Project2. مشاهده خرید تعامل 3. نمایش خریدهای متقابل 4. تعامل های پیش رو جمع بندیIntroduction1. تنظیم XD Workspace2. استراتژی های طراحی وب 3. طراحی برای Desktop4. تطبیق طراحی برای Breakpoints5. ایجاد نمونه های اولیه و صادرات داراییها جمع بندیIntroducing اصل 1. شروع به کار با اصل 2. با استفاده از اصل Timeline3. با استفاده از درایورهای اصلی 4. مدیریت محتوا در اصل 5. پروژه های اصلی عملی شامل نتیجه گیری 1. درک انگیزه های کاربر ، اهداف و کارها 2. طراحی تجربه های مصرف کننده 3. طراحی برای Enterprise Experience4. طراحی برای رابطهای مدرنConclusionIntroduction1. شروع کار 2. تصاویر و Vector3. مفهوم به Prototype4. خودکار-Animate5. تعامل صوتی6. انتشار و HandoffConcludIntroduction1. طراحی اصول اولیه بهار 2. آشنایی با Prototyping3. ساخت اولین Prototype4. تعامل های اولیه پروتکلConclusionIntroduction1 را اضافه کنید. تحقیقات اولیه2. Views3 را طراحی کنید. InteractionsConclusionIntroduction1 را ایجاد کنید. آشنایی با طراحی کار Work2. دارایی ها را در UXPin3 بسازید. با طراحی System4 کار کنید. DesignsConclusionIntroduction1 را تأیید کنید. آشنایی با Design2. دارایی ها را در UXPin3 بسازید. با طراحی System4 کار کنید. Tools DeveloperConclusionIntroduction1. شروع کار 2. ایجاد Wireframes3. طراحی بصری و Symbols4. کتابخانه ها 5 نمونه سازی و همکاری 6. صادرات و مدیریت دارایی جمع بندیIntroduction1. PrototypingConcociation 2. Exporting and Sharing Layer Comps

صادرات لایه comps به پرونده ها Exporting layer comps to files
صادرات لایه comps به یک PDF چند منظوره Exporting layer comps to a multipage PDF
دسترسی به comps لایه از داخل InDesign Accessing layer comps from within InDesign