طراحی سایت ساناتک
0
موکاپ Mockup و کاربرد آن در طراحی سایت

موکاپ mokup

عبارت mock-up  ابتدا توسط طراحان مورد استفاده قرار گرفت و در فارسی با نام پیکر نما ترجمه شده است.  در واقع به طرح هایی که برای نمایش اولیه در موضوعات گوناگون توسط نرم افزارهای گرافیکی مورد استفاده قرار می گیرد، موکاپ گفته می شود. موکاپ شامل طرح ثابت و کلی با جزئیات ای مثل رنگ گرافیک متن هست. در  طراحی سایت موکاپ در مرحله ی پیش نمایش و دموی سایت کاربرد بیشتری دارد و هویت بصری قالب وب سایت را نشان میدهد. با این طرح می‌توان در مورد جزئیات طراحی ui وب سایت به بحث و گفتگو پرداخت. جزئیاتی مثل رنگ، layout،  اندازه و سایز اشیای صفحه وب، نحوه نمایش و... بعد از طراحی اولیه موکاپ  قابل تصمیم گیری و تایید نهایی می شوند.

نحوه ساخت طرح موکاپ

  1. استفاده از نرم افزارهای گرافیکی مثل کرل، ایندیزاین ،فوتوشاپ
  2. استفاده از html و css و Js و کدنویسی به صورت طرح اولیه و دمو
  3. استفاده از نرم افزارهای تخصصی طراحی موکاپ

تفاوت موکاپ و وایر فریم

وایر فریم ویژه طراحی سایت است و دید کلی تری از طراحی UI به دست می دهد. همچنین این موارد UX را نیز شامل می شود. در حالیکه mockup بیشتر شامل جزئیات بصری مثل رنگ، اندازه، تایپوگرافی و... می باشد.  بهتر است ابتدا وایرفریم را طراحی کنیم و بعد از تایید نهایی سراغ طراحی موکاپ برویم تا به طرح دقیق‌تری از سایت برسیم.

تعداد بازدید: 896
مطالب دیگر وبلاگ
4 مورد محتوایی برای انتشار در وب سایت جهت جلب توجهنرخ تبدیل بهتر با طراحی وب بهتر3 راه کسب درآمد آنلاین از وبلاگ یا وب سایتبهینه سازی وب سایت برای جستجوی محلیطراحی وب سایت پاسخگو یا برنامه تلفن همراه
verification