Wireframe

Wireframe چیست؟

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

چه زمانی باید از Wireframe استفاده کنیم؟

• در مراحل ابتدایی طراحی، برای مشخص کردن ساختار و چیدمان صفحات
• قبل از رفتن سراغ Visual Design و طراحی نهایی
• تست سریع و اصلاح ایده‌ها
• برای هم‌راستا کردن تیم طراحی، محصول و ذی‌نفعان روی ساختار صفحه

مثالی از Wireframe

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

مفاهیم مرتبط

• Low-fidelity Design
• Prototype
• Information Architecture
• UI Design