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

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

Z-Layout در طراحی سایت چیست؟ 

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

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

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

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

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

چگونه از قانون یک سوم در طراحی سایت استفاده کنیم 

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

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

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

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

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

چگونه از نسبت طلایی در طراحی سایت استفاده کنیم؟

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

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

طراحی سایت   طراحی وب سایت   طراحی وبسایت   طراحی وب  طراحی سایت نوتریکا

آموزش طراحی سایت نمونه کار طراحی سایت   طراحی وب سایت شرکتی طراحی وب سایت فروشگاهی  طراحی وب سایت شخصی

طراحی وب سایت اختصاصی  طراحی وب سایت ریسپانسیو  طراحی وب سایت داینامیک  طراحی وب سایت استاتیک

طراحی وب سایت پزشکی  طراحی وب سایت رستوران  طراحی وب سایت آموزشگاه طراحی وب سایت املاک  طراحی وب سایت تفریحی

طراحی وب سایت دانلود طراحی وب سایت خبری  سئو  طراحی اپلیکیشن اندروید  طراحی پورتال