استفاده از Wireframe برای نمایش چهارچوب کلی طراحی سایت

استفاده از Wireframe برای نمایش چهارچوب کلی طراحی سایت

Wireframe چیست ؟

پاسخ کوتاه


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

پاسخ بلند

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

یک Wireframe در اولین گام طراحی یک وبسایت تشکیل می شود .

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

مزایای استفاده از Wireframe :

یکی از مزایای استفاده از wirefram این است که یک تصویر زود هنگام فراهم می کند که می تواند برای بررسی نیاز های مشتری و نحوه برطرف کردن آنان مورد استفاده قرار گیرد .
همچنین کاربران می توانند آن را به عنوان آزمایشات قابل استفاده بررسی کنند و بازخورد اولیه را شرح دهند .بعد از دریافت بازخورد نه تنها اصلاح این اشکال ترسیم شده با مداد یا هر وسیله ی دیگری آسان تر است ، این اطمینان نیز در طراح وجود دارد که اشکالات طرح اولیه توسط مشتریان یا کاربران مشخص شده است .
در زیر چندی دیگر از ویژگی های ترسیم اولیه را میبینید :

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

ابزار های آنلاین برای رسم Wireframe :

Wireframe

برخی از سایت های اینترنتی هم برای این کار ایجاد شده اند که به صورت آنلاین می توانید طرح خودتان را پیداسازی کنید . چند نمونه از این وبسایت ها در زیر آورده شده اند .
wireframe.cc
cacoo.com
gomockingbird.com

lumzy.com

سخن پایانی

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

دیدگاهتان را بنویسید

بستن منو