طراØÛŒ وب به طراØÛŒ وب سایت هایی Ú¯Ùته Ù…ÛŒ شود Ú©Ù‡ در اینترنت نمایش داده Ù…ÛŒ شوند Ùˆ به جنبه های تجربه کاربر توسعه وب سایت اشاره دارد. تا سال 2010ØŒ طراØÛŒ وب بر روی طراØÛŒ وب سایت برای مرورگرهای دسکتاپ متمرکز بود Ùˆ از اواسط دهه 2010ØŒ طراØÛŒ برای مرورگرهای موبایل Ùˆ تبلت اهمیت Ùزاینده ای پیدا کرد.
تاریخچه طراØÛŒ وب
در سال 1990ØŒ تیم برنرزلی اولین مرورگر وب را توسعه داد Ùˆ آن را WorldWideWeb نامید Ú©Ù‡ بعدها به Nexus تغییر نام داد. در آن زمان، Ùقط متن در یک صÙØÙ‡ وب نمایش داده Ù…ÛŒ شد، بدون Ùونت های Ùانتزی، تصاویر یا ویدیوهای زیبا Ùˆ پیوندهای آبی. در سال 1993ØŒ مرورگر Mosaic منتشر شد Ùˆ اولین مرورگر وب بود Ú©Ù‡ به توسعه دهندگان اجازه داد تصاویر را به صÙØات وب خود اضاÙÙ‡ کنند Ùˆ جهشی بزرگ در دنیای وب ایجاد کرد. با توجه به Ù…Øدودیتهای مرورگر Ùˆ سرعت اتصال به اینترنت Ùوقالعاده پایین، گزینههای طراØÛŒ وبسایت به شدت Ù…Øدود بود Ùˆ وبسایتهایی Ú©Ù‡ Øاوی تصاویر، ویدیوها یا گراÙیکهای بیش از Øد زیادی بودند، بارگذاری بیش از Øد طول کشید. از اواسط دهه 1990 تا 2000ØŒ جنگ مرورگرها با ظهور اینترنت اکسپلورر آغاز شد Ùˆ در آن زمان طراØÛŒ وب با استÙاده از قاب ها Ùˆ جداول Ùˆ همچنین تصاویر Ú©Ù…ÛŒ پیچیده تر شد.
طراØÛŒ وب سایت
تکامل در طراØÛŒ وب
استÙاده از تصاویر متØرک گی٠برای ایجاد دکمه در سایت ها استÙاده شد Ùˆ استÙاده از جاوا اسکریپت در برخی از وب سایت ها ظاهر شد. از سال 1998ØŒ ابزارهای توسعه وب مانند DreamWeaver ظاهر شدند Ùˆ کاربران بیشتری Ù…ÛŒ توانند صÙØات وب را ایجاد Ùˆ طراØÛŒ کنند. در سال 2000 استانداردهای طراØÛŒ وب بازنگری شد Ùˆ تصاویر png Ø´Ùا٠و با Ú©ÛŒÙیت بالا وارد وب شد Ùˆ سیستم های مدیریت Ù…Øتوا در بین طراØان Ùˆ کاربران Ù…Øبوبیت پیدا کردند. از سال 2008ØŒ طراØÛŒ وب سایت بسیار پیشرÙت کرده است. طراØÛŒ وب سایت تلÙÙ† همراه به این منظور ارائه شده است Ú©Ù‡ به اÙراد امکان Ù…ÛŒ دهد سایت ها را به درستی در تلÙÙ† های همراه مشاهده کنند. بسیاری از وبسایتهای بزرگ، نسخههای موبایلی سایتهای خود را برای گوشیهای هوشمند Ùˆ تبلتها طراØÛŒ کردهاند. طراØÛŒ سایت این روزها یک تجارت بزرگ است. طرØها پیچیدهتر هستند، اما کمتر به هم ریخته هستند Ùˆ طراØان برای رشد در این صنعت باید دانش خود را هر روز اÙزایش دهند.
یک Ø·Ø±Ø§Ø ÙˆØ¨ روی Ú†Ù‡ عناصری تمرکز Ù…ÛŒ کند؟
یک Ø·Ø±Ø§Ø ÙˆØ¨ روی ظاهر، چیدمان Ùˆ در برخی موارد Ù…Øتوای یک وب سایت کار Ù…ÛŒ کند. به عنوان مثال رنگ ها، Ùونت ها Ùˆ تصاویر استÙاده شده در وب سایت به طور کامل توسط Ø·Ø±Ø§Ø Ø§Ù†ØªØ®Ø§Ø¨ Ù…ÛŒ شوند. همچنین برنامه ریزی، ساختار Ùˆ طبقه بندی اطلاعات به گونه ای Ú©Ù‡ کاربر بتواند به راØتی به Ù…Øتوای سایت دسترسی داشته باشد از وظای٠یک Ø·Ø±Ø§Ø ÙˆØ¨ سایت است. طراØÛŒ وب خوب باید علاوه بر سهولت استÙاده از نظر زیبایی شناسی نیز مورد توجه قرار گیرد.
بسیاری از صÙØات وب با تاکید بر سادگی طراØÛŒ شده اند به طوری Ú©Ù‡ هیچ اطلاعات یا عملکرد اضاÙÛŒ Ú©Ù‡ ممکن است Øواس کاربران را پرت کند یا گیج کند ظاهر نشود. از آنجایی Ú©Ù‡ Ù…Øور اصلی خروجی Ø·Ø±Ø§Ø ÙˆØ¨ سایتی است Ú©Ù‡ اعتماد مخاطبان را به خود جلب Ù…ÛŒ کند، Øذ٠هر Ú†Ù‡ بیشتر اطلاعات Ùˆ عناصر غیر ضروری نکته مهمی است.
روش های طراØÛŒ سایت
با توجه به رواج Ùˆ تنوع دستگاه های تلÙÙ† همراه، Ø·Ø±Ø§Ø ÙˆØ¨ سایت باید به تنوع اندازه صÙØÙ‡ نمایش توجه کند. از مانیتور بزرگ شرکتی گرÙته تا ساعت هوشمند، همه اینها راه هایی هستند Ú©Ù‡ کاربران به اطلاعات آنلاین دسترسی پیدا Ù…ÛŒ کنند.
دو روش متداول طراØÛŒ سایت طراØÛŒ وب سایت واکنش گرا Ùˆ طراØÛŒ واکنش گرا Ù…ÛŒ باشد. نمایش Ù…Øتوای یک وب سایت با ØÙظ سازگاری هر Ú†Ù‡ بیشتر چیدمان در دستگاه های مختل٠برای ØÙظ اعتماد Ùˆ تعامل کاربران بسیار مهم است Ùˆ یکی از وظای٠یک Ø·Ø±Ø§Ø Ø§ÛŒÙ† است Ú©Ù‡ تا Øد امکان وب سایت را به گونه ای طراØÛŒ کند Ú©Ù‡ Ù…Øتوای آن در همه دستگاه ها نمایش داده Ù…ÛŒ شود. نمایشگرها یکسان هستند.
طراØÛŒ وب سایت واکنش گرا
Ø§ØµØ·Ù„Ø§Ø Ø·Ø±Ø§ØÛŒ ریسپانسیو اولین بار توسط یک Ø·Ø±Ø§Ø ÙˆØ¨ به نام اتان مارکوت ابداع شد. یک وب سایت واکنش گرا Ù…Øتوا را بر اساس Ùضای موجود مرورگر نمایش Ù…ÛŒ دهد. اگر یک سایت واکنش گرا را روی دسکتاپ باز کنید Ùˆ سپس اندازه پنجره مرورگر را تغییر دهید، Ù…Øتوا به صورت پویا Øرکت Ù…ÛŒ کند تا Ù…Øتوای طراØÛŒ وب سایت ØرÙÙ‡ ای را برای پنجره مرورگر تنظیم کند. در تلÙÙ† های همراه این Ùرآیند به صورت خودکار انجام Ù…ÛŒ شود، سایت Ùضای موجود را بررسی Ù…ÛŒ کند Ùˆ سپس Ù…Øتوای خود را با چیدمان ایده آل ارائه Ù…ÛŒ دهد. با طراØÛŒ ریسپانسیو، کاربر Ù…ÛŒ تواند بدون کاهش Ù…Øتوا، همان Ùضا را روی تلÙÙ† همراه خود مشاهده کند، درست مانند اینکه با مشاهده یک دسکتاپ بزرگ Ù…ÛŒ تواند به تمام Ù…Øتوای یک وب سایت دسترسی پیدا کند.
طراØÛŒ تطبیقی
در سال 2011ØŒ Ø§ØµØ·Ù„Ø§Ø Ø·Ø±Ø§ØÛŒ وب واکنشگرا برای اولین بار توسط یک Ø·Ø±Ø§Ø ÙˆØ¨ به نام آرون گوستاÙسون ابداع شد. در Øالی Ú©Ù‡ طراØÛŒ ریسپانسیو قالب سایت را بر اساس تغییر Ù…ÛŒ دهد
Comments on “طراØÛŒ وب سایت به صورت ØرÙÙ‡ ای”