نحوه ی تنظیم قالب موکاپ یک وب سایت
0 دیدگاه
14 خرداد 1397
نویسنده : پشتیبان
دسته بندی : مقاله ها
با سلام به دوستان خوب مدرسه گرافیک پلاس.امروز مقاله ای برای شما اماده شده که درباره ی چگونگی تنظیم یه قالب موکاپ وب سایت صحبت میکند.تهیه ی یک فایل پیش نمایش می تواند یک طرح کمک کننده باشد تا بتوانیم یک ارائه حقیقی داشته باشیم.اما برای اینکه بدانیم چگونه می توانیم یک قالب پیش نمایش وب سایت را تنظیم کرده و در طرح های خود بکار ببریم با ماهمراه باشید.
قالب موکاپ وب سایت چیست؟
اکثر قالب های موکاپ وب سایت به صورت یک فایل قابل ویرایش Adobe Photoshop می باشند. طرح ساخته شده است به طوری که شما می توانید یک تصویرصفحه از وب سایت خود را به یک قاب واقع بینانه الحاق کنید به عنوان مثال نشان دادن صفحه اصلی یک وب سایت در یک کامپیوتر واقعی، تبلت و یا دستگاه تلفن همراه.
قالب های موکاپ وب سایت می تواند شامل یک تصویر واحد، چندین عکس و ارائه در جهت های مختلف باشد. شکل ظاهری خوب می تواند تجسم خوبی از آنچه محصول نهایی در استفاده واقعی ظاهر می شود ارائه دهد.
در حالی که شما میتوانید فایل های موکاپ خودتان را ایجاد کنید، گزینه های زیادی برای دانلود وجود دارد. اکثر این قالب ها به عنوان فایل های PSD با استفاده از لایه ها و اشیاء هوشمند برای ایجاد طرح نهایی ایجاد می شوند، در حالی که خواص بصری فایل را حفظ می کنند. این کار مفید است هنگام استفاده از یک قالب با استفاده از یک جهت جالب مانند ۳D یا نمای پرسپکتیو.
اکثر قالب های موکاپ وب شامل ترکیبی از تصاویر برداری و رستِر می باشند، بنابراین با توجه اکسپورت کنید. شما می خواهید مطمئن شوید که تصویر وبسایتتان به همان اندازه خوب است که قبل از نمایش آن بود.
نحوه تنظیم یک قالب موکاپ
در حالی که یک فایل فتوشاپ با چندین لایه با ظاهر عجیب می تواند ترس آور باشد، سفارشی کردن قالب موکاپ برای یک پردازش پیچیده نیست. شما فقط باید:
۱٫یک قالب موکاپ وب سایت را که دوست دارید پیدا کنید. (شما می توانید خودتان ایجاد کنید، اما با گزینه های بسیار زیادی که در دسترس است، گزینه پیشنهاد دانلود را توصیه می کنیم.) یک قالب را که ویژگی های طرح شما را برجسته می کند، مانند نمایش های چندگانه برای وب سایت های پاسخگو (دسکتاپ، تبلت و تلفن) همراه با یک پس زمینه متناسب با سبک پروژه (سفید یا سیاه در مقابل یک پس زمینه رنگارنگ یا سبک عکس واقع گرایانه) را جستجو کنید.
۲٫فایل زیپ دانلود را باز کنید و تأیید کنید که تمام قطعات لازم را دارید: یک فایل PSD با قالب قابل ویرایش، یک JPG که به شما نشان می دهد که چه طراحی باید صورت گیرد (اختیاری) و یک فایل اطلاعاتی یا readme همراه با هر اطلاعات لایسنس و راهنما.
۳٫فایل PSD را در فتوشاپ باز کنید و لایه ها را نگاه کنید. برای لایه ای که می گوید “طرح خود را در اینجا بکشید” یا مشابه (به دنبال یک لایه ای است که همیشه با این دستورالعمل تفاوت دارد!)
۴٫آن لایه را دو بار کلیک کنید تا آن باز شود.
۵٫تصویرصفحه مناسبی از طرح خود را که به اندازه رزولوشن مطلوب اندازه گرفته شده است و برای نمایش کامل آنچه را که شما می خواهید مردم در طرح موکاپ نهایی ببینند بگیرید.
۶٫کپی و چسباندن و یا کشیدن و رها کردن تصاویر یا محتوا خود درلایه مناسب، تغییر اندازه در صورت نیاز برای پر کردن فضا.
۷٫بزنید Ctrl-S یا Cmd-S برای ذخیره لایه هوشمند، سپس به تصویر اصلی بازگردید.شما باید تصویرصفحه جدید خود را در قالب موکاپ ببینید.
۸٫فایل را با استفاده از اندازه و قالب مورد نیاز خود برای نمایش اکسپورت کنید.
چگونه از قالب موکاپ یک وب سایت استفاده کنیم؟
هنگامی که قالب موکاپ وب سایت را تنظیم میکنید، چه کاری با آن انجام میدهید؟ این طرح های به ظاهر ساده بسیاری از برنامه های کاربردی را دارند. شما می توانید ازیک قالب موکاپ وب سایت استفاده کنید برای:
- پیشنمایش طرح ها برای مشتریان
- آماده سازی بازاریابی و تبلیغات پس از راه اندازی
- قراردادن در کاغذهای چاپی
- هنگامی که شما قصد دارید تا طرح نهایی را نشان دهید، یک مسابقه ثبت قراردهید
تمام مواردی که باید برای استفاده از قالب موکاپ وب سایت انجام دهید، طرح تنظیم شده ی خود را به فرمت قابل استفاده اکسپورت کنید. اکثرا این زمان این شامل دو گزینه است – یک فایل تصویری با رزولوشن بالا برای برنامه های چاپی و یک فایل رزولوشن وب برای استفاده آنلاین یا برای اشتراک ایمیل.
کجا یک قالب موکاپ وب سایت پیدا کنیم
بنابراین با همه ی اینها احتمالا این پرسش مطرح می شود: کجا یکی از این قالب های موکاپ وب سایت مفید را پیدا می کنید؟ بسیاری از گزینه های رایگان و غیررایگان از منابع مختلف وجود دارد.
ما همچنین دارای چند مجموعه بزرگ که شامل بسیاری از مدل هایی هستند که می توانید از آن استفاده کنید هستیم .
۱۰ موکاپ وب سایت رایگان برای شروع
برای اطمینان از اینکه همه شما آماده استفاده از یک قالب وب سایت هستید، ما ۱۰ گزینه عالی و رایگان را برای کمک به شروع کار شما پیدا کردیم.
۲ MacBook Pro Desk Mockups
Responsive Showcase PSD Mockups
Vector Apple Outline Device PSD
Flat Responsive Showcase
White iPad and iPhone Floor Mockup
MacBook and iPhone on Table Mockup
Apple Device Wireframe Mockups
Responsive Web Design Showcase Mockup
Mockup MacBook Air
MacBook Pro Retina Display PSD
نتیجه گیری
تنظیم کردن یک قالب موکاپ وب سایت برای نشان دادن پروژه یک ابزار عالی برای داشتن مهمات شماست. حتی اگر چند دقیقه برای آماده شدن برای ارائه آماده شوید، می توانید طراحی وب سایت خود را به یک سناریوی واقعی برای ظاهرجذاب تبدیل کنید.
در حالی که شما ممکن است در مورد ارائه کلی یک طرح یا ایده مورد توجه قرار نگیرید، مشتریان قطعا متوجه خواهند شد. این یکی از میانبرهای سریع و آسان است که طراحان (و فارغ التحصیلان) می توانند برای ایجاد یک تصور بزرگ استفاده کنند.
راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام مدرسه گرافیک پلاس عضو شوید.
آخرین دیدگاه های شما