Wireframe چیست؟

یاد بگیرید برای استفاده از Wireframes ساده برای شروع طرح های خود را

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

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

چیزهایی که در قاب سایتی وب شامل می شوند:

چگونه یک Wireframe وب ساده ساخت

با استفاده از هر قاشق کاغذی که برایتان مفید است، یک قاب سایز وب را ایجاد کنید. در اینجا چگونگی انجام این کار را خواهم گذاشت:

  1. یک مستطیل بزرگ بکشید - این می تواند تمام صفحه یا فقط بخش قابل مشاهده را نشان دهد. من معمولا با بخش قابل توجهی شروع می کنم و سپس آن را گسترش می دهم تا شامل عناصری باشد که زیر بار گذاشته شود.
  2. طرح بندی طرح - آیا این 2 ستون، 3 ستون است؟
  3. اضافه کردن یک جعبه برای گرافیک هدر - اگر شما می خواهید آن را به عنوان یک سرصفحه در بالای ستون است، قرعه کشی بیش از ستون خود، و یا فقط آن را جایی که شما آن را می خواهم اضافه کنید.
  4. نوشتن "سرصفحه" که در آن شما می خواهید عنوان H1 خود را داشته باشید.
  5. نوشتن "زیر سر" که در آن شما می خواهید H2 و سرفصل های پایین تر باشد. این به شما کمک می کند که آنها را متناسب کنید - h2 کوچکتر از h1، h3 کوچکتر از h2، و غیره
  6. برای تصاویر دیگر در جعبه ها اضافه کنید
  7. اضافه کردن در ناوبری اگر شما در حال برنامه ریزی زبانه ها هستید، فقط جعبه ها را قرعه کشی کنید و "ناوبری" را در بالای صفحه بنویسید. یا لیست های گلوله ای را در ستونهایی که میخواهید ناوبری کنید قرار دهید. محتوای را بنویسید فقط "ناوبری" را بنویسید یا از یک خط برای نشان دادن متن استفاده کنید.
  8. اضافه کردن عناصر اضافی به صفحه - شناسایی آنها با متن، اما از متن محتوای واقعی استفاده کنید. به عنوان مثال، اگر شما یک دکمه تماس به عمل در پایین سمت راست را فشار دهید، یک جعبه وجود دارد و آن را "call to action" برچسب گذاری کنید. نگو "خرید کن!" در آن جعبه

هنگامی که فرم ساده ی خود را نوشته اید، نباید بیش از 15 دقیقه طول بکشد تا یک طرح را به نمایش بگذارد، آن را به شخص دیگری نشان دهد. از آنها بپرسید اگر چیزی از دست رفته و برای بازخورد دیگر باشد. بر اساس آنچه گفته می شود می توانید یک قاب دیگر را بنویسید یا یکی از آنها را نگه دارید.

چرا جعبه کاغذ برای اولین بار طراحی شده است

در حالی که ممکن است برای ساختن فریم ها با استفاده از برنامه هایی مانند Visio، برای جلسات طوفان مغزی شما، به کاغذ بروید. کاغذ به نظر می رسد به عنوان دائمی نیست، و بسیاری از مردم تصور می کنند که شما در 5 دقیقه آن را کنار گذاشته و بنابراین دریغ نکنید که به شما بازخورد خوبی بدهید. اما هنگامی که شما از یک برنامه برای ایجاد قاب های فانتزی با مربع و رنگ مناسب استفاده می کنید، خطر ابتلا به برنامه خود را افزایش می دهید و ساعت ها را صرف چیزهایی می کنید که هیچوقت زندگی نمی کنند.

قاب های کاغذی آسان است. و اگر شما آن را دوست ندارید، شما فقط کاغذ را خرد کنید، آن را در بازیافت و پر کردن آن و گرفتن یک ورق جدید.