منو
هرچیزی قبل از ساخته شدن، به یک طرح اولیه نیاز دارد. چیزهای پیچیده و حرفه ای که ما در اطراف خودمان می بینیم، هیچوقت از اول به همین پیچیدگی نبودند و اول طرحشان روی یک چیزی مثل یک کاغذ پیاده سازی شده و سپس به این چیزی که ما می بینیم تبدیل شده. در طراحی سایت هم همین است و ما باید قبل از ساخت یک سایت پیچیده با تمام جزئیات، یک طرح ساده اولیه از آن ارائه بدهیم. اینجاست که بحث وایرفریمینگ مطرح می شود. وایرفریمینگ چیست ؟ در ادامه قرار است به همین موضوع بپردازیم و ببینیم که داریم درباره چه موضوعی صحبت می کنیم. پس همراه ما باشید.
همانطور که می بینید ما در حال هرچه نزدیک تر شدن به حرفه ای ترین بخش های آموزش طراحی سایت هستیم و شاید بهتر باشد یکی از اولین چیزهایی که در آموزش طراحی سایت یاد می گیریم این باشد که اصلا چگونه باید یک طرح اولیه از ایده خودمان ارائه بدهیم؟ قطعا برای آموزش طراحی سایت ما نباید با عجله پشت سیستم بشینیم و شروع به طراحی کردن کنیم. آن وقت باید به چندتا چیز همزمان با هم فکر کنیم و تضمینی نیست که نتیجه درست از آب دربیاید. پس در آموزش طراحی سایت، بد نیست که وایرفریم کردن را هم یاد بگیریم.
تعریف اینکه وایرفریمینگ چیست ساده است و شاید بدیهی به نظر برسد. وایرفریمینگ (Wireframing) ارائه طرح اولیه و ساختار اولیه سایت روی کاغذ یا بورد دیجیتال است که به ما یک شماتیک کلی از چیزی که می خواهیم طراحی کنیم می دهد. حال اینکه چگونه ای وایرفریمینگ باید اجرا بشود هم خودش یک مسئله است و در اینجا می خواهیم به شما آموزش بدهیم که این پدیده را به نحو احسن انجام بدهید که بتوانید بهترین نتیجه را دریافت کنید.
علم طراحی سایت را بیشتر بشناسید!
تصور کنید به شما یک پروژه عظیم طراحی سایت محول می شود. حالا چه این پروژه قرار باشد که طراحی اختصاصی داشته باشد و چه قرار باشد که با CMS طراحی بشود، به هر حال قالب سایت کاملا باید یونیک و منحصر به فرد باشد. حالا شما بعد از محول شدن چنین وظیفه ای، می روید و پشت سیستم می نشینید و شروع به طراحی کردن می کنید. آرام آرام متوجه می شوید که طراحی شما هیچ انسجامی ندارد و به علاوه آن، هیچکدام از المان های شما با آن یکی هماهنگی ندارد. در نهایت نتیجه یک آش شله قلم کاری از آب در می آید که نه شکل خوبی دارد و نه تجربه لذت بخشی ارائه می دهد. نه که شما طراح ضعیفی باشید و نه که بخواهید در مهارت خودتان شک کنید، شما فقط به ایده هایتان انسجام نداده اید!
حالا اگر شما قبل از اینکه می رفتید پشت سیستم، یک کاغذ برمیداشتید و نقشه راهی برای المان های سایت خودتان ترسیم می کردید، المان هارو با فاصله مناسب کنار هم می کشیدید، عملکردها و ارتباط المان ها با یکدیگر را مشخص می کردید و جایگاه محتوا را تعیین می کردید، الان دیگر ایده شما به یک انسجامی رسیده بود و در مرحله پیاده سازی بود. حال اهمیت وایرفریمینگ چیست ؟ وایرفریم کردن باعث می شود که شما ایده های خودتان را بسنجید، ساختار اولیه را در ذهنتان بیاورید و مشکلات کار را متوجه بشوید. در واقع وایرفریمینگ نقش آن برنامه ریزی قبل سفر را دارد که اگر انجام ندهیم، در هنگام سفر واقعا سردرگم خواهیم بود و شاید چون ایده ای از سفرمان نداریم، ندانیم که باید چه کار کنیم.
اول از همه بگذارید به شما بگوییم که وایرفریمینگ یک مصدر است و به معنی همان وایرفریم کردن است و اگر بخواهیم یک معنی فارسی برای آن پیدا کنیم، شاید “طرح اولیه ریزی” یا “طرح اولیه سازی” یا یک چنین چیزی بشود. معمولا این عمل را به فارسی ترجمه نمی کنند و یا از اصطلاحات دیگری استفاده می کنند. حالا بحث این نیست، بحث این است که این کار یک “عمل” خاص است و یک اصولی هم برای انجام دادنش هست.
اول اینکه نباید یادمان برود که وایرفریمیگ طراحی سایت (اینجا لینک به منبع اول از وایرفریمینگ) به این معنی نیست که ما کل سایت را با جزئیات روی کاغذ پیاده کنیم. اصل اول وایرفریمینگ چیست ؟ اینکه به ساده ترین شکل ممکن کار انجام بشود. در واقع ما در وایرفریمینگ فقط نویگیشن اصلی سایت و المان های کلیدی را قرار می دهیم و قرار نیست همان چیزی که قرار است به مخاطب نشان داده بشود را مو به مو روی کاغذ بیاوریم. یادمان باشد که این سه نکته را باید در هنگام وایرفریمینگ رعایت کنیم:
رعایت این سه مورد باعث می شود که هم در وقتتان صرفه جویی شود و هم اصلا هدف وایرفریم کردن را به درستی به جا می آورید که در آن بیش از اینکه مهم طراحی باشد، مهم آن ایده و جایی است که ایده قرار می گیرد.
هر سایتی با سایت دیگر فرق می کند و اگر بخواهیم ببینیم در طراحی سایت استاندارد وایرفریمینگ چیست باید یادمان باشد که همه سایت ها که شبیه هم نیستند. اما در هر حال طراحی سایت یک اصولی دارد که در آموزش طراحی سایت و مطالب قبلی به آن ها اشاره کردیم. اینجا هم وایرفریمینگ طراحی سایت برای بیشتر سایت ها به این صورت و با این اصول می باشد:
اگر دقت کرده باشید بیشتر سایت های جهان هم روی همین چیدمان هستند و ما هم به جز در موارد خاص، در وایرفریمینگ باید همین راه را برویم. حال ممکن است در موارد خاصی این شماتیک تغییر کند اما بیشتر سایت ها از همین اصول پیروی می کنند.
ما سه نکته اصلی درباره اینکه چگونه وایرفریمینگ انجام بدهید را بالاتر گفتیم و اشاره کردیم که بهتره در وایرفریمینگ چگونه عمل کنید. ولی چند تا نکته دیگر را هم به شما می گوییم که کاملا طبق تجربه است و ممکن است که شما هم لازم باشد که آن ها را بدانید و دیگر لازم نباشد که اشتباهاتی را تکرار کنید یا اینکه کاری باشد که باید انجام بدهید و انجام ندهید. حال این نکات “وایرفریمینگ چیست” ؟ این مواردی است که در پایین به آن ها اشاره می کنیم:
حال که می دانیم وایرفریمینگ چیست شاید بد نباشد که به یک عیب این کار هم اشاره کنم و آن هم این است که که گاهی ممکن است وایرفریمینگ دست ما را ببندد و در هنگام طراحی، نگذارد که ما به ایده های جدید و کمی جسورانه فکر کنیم که این شاید برای بعضی ها عیب و برای بعضی ها هم اتفاقا نکته مثبتی باشد، به هر حال سعی کنید در تله های این وایرفریمنیگ نیفتید. ممنون که همراه ما بودید و امیدواریم که توانسته باشیم نکات خوبی را در دوباره در زمینه آموزش طراحی سایت به شما گفته باشیم.
اگر سوالی یا پیشنهادی دارید میتوانید با ما در میان بگذارید.
انرژی گرفته با 🤍 از تیم طراحی سایت تابان شهر
