آموزش Sketch Essential Training: The اصول

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

مقدمه 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

• درباره کتابخانه های Sketch 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

• موارد کتابخانه طرح را به روز کنید 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

• استفاده از Sketch Mirror 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

• صادرات artboard به 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