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

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

اولین کار برای ایجاد قاون یک سوم تقسیم بندی صفحه به سه ستون و سه ردیف به صورت افقی و عمودی در طراحی سایت می باشد. با این کار 9 مربع جداگانه را مشاهده خواهید کرد که از 4 خط و 4 منطقه متقاطع تشکیل شده است. با استفاده از این اندازه بندی دقیق می توانید محتوا را بر اساس عرض های اندازه گیری شده با استفاده از نسبت طلایی در طراحی سایت در کنار هم قرار دهید.
عوامل موفقیت در استفاده از قانون سوم
مسلما مهم ترین عامل در استفاده از قانون یک سوم جای گذاری دقیق و مناسب عناصر در طراحی وب سایت می باشد. هنگامی که می خواهید عناصر را با قانون یک سوم در طراحی سایت هماهنگ کنید، می توانید از دو راه استفاده کنید:
• خطوطی که قصد دارید کل صفحه را با آن جداسازی کنید.
با استفاده از این خطوط ترازبندی عناصر که از عوامل وحدت بخش در طراحی سایت می باشد مشخص میشود. به عنوان مثال شکل های کشیده و مرتفع تر به همراه قسمت های هم شکل نظیر سایدبارها در ترازبندی های کناری قرار میگیرند.
• نقاط مشترک یا متقاطع
در این نقاط حداکثر دو عنصر به صورت همزمان در طراحی سایت قرار داده میشود.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

چگونه F-Layout در طراحی سایت را به کار ببریم؟

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

منبع: به کارگیری F-Layout در طراحی سایت 

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

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

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

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

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

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

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

فاکتورهای تاثیر گذار وحدت در طراحی سایت

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

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

فاکتور های عوامل وحدت در طراحی سایت

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

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

معرفی عوامل وحدت در طراحی سایت

مفهوم وحدت عناصر در طراحی سایت

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

وحدت عناصر در طراحی سایت

مفهوم F-Layout در طراحی سایت

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

مفهوم F-Layout در طراحی سایت

مفهوم لایه در طراحی سایت

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

لایه در طراحی سایت

ابزارهای برتر طراحی سایت در سال 2016 (بخش سوم)

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