موکاپ mokup
عبارت mock-up ابتدا توسط طراحان مورد استفاده قرار گرفت و در فارسی با نام پیکر نما ترجمه شده است. در واقع به طرح هایی که برای نمایش اولیه در موضوعات گوناگون توسط نرم افزارهای گرافیکی مورد استفاده قرار می گیرد، موکاپ گفته می شود. موکاپ شامل طرح ثابت و کلی با جزئیات ای مثل رنگ گرافیک متن هست. در طراحی سایت موکاپ در مرحله ی پیش نمایش و دموی سایت کاربرد بیشتری دارد و هویت بصری قالب وب سایت را نشان میدهد. با این طرح می‌توان در مورد جزئیات طراحی ui وب سایت به بحث و گفتگو پرداخت. جزئیاتی مثل رنگ، layout، اندازه و سایز اشیای صفحه وب، نحوه نمایش و... بعد از طراحی اولیه موکاپ قابل تصمیم گیری و تایید نهایی می شوند.
نحوه ساخت طرح موکاپ
- استفاده از نرم افزارهای گرافیکی مثل کرل، ایندیزاین ،فوتوشاپ
- استفاده از html و css و Js و کدنویسی به صورت طرح اولیه و دمو
- استفاده از نرم افزارهای تخصصی طراحی موکاپ
تفاوت موکاپ و وایر فریم
وایر فریم ویژه طراحی سایت است و دید کلی تری از طراحی UI به دست می دهد. همچنین این موارد UX را نیز شامل می شود. در حالیکه mockup بیشتر شامل جزئیات بصری مثل رنگ، اندازه، تایپوگرافی و... می باشد. بهتر است ابتدا وایرفریم را طراحی کنیم و بعد از تایید نهایی سراغ طراحی موکاپ برویم تا به طرح دقیق‌تری از سایت برسیم.
