چرا از Z-Layout در طراحی سایت استفاده کنیم؟

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

معرفی Z-Layout در طراحی سایت

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

استفاده از قانون یک سوم در طراحی سایت (بخش دوم)

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

قانون یک سوم در طراحی سایت

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

نحوه استفاده از نسبت طلایی در طراحی سایت

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

روابط ریاضی در طراحی سایت

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

به کارگیری F-Layout در طراحی سایت بخش دوم

سرتیتر سایت و ارتفاع ردیف ها در F-Layout از یکدیگر دو مبحث مرتبط با نحوه به کارگیری F-Layout در طراحی سایت بود که قبلا با آن آشنا شدید. بد نیست بدانید که تکنیک های مختلف برای استفاده از این شکل لابندی درطراحی سایت متفاوت وجود دارند و برای هر یک از طراحان یک نمونه کار خاص محسوب میشود. این که چه طور لایه بندی F را در طراحی سایت به کار گیریم، مهارتی است که با استفاده از تجریبات دیگران و تحقیقات صورت گرفته در این زمینه و البته تمرین و تکرار به دست خواهد آمد.

به کارگیری F-Layout در طراحی سایت

آشنایی با مفهوم F-Layout بیانگر کاربرد این روش در طراحی سایت می باشد و در واقع یکی از روش های جذب مخاطب بر اساس تحقیقات انجام شده لایه بندی سایت به شکل حرف F می باشد. اما سوالی که در استفاده از F-Layout برای کاربران ایجاد میشود، نحوه به کارگیری F-Layout در طراحی سایت می باشد. برای این که با نحوه به کارگیری این لایه بندی آشنا شوید، لازم است به چینش مختلف عناصر در طراحی سایت توجه کنید.

عوامل وحدت در طراحی سایت بخش سوم

بعد از رنگ و تداوم و تکرار در طراحی سایت، ترازبندی، سازگاری و نزدیکی از عوامل وحدت در طراحی سایت می باشند که ارتباط تنگاتنگی با یکدیگر دارند. طوری که با به کارگیری نزدیکی عوامل، باید به سازگاری آن ها نیز توجه داشت و هم ترازی آن ها را نیز تنظیم کرد. در ادامه با سایر عوامل وحدت بخش در طراحی سایت آشنا می شوید.