وایرفریم چیست؟
وایرفریم (wireframe) در حقیقت طرح‌بندی یا Layout صفحات وب است که شامل المان‌ها و عناصری است که باید بر روی صفحه اصلی یا سایر صفحات وبسایت وجود داشته باشند. همچنین طرحی اولیه و ساده را از محل قرارگیری المان‌ها در صفحات وب نشان می‌دهد. کاربرد وایرفریم بر روی کاربرد و عملکرد المان‌های سایت است. به همین دلیل معمولا یک wireframe رنگ و گرافیک خاصی نداشته و بسیار ساده می‌باشد. در هر حال، فرقی نمیکند شما طراح UI، گرافیست یا مدیر محصول باشید، وایرفریم‌ها ابزاری قدرتمند برای شما خواهد بود.
معرفی انواع وایرفریم wireframe
معمولا وایرفریم‌ها را به لحاظ میزان جزئیات می‌توان به سه دسته تقسیم کرد که در ادامه با آنها آشنا می‌شوید. البته کاربرد وایرفریم در هر کدام از این دسته‌ها یکسان و مشابه است. این موضوع در انواع مختلف طراحی سایت می تواند بسیار کمک کننده باشد. در کل، انواع wireframe عبارتند از:
- Low-fidelity wireframes؛ نمونه‌سازی دارای جزئیات کم
- Mid-fidelity wireframes؛ نمونه‌سازی دارای جزئیات متوسط یا نسبی
- High-fidelity wireframes؛ نمونه‌سازی دارای جزئیات بالا
نمونه‌سازی (wireframe) با جزئیات کم
همانطور که از نام این وایرفریم مشخص است، دارای کمترین جزئیات هستند. نام دیگر این نوع نمونه سازی‌ها Low-fi است که معمولا طی مدت زمان کمی طراحی می‌شوند. از آنجایی که جزئیات آنها کم است، بیشتر برای بدست آوردن نمایی از کلیات هر صفحه طراحی می‌شوند. این نوع وایرفریم‌ها برای ارائه دادن به کارفرما استفاده نمی‌شود، بلکه صرفا مخاطبین آنها طراحان سایت و تیم‌های طراحی هستند.
نمونه‌سازی با جزئیات متوسط
معمولا رایج‌ترین وایرفرمی که توسط طراحان استفاده می‌شود، wireframe با جزئیات متوسط است. مسلما جزئیات این نمونه دارای جزئیات بیشتری نسبت به Low-fi است. این وایرفریم‌ها معمولا با ابزار طراحی می‌شوند و متون در آنها مشخص‌تر هستند. درست است که این نمونه سازی‌ها دارای جزئیات بیشتری هستند، اما همچنان رنگ‌ها و تصاویر جایی در وایرفریم‌های Mid-fi ندارند.
وایرفریم با جزئیات بالا
اگر به دنبال بهترین و جزئی‌ترین وایرفریم‌ها هستید، طبیعتا High-fi آن چیزی است که به دنبالش می‌گردید. با اینکه طراحی این wireframe زمان بیشتری از طراح خواهد گرفت، اما همچنان در تهیه این نمونه سازی‌ها نیز از رنگ استفاده نمی‌شود. در واقع طراحان عموما از یک طیف رنگی ثابت برای طراحی استفاده می‌کنند.
