لایه بندی مهم ترین کاری است که در طراحی سایت انجام میشود. قبل از این که بخش های مختلف سایت را در طرح خود در نظر بگیریم، باید جایگاه و ایده خود را برای شکل طراحی سایت مشخص کنیم. لایه بندی Z یکی از راهکارهای ساده برای لایه بندی ساده تر صفحات وب می باشد. در این نوع لایه بندی با الهام از حرف Z ، شکل های دیگر نظیر زیگزاگ پدید می آید. مجموعا استفاده از لایه بندی Z به همراه قانون نسبت طلایی طراحی سایت شما تقویت می کنند. در ادامه با فواید استفاده از Z-Layout در طراحی سایت آشنا خواهید شد.
برای طراحی سایت موفق سه نوع الگو از پیش طراحی شده برای طراحان حرفه ای وجود دارد: Z-Layout ، S-Layout و دیاگرام گوتنبرگ.
اطلاعاتی که درباره هر یک از این الگو های نظیر Z-Layout در دست است محدود می باشد و معمولا در طراحی سایت مدرن، تنها به برخی از قوانین مشخص نظیر روابط ریاضی در طراحی وب سایت برای انتخاب جایگاه هر عنصر توجه میشود. Z-Layout یکی از بهترین الگو هایی است که می توان در طراحی سایت به کاربرد. با توجه به این قابلیت های متوجه خواهید شد که چرا از Z-Layout در طراحی سایت استفاده می کنیم.
همان طور که گفته شد، لایه بندی های مختلف و طراحی های خلاقانه نظیر F-Layout در طراحی سایت با تحقیقات زیادی روی نحوه جست وجو کاربر ایجاد میشوند. این لایه بندی های از پیش آمده شده برای طراحی عناصر در سایت لازم هستند و به گونه ای با سلیقه عمده کاربران هماهنگ هستند. Z-Layout در طراحی سایت نمونه لایه بندی دیگر است که آن را به عنوان هسته اصلی جهت برطرف کردن نیازها در طراحی سایت معرفی می کنند. با معرفی Z-Layout در طراحی سایت متوجه خواهید شد که چرا باید این لایه بندی های از پیش تعیین شده را در طراحی سایت خود دخالت دهید.
قانون یک سوم به صورت گسترده ای در طراحی سایت های مدرن و به خصوص سایت های غربی به کار برده شده است و با نگاهی میان سایت های معروف جهان می توانید نمونه های استفاده از قانون یک سوم را مشاهده کنید. به عنوان مثال سایت Flickr که توسط تیم قدرتمند یاهو مدیریت و پشتیبانی میشود، با به کارگیری هوشمندانه قانون یک سوم بالا و پایین ستون ها و محتوا را به شکل یک خانه در صفحه اصلی سایت تنظیم کرده است. این کاربرد دقیقا مشابه با عکاسی است و با آشنایی بیشتر با نحوه استفاده از قانون یک سوم بیشتر می توانید از این قانون در طراحی سایت خود استفاده کنید.
مفهوم قانون یک سوم تقسیم بندی صفحه و قرار دادن عناصر به صورت برنامه ریزی شده و بر اساس استراتژی های اصیل طراحی سایت می باشد. قانون سوم در کنار سایر قوانین مثل قانون فیت در صفحات از اصول طراحی سایتبه شمار میرود. نرخ یا نسبت طلایی نیز در کنار سایر این قوانین عناصر را متناسب می کند. به هرحال قانون یک سوم مشابه نسبت طلایی از اصول هنر غربی ها می باشد که امروزه در طراحی وب سایت متداول شده است. برای داشتن طراحی سایت مدرن، آشنایی با نحوه استفاده از قانون یک سوم را به شما پیشنهاد می کنیم.
همان طور که قبلا گفته شد لایه بندی F یکی از روش های جذب مخاطب و جذاب تر کردن طراحی سایت است که با استفاده از آن محتوا به شکل F در جای جای سایت قرار میگیرند. از قوانین دیگر در طراحی سایت که ساختار سایت را چشم نواز تر می کند و به نحوی محیط سایت را برای کاربر زیباتر جلوه می دهد، قانون یک سوم در طراحی سایت می باشد. این قانون برگرفته از کاربردهای های نسبت طلایی در طراحی سایت می باشد که در ادامه با آن آشنا می شوید.
بعد از آشنایی با کاربرد محاسبات ریاضی در طراحی سایت، نمونه های مختلف به کارگیری نسبت طلایی و نحوه استفاده از آن در طراحی سایت مطرح میشود. این که چگونه از نسبت طلایی در طراحی سایت استفاده کنیم سوالی است که معمولا ذهن کاربران را به خود جلب می کند و با استفاده از آن می توانند متوجه دقت های اندازه گیری در طراحی سایت شوند.
روابط ریاضی در تمام عناصر دنیا وجود دارد؛ در هر گوشه از طبیعت، اشیایی که در دست ماست و روابطی که میان جز به جز موجودات وجود دارد می توانید روابط ریاضی را ببینید. بدیهی است که روابط ریاضی در تمام عناصر موجود در طراحی سایت نیز نقش داشته باشند و بر اساس این روابط طراحی سایت شکل بگیرد. اگر طراحی سایت را به صورت حرفه ای دنبال می کنید، بد نیست با روابط ریاضی در طراحی سایت و تاریخچه آن در این حرفه از گذشته تا کنون آشنا شوید.
سرتیتر سایت و ارتفاع ردیف ها در F-Layout از یکدیگر دو مبحث مرتبط با نحوه به کارگیری F-Layout در طراحی سایت بود که قبلا با آن آشنا شدید. بد نیست بدانید که تکنیک های مختلف برای استفاده از این شکل لابندی درطراحی سایت متفاوت وجود دارند و برای هر یک از طراحان یک نمونه کار خاص محسوب میشود. این که چه طور لایه بندی F را در طراحی سایت به کار گیریم، مهارتی است که با استفاده از تجریبات دیگران و تحقیقات صورت گرفته در این زمینه و البته تمرین و تکرار به دست خواهد آمد.
آشنایی با مفهوم F-Layout بیانگر کاربرد این روش در طراحی سایت می باشد و در واقع یکی از روش های جذب مخاطب بر اساس تحقیقات انجام شده لایه بندی سایت به شکل حرف F می باشد. اما سوالی که در استفاده از F-Layout برای کاربران ایجاد میشود، نحوه به کارگیری F-Layout در طراحی سایت می باشد. برای این که با نحوه به کارگیری این لایه بندی آشنا شوید، لازم است به چینش مختلف عناصر در طراحی سایت توجه کنید.
