یک فنجان مشاوره
مهـمـان مــا باشیـد

شـمـــاره تــمــاس
031-36628509

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

انتشار 24 مهر 1396
دیدگاه ها 0
زمان تقریبی مطالعه
گردآوری پدیده تجارت

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

 

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

 

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

 

 

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

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

 

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

1- justinmind

2-gomockingbird

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

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

 

[contact-form-7 id=”14163″ title=”فرم مشاوره”]

مقالات مرتبط

شاید علاقمند به دیدن این مقالات نیز باشید
(آرشیو کامل)

آموزش نوار ابزار و ابزارهای فتوشاپ آموزش نوار ابزار و ابزارهای فتوشاپ مقالات طراحی وب سایت

پدیده تجارت

24 اسفند 1400

آموزش وردپرس صفر تا صد آموزش وردپرس صفر تا صد مقالات طراحی وب سایت

پدیده تجارت

24 اسفند 1400

URL چیست؟ URL چیست؟ مقالات طراحی وب سایت

پدیده تجارت

08 اردیبهشت 1399

آشنایی با زبان جاوا آشنایی با زبان جاوا مقالات موبایل

پدیده تجارت

07 بهمن 1398

گیت هاب چیست و چه کاربردی دارد؟ گیت هاب چیست و چه کاربردی دارد؟ مقالات طراحی وب سایت

پدیده تجارت

22 اسفند 1400

طراحی اپلیکیشن و اهمیت آن طراحی اپلیکیشن و اهمیت آن مقالات موبایل

پدیده تجارت

20 فروردین 1401

معرفی 5 زبان برنامه نویسی برتر معرفی 5 زبان برنامه نویسی برتر مقالات طراحی وب سایت

پدیده تجارت

21 فروردین 1401

برنامه نویسی native (بومی)  چیست ؟ برنامه نویسی native (بومی) چیست ؟ مقالات طراحی وب سایت

پدیده تجارت

26 تیر 1399

بررسی سئو و کاربرد آن بررسی سئو و کاربرد آن مقالات سئو

پدیده تجارت

21 آبان 1398

آموزش افترافکت در اصفهان آموزش افترافکت در اصفهان مقالات برندینگ

پدیده تجارت

24 اسفند 1400

اندروید استودیو چیست؟ اندروید استودیو چیست؟ مقالات طراحی وب سایت

پدیده تجارت

20 فروردین 1401

دیدگاه کاربران

0

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
0 نظرات
تازه‌ترین
قدیمی‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها

ثبت نام «دوره دیجیتال مارکتینگ کمبو» آغاز شد !