Frame یکی از Containerهای اصلی Sketch برای طراحی رابط و Layout است. در این آموزش یاد می‌گیرید چطور Frame بسازید، آن را Nest کنید و پروژه را با Pageها و Frameها سازماندهی کنید.
Frame مفهوم پایه‌ای مهمی است، اما حرفه‌ای‌بودن به مجموعه‌ای از مهارت‌های طراحی، سیستم‌سازی و حل مسئله وابسته است.
توی این پست و ویدیوی آموزشی رایگان زیر، بهتون یاد میدم که چطور اسکلت و فونداسیون پروژه‌هاتون رو مثل یک معمار حرفه‌ای بچینید.
ویدیوی آموزش Frame در Sketch
ویدیوی همین آموزش را می‌توانید داخل صفحه از آپارات ببینید.
فریم (Frame) دقیقاً چیه؟
Frame در Sketch یک Container برای طراحی رابط و Layout است. می‌تواند یک Screen کامل یا بخشی از UI را نگه دارد و Frameها می‌توانند داخل Frameهای دیگر Nest شوند. لازم نیست هر Layer روی Canvas حتما داخل Frame باشد، اما برای Screen و Layout ساختاریافته استفاده از Frame کمک زیادی می‌کند.
Frame Templateها و ساخت سریع Frame
یکی از جذاب‌ترین و کاربردی‌ترین بخش‌های اسکچ، کتابخانه عظیم پریست‌های آماده برای فریم‌هاست. شما با یک کلیک می‌تونید فریم استاندارد برای موارد زیر بسازید:
انواع آیفون (از SE تا 16 Pro Max)
گوشی‌های اندرویدی محبوب (پیکسل، سامسونگ و…)
سایزهای مختلف وب‌سایت (دسکتاپ، تبلت، موبایل)
اپل واچ، اپل تی‌وی و حتی سایز کاغذ A4!
نکته جالب اینجاست که اسکچ این پریست‌ها رو خیلی هوشمندانه دسته‌بندی کرده که توی ویدیو کامل در موردش توضیح دادم.
با پیج‌ها (Pages) پروژه‌تو مرتب کن!
وقتی پروژه بزرگ میشه، مدیریت ده‌ها فریم مختلف می‌تونه آدم رو سردرگم کنه. اسکچ با قابلیت “پیج”، به شما اجازه میده فریم‌های مربوط به بخش‌های مختلف (مثلاً طراحی اندروید، iOS و وب‌سایت) رو در صفحات جداگانه سازماندهی کنید تا کارتون همیشه تمیز و حرفه‌ای باقی بمونه.
Frame در نسخه فعلی Sketch
در Sketch فعلی، کلید F ابزار Frame را فعال می‌کند. Frame از Fill، Border، Shadow، Corner و Effect پشتیبانی می‌کند، می‌تواند Frameهای دیگر را Nest کند و گزینه Clip Content هم برای کنترل محتوای خارج از Bounds دارد.
Frame Templateها را می‌توانید داخل Library هم قرار دهید تا در پروژه‌های مختلف قابل استفاده باشند.
