طراحی سایت روان (Liquid) و مقایسه با دیگر روش ها
نوشته شده توسط : مهندسین نواندیش

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

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

برای طراحی سایت و نحوه ی تغییرات عوامول مختلف سایت در سایز های مختلف صفحه نمایش و سایز پنجره مرورگر ها چندین ایده و روش وجود دارد از جمله :  ثابت (Fix)، واکنش گرا (Responsive) و روان (Liquid).

طراحی سایت ثابت (Fix)

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

طراحی سایت واکنش گرا (Responsive)

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

طراحی سایت روان (Liquid یا Fluid)

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

مزایای طراحی سایت روان

کاربر پسند بودن

حفظ تناسب بین قسمت های اصلی سایت

نمایش تمام محتوای سایت در پهنای هر صفحه ای و در سایزهای گوناگون

معایب طراحی سایت روان

ممکن است درصورتی که فضای خالی بین المان ها زیاد باشد با بزرگتر شدن سایز صفحه این فضا های خالی بیشتر شده و باعث یک دید خالی از صفحه سایت شود و سایت خلوت به نظر برسد.

علاوه بر مشکل بالا هماهنگ کردن سایز تصاویر و ویدئو هایی که سایز مشخصی دارند هم خود مانعی برای این روش به حساب می آید.

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


در صورت تمایل به کسب اطلاعات بیشتر پیرامون طراحی سایت روان و دیگر مطالب مرتبط با سئو اصفهان می توانید مقالات موجود در newthink24.com را مرور کنید ...

هم چنین بخوانید:

طراحی اپلیکیشن اصفهان

واقعیت افزوده اصفهان





:: برچسب‌ها: طراحی سایت اصفهان , طراحی سایت در اصفهان , طراحی اپلیکیشن اصفهان , سئو اصفهان , واقعیت افزوده اصفهان ,
:: بازدید از این مطلب : 132
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : پنج شنبه 30 شهريور 1396 | نظرات ()
مطالب مرتبط با این پست
لیست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: