bg single
خانه مقاله ها نحوه ی تنظیم قالب موکاپ یک وب سایت
product-introduction-image

نحوه ی تنظیم قالب موکاپ یک وب سایت

comment image 0 دیدگاه
comment image 14 خرداد 1397

نویسنده : پشتیبان

دسته بندی : مقاله ها

با سلام به دوستان خوب مدرسه گرافیک پلاس.امروز مقاله ای برای شما اماده شده که درباره ی چگونگی تنظیم یه قالب موکاپ وب سایت  صحبت میکند.تهیه ی یک فایل پیش نمایش می تواند یک طرح کمک کننده باشد تا بتوانیم یک ارائه حقیقی داشته باشیم.اما برای اینکه بدانیم چگونه می توانیم یک قالب پیش نمایش وب سایت را تنظیم کرده و در طرح های خود بکار ببریم با ماهمراه باشید.

 

قالب موکاپ وب سایت چیست؟

Isometric Website Mockup 1 - نحوه ی تنظیم قالب موکاپ یک وب سایت

اکثر قالب های موکاپ وب سایت به صورت یک فایل قابل ویرایش Adobe Photoshop می باشند. طرح ساخته شده است به طوری که شما می توانید یک تصویرصفحه از وب سایت خود را به یک قاب واقع بینانه الحاق کنید به عنوان مثال نشان دادن صفحه اصلی یک وب سایت در یک کامپیوتر واقعی، تبلت و یا دستگاه تلفن همراه.

قالب های موکاپ وب سایت می تواند شامل یک تصویر واحد، چندین عکس و ارائه در جهت های مختلف باشد. شکل ظاهری خوب می تواند تجسم خوبی از آنچه محصول نهایی در استفاده واقعی ظاهر می شود ارائه دهد.

در حالی که شما میتوانید فایل های موکاپ خودتان را ایجاد کنید، گزینه های زیادی برای دانلود وجود دارد. اکثر این قالب ها به عنوان فایل های PSD با استفاده از لایه ها و اشیاء هوشمند برای ایجاد طرح نهایی ایجاد می شوند، در حالی که خواص بصری فایل را حفظ می کنند. این کار مفید است هنگام استفاده از یک قالب با استفاده از یک جهت جالب مانند ۳D یا نمای پرسپکتیو.

اکثر قالب های موکاپ وب شامل ترکیبی از تصاویر برداری و رستِر می باشند، بنابراین با توجه اکسپورت کنید. شما می خواهید مطمئن شوید که تصویر وبسایتتان به همان اندازه خوب است که قبل از نمایش آن بود.

 

نحوه تنظیم یک قالب موکاپ

در حالی که یک فایل فتوشاپ با چندین لایه با ظاهر عجیب می تواند ترس آور باشد، سفارشی کردن قالب موکاپ برای یک پردازش پیچیده نیست. شما فقط باید:

۱٫یک قالب موکاپ وب سایت را که دوست دارید پیدا کنید. (شما می توانید خودتان ایجاد کنید، اما با گزینه های بسیار زیادی که در دسترس است، گزینه پیشنهاد دانلود را توصیه می کنیم.) یک قالب را که ویژگی های طرح شما را برجسته می کند، مانند نمایش های چندگانه برای وب سایت های پاسخگو (دسکتاپ، تبلت و تلفن) همراه با یک پس زمینه متناسب با سبک پروژه (سفید یا سیاه در مقابل یک پس زمینه رنگارنگ یا سبک عکس واقع گرایانه) را جستجو کنید.

۲٫فایل زیپ دانلود را باز کنید و تأیید کنید که تمام قطعات لازم را دارید: یک فایل PSD با قالب قابل ویرایش، یک JPG که به شما نشان می دهد که چه طراحی باید صورت گیرد (اختیاری) و یک فایل اطلاعاتی یا readme همراه با هر اطلاعات لایسنس و راهنما.

۳٫فایل PSD را در فتوشاپ باز کنید و لایه ها را نگاه کنید. برای لایه ای که می گوید “طرح خود را در اینجا بکشید” یا مشابه (به دنبال یک لایه ای است که همیشه با این دستورالعمل تفاوت دارد!)

۴٫آن لایه را دو بار کلیک کنید تا آن باز شود.

۵٫تصویرصفحه مناسبی از طرح خود را که به اندازه رزولوشن مطلوب اندازه گرفته شده است و برای نمایش کامل آنچه را که شما می خواهید مردم در طرح موکاپ نهایی ببینند بگیرید.

