وایر فریم wireframe چیست؟

“wireframe یعنی نوع و محل عناصر در صفحه که با هدف و برنامه ریزی مشخص شده باشد .”

هنگامی که بخواهید یک ساختمان را از نوع بسازید نیاز دارید تا نقشه اسکلت ساختمان را روی کاغذ بکشید و به مهندس و مجری کار نشان دهید تا طبق نقشه شما ساختمان را بنا کنند . طراحی برنامه و وبسایت نیز در دنیای دیجیتال به همین شکل هست شما نیاز دارید تا طرح برنامه و وبسایت مورد نظرتان را بصورت وایرفریم ارائه کنید . وایر فریم یا قاب چوبی یک طرح کلی از ساختار صفحه وبسایت ، اپلیکیشن موبایل ، و یا نرم افزار ویندوزی است که بر روی کاغذ کشیده میشود در واقع نماینده اسکلت سایت یا برنامه شما بر روی کاغذ است .

اصولی ترین راهی که شما میتوانید به شخص برنامه نویس بگوئید چه عناصری در صفحه باشد استفاده از wireframe است .در وایر فریم محتوا قرار نمیگیرد و شما فقط مشخص میکنید در کجای صفحه عکس باشد یا فیلم و در کجای صفحه متن قرار گیرد .طراحی یک وایر فریم خوب میتواند در روند طراحی و توسعه وبسایت یا اپلیکیشن شما تاثیر بسزایی داشته باشد.در زیر یک مثال از وایرفریم را مشاهده میکنید.

چگونه برای وبسایت وایرفریم طراحی کنیم؟

در شکل ساده وایرفریم متشکل از چندین مستطیل واشکال هندسی است یعنی شما ابتدا نیاز به یک کاغذ و قلم ساده برای نشان دادن علامت ها و عناصر وبسایت دارید.به این نکته توجه کنید که شما برای صفحه اصلی وبسایتتان و همچنین صفحه محصولات باید وسواس بیشتری به خرج دهید طرز قرار گیری نامناسب عناصر و نحوه چیدمان متن ها میتواند مشتری را از هدف اصلی وبسایت منحرف کند.پیشنهاد میکنم مقاله تجربه کاربری چیست را مطالعه کنید .

در اینجا به شما ابزار هایی را معرفی میکنیم که توسط آنها شما قادر خواهید بود طرح صفحه تان را توسط نرم افزار های آماده طراحی کنید.

1- justinmind

2-gomockingbird

اگر در زمینه طراحی گرافیک وب سایت و طراحی سایت خود به دنبال مشاورین خبره و با سابقه هستید می توانید به راحتی با تیم مشاوره پدیده در زمینه طراحی سایت اصفهان و …. در ارتباط باشید.

شماره تماس خود را ثبت کنید تا مشاورین ما در کوتاهترین زمان با شما تماس بگیرند…