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

موکاپ mokup

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

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

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

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

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

تعداد بازدید: 800
مطالب دیگر وبلاگ
10 چیز که باید برای افزایش نرخ تبدیل وب سایت تست کنیداز کجا عکس های رایگان و غیر تکراری برای یک وب سایت عکس دار می توان پیدا کردنحوه صحبت با طراحان گرافیکنحوه انتخاب پلت فرم درست وب سایت برای مدیریت وب برای کسب و کار کوچک شما4 استراتژی های طراحی که باعث دعوت فوری برای اقدام می شود.
verification