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

موکاپ mokup

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

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

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

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

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

تعداد بازدید: 491
مطالب دیگر وبلاگ
5 نکته برای تشخیص مناسب بودن یک میزبانی وب10 دلیل که باعث شکست وب سایت می شود4 دلیل برای استفاده از DIY سازندگان وب سایتایمیل مارکتینگبهینه سازی تصاویر در سئوی سایت
verification