۶٫کپی و چسباندن و یا کشیدن و رها کردن تصاویر یا محتوا خود درلایه مناسب، تغییر اندازه در صورت نیاز برای پر کردن فضا.

۷٫بزنید Ctrl-S یا Cmd-S برای ذخیره لایه هوشمند، سپس به تصویر اصلی بازگردید.شما باید تصویرصفحه جدید خود را در قالب موکاپ ببینید.

۸٫فایل را با استفاده از اندازه و قالب مورد نیاز خود برای نمایش اکسپورت کنید.

 

چگونه از قالب موکاپ یک وب سایت استفاده کنیم؟

هنگامی که قالب موکاپ وب سایت را تنظیم میکنید، چه کاری با آن انجام میدهید؟ این طرح های به ظاهر ساده بسیاری از برنامه های کاربردی را دارند. شما می توانید ازیک قالب موکاپ وب سایت استفاده کنید برای:

  • پیشنمایش طرح ها برای مشتریان
  • آماده سازی بازاریابی و تبلیغات پس از راه اندازی
  • قراردادن در کاغذهای چاپی
  • هنگامی که شما قصد دارید تا طرح نهایی را نشان دهید، یک مسابقه ثبت قراردهید

تمام مواردی که باید برای استفاده از قالب موکاپ وب سایت انجام دهید، طرح تنظیم شده ی خود را به فرمت قابل استفاده اکسپورت کنید. اکثرا این زمان این شامل دو گزینه است – یک فایل تصویری با رزولوشن بالا برای برنامه های چاپی و یک فایل رزولوشن وب برای استفاده آنلاین یا برای اشتراک ایمیل.

کجا یک قالب موکاپ وب سایت پیدا کنیم

بنابراین با همه ی اینها احتمالا این پرسش مطرح می شود: کجا یکی از این قالب های موکاپ وب سایت مفید را پیدا می کنید؟ بسیاری از گزینه های رایگان و غیررایگان از منابع مختلف وجود دارد.

ما همچنین دارای چند مجموعه بزرگ که شامل بسیاری از مدل هایی هستند که می توانید از آن استفاده کنید هستیم .

 

۱۰ موکاپ وب سایت رایگان برای شروع

برای اطمینان از اینکه همه شما آماده استفاده از یک قالب وب سایت هستید، ما ۱۰ گزینه عالی و رایگان را برای کمک به شروع کار شما پیدا کردیم.

 

۲ MacBook Pro Desk Mockups

3 macbook pro desk mockups - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

Responsive Showcase PSD Mockups

resp show1 - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

Vector Apple Outline Device PSD

vector mockup - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

Flat Responsive Showcase

showcase mock1 - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

White iPad and iPhone Floor Mockup

floor mockup - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

MacBook and iPhone on Table Mockup

macbook and iphone on table mockup 1024x768 - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

Apple Device Wireframe Mockups

outline mock1 1 - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

Responsive Web Design Showcase Mockup

web mockup1 - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

Mockup MacBook Air

157 1024x683 - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

MacBook Pro Retina Display PSD

macbook air psd mockup 24 - نحوه ی تنظیم قالب موکاپ یک وب سایت

 

 

نتیجه گیری

تنظیم کردن یک قالب موکاپ وب سایت برای نشان دادن پروژه یک ابزار عالی برای داشتن مهمات شماست. حتی اگر چند دقیقه برای آماده شدن برای ارائه آماده شوید، می توانید طراحی وب سایت خود را به یک سناریوی واقعی برای ظاهرجذاب تبدیل کنید.

در حالی که شما ممکن است در مورد ارائه کلی یک طرح یا ایده مورد توجه قرار نگیرید، مشتریان قطعا متوجه خواهند شد. این یکی از میانبرهای سریع و آسان است که طراحان (و فارغ التحصیلان) می توانند برای ایجاد یک تصور بزرگ استفاده کنند.

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای: 0

کلمات کلیدی: _________________
برای ارسال نظر باید ثبت نام / ورود به حساب کاربری کنید.
آخرین دیدگاه های شما
هنوز کسی نظری نداده ! تو اولین نفر باش

تومان ۳۹۰,۰۰۰ ۱۶۵,۰۰۰

هر هفته بهترین مقالات و تخفیف های ویژه را ایمیل می کنیم. برای دریافت، به کلوپ ۲۰۰۰۰ نفری ما بپیوندید.