Wireframe چیست؟

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

بعنوان مثل اگر بخواهیم یک وب سایت خبری طراحی و پیاده سازی کنیم، ابتدا باید بدانیم اطلاعات کاملی از این سایت خبری داشته باشیم تا بتوانیم طرح را پیاده کنیم. مواردی مثل: طول سایت، محل قرارگیری سربرگ، تعداد بلوک های سایت، مکان قرار گیری آخرین اخبار، تعداد ستوی های سایت و… هستند که در ادامه به جزئیات آن همراه با نمونه هایی از Wireframe و نحوه ساختن آنها بیشتر می پردازیم.

در یک Wireframe نباید نهایت گرافیک را به کار برد! با یک قلم و کاغذ معمولی ویا با نرم افزار Point ویندوز هم می توان Wireframe را ایجاد کرد. این کار باعث می شود تا به قول خودمان دست طراح را برای زدن طرح بیشتر باز کنیم!
 
مزایای استفاده از Wireframe قبل از شروع به کار:
- صرفه جویی در وقت.
- عدم سردرگمی طراح برای پیاده سازی طرح.
- داشتن یک پیش نمایش از سایت قبل از شروع به طراحی.
- مشخص کردن عناصر قرار گرفته برروی طرح.
- تغییر و تنظیم عناصر کاربری.
 
از کجا شروع کنیم؟
برای کشیدن یک Wireframe نیاز به ابزار خاصی نیست و راه های زیادی برای این کار وجود دارد. استفاده از برنامه های گرافیکی، نرم افزار Photoshop, Point و…
ویا حتی استفاده از یک قلم و کاغذ معمولی!



مطالب دیگر:

عمومی و کاربردی
مایکروسافت آفیس چیست؟
نرم افزار word چيست؟
نرم افزار Excel چیست؟
نرم افزار Access چيست؟
نرم افزار Power point چيست؟
شهروند الکترونیک چیست؟
با انواع فرمت های تصاویر آشنا شوید
الکسا چیست و راه های افزایش رتبه الکسا
افزایش سرعت اینترنت در ویندوز 10
تاریخچه کامپیوتر
استفاده از ماشین حساب مهندسی
فن بیان و مهارت سخنرانی در جمع
مروری بر عملکرد نیمکره راست مغز
مروری بر عملکرد نیمکره چپ مغز
دیجیتال مارکتینگ چیست؟
آموزش تبدیل فایل pdf پی دی اف به ورد
بهترین آنتی ویروس های سال 2020
برنامه نویسی چیست و چه تفاوتی با کدنویسی دارد؟
10 قانونی که به شما در جستجو و پیدا کردن فرصت های شغلی کمک می کند
چگونه از اینترنت پول در بیاوریم و کسب درآمد کنیم؟
آیا خلاقیت آموختنی است؟
انواع هک و هکرها
خرید هارد اکسترنال

طراحی گرافیک
طراحی وب سایت
HTML چيست؟
CSS چیست؟
JavaScript چيست؟
JQuery چيست؟
ASP.NET چيست؟
PHP چيست؟
مزایا و درآمد شغل طراحی وب سایت
چطور یک طراح سایت شويم؟
جوملا چيست؟
PHP يا ASP.net
طراحی سایت را از کجا شروع کنیم؟
Wireframe چیست؟
فلش در طراحی وب سایت
SEO چيست؟
سئو و بهینه سازی وبسايت
فتوشاپ در طراحی وب سایت
دوره آموزش جی کوئری
طراحی فوتر سایت به سبک وب دو
سایت استاتیک یا سایت داینامیک؟
فونت فارسی در طراحی وب سایت
استفاده از GIF در طراحی وبسایت
معرفی نرم افزار ++Notepad
مزایا و معایب سایت داینامیک
آشنایی با مدرک طراحی وب CIW
فرق بین اسلش و بک اسلش
دیجیتال مارکتینگ چیست؟
وب سایت چیست و طراحی سایت را از کجا شروع کنیم؟
الگوریتم های گوگل و تاثیر آن بر نتایج جستجو
ری اکت React چیست؟

سیستم عامل ، سخت افزار
شبكه های کامپیوتری
مدیریت ، منشیگری ، روانشناسی
مهندسی برق و الکترونیک
سیستم عامل های تلفن همراه
برنامه نویسی
فنی و مهندسی
whatsapp