ایجاد صفحه برای طراحی ریسپانسیو در فتوشاپ

مدرس: بردیا بسطامی

ما در اکثر مواقع به ساده‌ترین اتفاق های اطرافمون توجه نمی کنیم.

مثلا گاهی میشه اینقدر درگیر جریان یک فیلم میشیم که دقت نمی کنیم فلان سکانس چطور ساخته شده؟! چطور فیلمبرداری شده؟! چطور تدوین شده؟! یا خیلی اوقات در تمام مدت خوردن یک غذا حتی ثانیه ای به نحوه درست شدن اون فکر نمی کنیم.

اما این مثال ها مورد بحث ما نیست و ما می خوایم از چیز دیگه ای حرف بزنیم.

تا حالا شده با خودتون فکر کنید؛ که اگر این قالبی که از یک سایت در صفحه لپ تاپ خودتون مشاهده می کنین بدون تغییر در صفحه تلفن همراهتون هم مشاهده می کردین چه اتفاقی می افتاد؟! عملاً چیزی واضح نبود برای فهمیدن.

به طور ساده اگر بخوایم این موضوع رو مطرح کنیم صفحات طراحی و شکل طراحی یک سایت برای تلفن همراه با لپ تاپ متفاوته. حالا این نوع طراحی هر جای دیگه ای که کاربرد داشته باشه مبحثی هست که نحوه ایجاد اون رو در این پست می بینیم

در این آموزش ساعت شنی یاد میگیریم چطور با ویژگی Responsive Artboard در نرم افزار فتوشاپ صفحاتی با چیدمان دلخواه در طراحی خودمون به وجود بیاریم.

  • نرم افزار فوتوشاپ رو باز می کنیم
  • برای ایجاد آرت بورد مورد نظر بر روی Create New کلیک کرده
  • در صفحه ای که باز میشود در بخش Web میتوان سایز های اصلی وب سایت ها را دید همین طور گزینه ی آرت بورد در اینجا به صورت پیش فرض فعال است
  • اما اگر به صورتRecent بخواهیم یک Document بسازیم در ادامه میتوان با زدن تیک آرت بورد آن را فعال کرد که در سمت راست صفحه باز شده قرار دارد
  • بعد از زدن Create وارد صفحه ای میشویم که بالای آن اسم آرت بورد نوشته شده است
  • اگر روی آن کلیک کنیم یک سری پلاس (+) اطراف آن مشاهده خواهید کرد
  • با زدن بر روی هر کدام از علامت های مثبت یک صفحه جدید ساخته میشود و میتوانیم آن را به سایز دلخواه تغییر بدهیم.