قابهای وب سایت طراحی خطوط ساده هستند که نشانگر قرار دادن عناصر در یک صفحه وب می باشد. شما می توانید زمان زیادی را صرف ساختن طرح قالب ساده ساده در ابتدای فرایند طراحی به جای یک طراحی پیچیده کنید.
با استفاده از wireframes یک راه عالی برای شروع یک پروژه وبسایت است؛ زیرا شما و مشتری شما اجازه می دهد بر روی طرح تمرکز کنند بدون اینکه منحرف کننده رنگ، نوع و دیگر عناصر طراحی شوند. تمرکز بر آنچه که در صفحات وب شماست و درصد فضای که هر عنصر طول می کشد، که می تواند با نیازهای مشتری شما مشخص شود.
01 از 03
چه باید در Wireframe وب سایت اضافه شود
تمام عناصر مهم یک صفحه وب باید در قالب wireframe وب سایت شما نمایش داده شود. به جای گرافیک واقعی از اشکال ساده استفاده کنید و آنها را برچسب گذاری کنید. این عناصر عبارتند از:
- Navigation: دکمه ها برای بازدید از بخش های اصلی سایت شما.
- آرم شرکت: فقط می تواند توسط یک جعبه نمایندگی شود.
- بخش های محتوا: بخش های مختلف محتوا از کجا می آید؟
- جعبه جستجو
- مناطق ورود کاربر
02 از 03
چگونه برای ایجاد Wireframes وب سایت
راه های مختلفی برای ایجاد قالب وب سایت وجود دارد. آنها عبارتند از:
رسم آن را با دست بر روی کاغذ
این روش زمانی مفید است که با مشتری برخورد کنید. ایده های طرح بندی خود را بر روی کاغذ طراحی کنید، با تمرکز بر آن چه عناصر باید انجام دهید.
با استفاده از Adobe Photoshop، Illustrator یا سایر نرم افزارها
اکثر بسته های نرم افزاری گرافیکی با تمام ابزارهای ضروری برای ایجاد قاب های جعبه ای مجهز شده اند. خطوط ساده، اشکال و متن (برای علامت دادن عناصر خود) همه چیزهایی هستند که شما نیاز دارید که یک قالب قابلی را ارائه دهید.
با استفاده از نرم افزار ایجاد شده برای این نوع کار
در حالی که فتوشاپ و Illustrator می توانند این ترفند را انجام دهند، برخی بسته های نرم افزاری به طور خاص برای این نوع کار طراحی شده اند. OmniGraffle یک قطعه نرم افزاری است که ساخت قالب های wireframes را با ارائه شکل، خط، فلش و ابزارهای متن برای استفاده در یک بوم خالی ساده می کند. شما حتی می توانید مجموعه گرافیک های سفارشی (به صورت رایگان) را در Graffletopia دانلود کنید، که به شما عناصر بیشتری را می دهد، مانند دکمه های وب معمولی، برای کار با آن.
03 از 03
مزایا
با استفاده از wireframes وب سایت، شما برای به دست آوردن طرح مورد نظر بهینه سازی یک نقاشی ساده را انجام می دهید. به جای حرکت عناصر پیچیده در اطراف یک صفحه، می تواند زمان بسیار کمی برای کشیدن چند جعبه به موقعیت های جدید را بگیرد. همچنین برای شما و یا مشتری شما بسیار مفیدتر است که ابتدا روی طرح تمرکز داشته باشید ... شما نمی توانید با نظرات مانند «من آن رنگ را دوست ندارم!» در عوض شما با طرح و ساختار نهایی شروع می کنید که بر اساس طراحی شما است.