آموزش Sketch Essential Training: The Basics (2018)

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

معرفی Introduction

• اصول Sketch را بیاموزید Learn the basics of Sketch

• درباره Sketch و این دوره About Sketch and this course

• در Sketch با قلم ها کار کنید Work with fonts in Sketch

• درباره پرونده های تمرینی About the exercise files

1. پرونده خود را تنظیم کنید 1. Get Your File Set Up

• تصویر قهرمان و نوار هدر را اضافه کنید Add hero image and header bar

• عناوین اصلی را تنظیم و سبک کنید Set and style the main headlines

• درباره کتابخانه های اسکچ About Sketch libraries

• یک کتابخانه به Sketch اضافه کنید Add a library to Sketch

• راهنماهای طرح را تنظیم کنید Set up layout guides

• ناوبری بالا را اضافه کنید Add the top navigation

• فرم جستجو را طراحی کنید Design a search form

2. رسم نمادها در طرح 2. Draw Icons in Sketch

• یک نماد تقویم ایجاد کنید Create a calendar icon

• موارد کتابخانه Sketch را به روز کنید Update Sketch library items

• بهترین آیکون قیمت را ایجاد کنید Create the best price icon

• نماد گپ را ایجاد کنید Create the chat icon

• پرونده های کتابخانه Sketch را تغییر دهید Switch Sketch library files

3. چیدمان وب را کامل کنید 3. Complete the Web Layout

• نمادها را به ناوبری هدر اضافه کنید Add icons to the header navigation

• بخش معاملات عالی را راه اندازی کنید Set up the great deals section

• برچسب های هر معامله را اضافه کنید Add the labels for each deal

• دکمه جزئیات را ایجاد کنید Create the details button

• نمادی تو در تو برای رتبه بندی ایجاد کنید Create a nested symbol for ratings

• بخش خدمات را اضافه کنید Add the services section

• بخش توصیفات را اضافه کنید Add the testimonials section

• پاورقی را اضافه کنید Add the footer

4. طراحی وب را برای صفحه کوچکتر تنظیم کنید 4. Adapt the Web Design for a Smaller Screen

• صفحه هنری صفحه نمایش تبلت را تنظیم کنید Set up an artboard for tablet screens

• اندازه صفحه را برای صفحه کوچکتر تغییر دهید Resize the header for a smaller screen

• تغییر اندازه بخش جستجو برای صفحه کوچکتر Resize the search section for a smaller screen

• با استفاده از آینه طرح Using Sketch Mirror

• قسمت معاملات را در صفحه کوچکتر اعمال کنید Apply the deals section to a smaller screen

• بخش خدمات را روی صفحه کوچکتر اعمال کنید Apply the services section to a smaller screen

• برای صفحه کوچکتر ، اندازه توصیفات و پاورقی را تغییر دهید Resize the testimonials and footer sections for a smaller screen

5. به اشتراک بگذارید و همکاری کنید 5. Share and Collaborate

• تابلوهای هنری را به PDF چند صفحه ای صادر کنید Export artboards to a multipage PDF

• با Sketch Cloud همکاری کنید Collaborate with Sketch Cloud

• نمونه سازی اولیه: موارد ثابت هنگام پیمایش Prototyping: Fixed items when scrolling

• نمونه سازی اولیه: پیوند تعاملی Prototyping: Interactive linking

• نمونه سازی اولیه: پیوندها را با نمادها کنترل کنید Prototyping: Control links with symbols

6. دارایی های صادراتی 6. Export Assets

• تخته های هنری را به JPG و PNG صادر کنید Export artboards to JPG and PNG

• با استفاده از ابزار Slice Using the Slice tool

• صادرات تصاویر در اندازه های مختلف Export images in multiple sizes

• صادرات SVG Export SVG

نتیجه Conclusion

• از اینجا کجا برویم Where to go from here