آیا در سال ۲۰۲۱ طراحی های ریسپانسیو (responsive) بر طراحی های پیکسل پرفکت (pixel perfect) غلبه خواهد کرد؟ متخصصان متعددی معتقدند که امسال قطعا تحولات شگرفی در عناصر طراحی و توسعه ی وب به وجود خواهد آمد. از چندی پیش آثار این تحولات پیدا بود. علت اصلی چنین تحولات بزرگی چه بوده است؟ وبسایت های WAP که به راحتی برای همگان قابل دسترسی است یا راه اندازی تلفن های هوشمند که تجربه کاربر را کاملا تعریف کرده اند؟ قطعات و نیز طراحی وبسایت تغییرات و پیشرفت فراوانی داشته است که همین امر باعث می شود نیازمند اطلاعات و طراحی های به روزی باشیم.
حال اندکی عمیق تر به بررسی این موضوع که آیا در سال ۲۰۲۱ طراحی های ریسپانسیو بر طراحی های پیکسل پرفکت غلبه خواهند کرد میپردازیم.
طرح های وب، پیش از راه اندازی تلفن های هوشمند و سایر دستگاه های مشابه، تجربه ی کار با وب را تعریف کرده اند. محدودیت های موجود برای کار با طرح های ثابت، جایی که فضای کمی برای آزمایش ها وجود دارد، باعث شد که آنها به سرعت محو شوند. در واقع طراحان وب محدود به کار با عرض ثابت از اندازه ۷۶۰ تا ۹۶۰ پیکسل شدند. بنابراین این آنها مجبور بودند بیشتر زمانی که باید صرف پیشرفتشان می کردند را برای اطمینان از جاگذاری صحیح تمام آیتم های یک وب پیج تلف کنند.
ظهور طراحی های وب ریسپانسیو (responsive) و فلوید( fluid) تغییرات عمده ای را در عرضه توسعه وب ایجاد کرده است. این تغییرات باعث شد طراحان اقداماتی چون تولید مناسب و دقیق محتوای صفحه وب را به همراه بسیاری دیگر از عناصر طراحی پیکسل پیشرفته بیاموزند. به علاوه، راه اندازی دستگاه های کوچکی مانند مینی لپتاپ ها و ساعت های هوشمند نیز تا حد زیادی بر روش های سنتی مشاهده وب سایت ها یا برنامه ها تاثیر گذار بود.
تلویزیون های هوشمند و پخش کننده های رسانه دیجیتال ( digital media player) به طور مداوم در حال تعریف مجدد تجربه مشاهده وب در صفحه های بزرگتر نیز هستند.
شاید این مقاله را نیز بپسندید : ۸ نکته که پیش از سئو کردن سایت باید در نظر گرفته شود
تمرکز بر طرح های ریسپانسیو:
بهترین نکته ای که طراحان وب باید در سال ۲۰۲۱ باید به آن توجه کنند این است که کاملا بر روی طراحی های ریسپانسیو متمرکز شوند. در واقع وبسایت آن ها باید در اسکرین ها و دستگاه های مختلف قابل نمایش بوده و پشتیبانی شود.
پس از تصمیم گیری در مورد طرح، مهمترین هدف طراحان ایجاد طرحی است که کاملا بر اساس درصد ابعاد باشد نه واحد های ثابت پیکسل. این امر به عناصر UI کمک میکند تا طرح fluid را به خوبی بارگذاری کند.
کل فرآیند جایگذاری مناسب و شفافیت عناصر طراحی پیکسلی، که تطبیق کامل هر عنصر وب را با توجه به طیف گسترده ای از صفحه رزولوشن های بالقوه تضمین می کند، فرآیندی زمان بر است. با این حال نتیجه نهایی قطعا به ما این اطمینان را می دهد که صفحه نمایش موجود کاملا بهینه سازی شده است.
طراحی الاستیک (elastic) متد قابل توجه دیگری است که با استفاده از اندازه گیری” em” از فضای صفحه نمایش موجود استفاده می کند. در این طرح اندازه و ارتفاع فونت، ساختار طرح را تعیین می کند.
حفظ سلسله مراتب محتوا
طراحی های ریسپانسیو نه تنها به بررسی تغییر اندازه عناصر می پردازد تا اطمینان حاصل کند وبسایت ها با اندازه ی صفحه نمایش های مختلف مطابقت دارد، بلکه سلسله مراتب محتوا را نیز بررسی میکند.
این بدان معناست که چگونه می توان محتوا را به گونه ای طراحی کرد که هم متناسب با نمایش در صفحات رایانه های رو میزی باشند هم گوشی های همراه هوشمند. هنگام طراحی سایت و سلسله مراتب محتوا این نکته نیز حتما باید در نظر گرفته شود.
توصیه به طراحان: در ابتدا از درج (breakpoint) نقاط شکست خاص خودداری کنید.
در عوض اضافه کردن breakpoint بعد از ساخت طرح fluid گزینه بسیار بهتری خواهد بود؛ زیرا مانع برداشت کلی وبسایت که با اندازه پنجره مرورگر تغییر میکند، نمی شود. تمرکز کامل طراح باید بر حفظ تطابق انسجام کامل طراحی پیکسل با جریان محتوا باشد تا بتوان از مشاهده و خوانایی کامل محتوا در اندازه های مختلف صفحه اطمینان حاصل کرد.
این مفاهیم می توانند برای طراحی اپلیکیشن های بومی در تبلت ها و تلفن های همراه هوشمند نیز مورد استفاده قرار گیرند، زیرا هر دو سیستم عامل android و iOS نیز پشتیبانی می شوند.
با توسعه شبکیه ی نمایش (HIDPL) طراحان باید آیتم های مربوط به کیفیت تصویر را نیز در نظر بگیرند و تمرکز خود را فقط بر روی طراحی کلی سایت نگذارند.
شاید این مقاله را نیز بپسندید : تکنیک های برتر طراحی لوگو در سال ۲۰۲۰
تعداد زیادی دستگاه با اندازه های مختلف :
با راه اندازی این صفحات با وضوح بالا، ایجاد تصاویر در چندین اندازه برای طراحان اجباری میشود تا صفحه ی وبسایت در اندازه ی اسکرین های مختلف متناسب و قابل استفاده باشد. با این حال این امر با استفاده از ویژگی های پیشنهادی “srcset” که وابسته به تگ “img” است، به راحتی قابل دسترسی است.
طراحان باید خود را برای خلق طرح های جدید در آینده آماده کنند تا بتواند طراحی وب خود را در اختیار مجموعه ی وسیعی از دستگاه های دیجیتال با اندازه صفحه نمایش های مختلف قرار دهند. این امر به آنها کمک میکند تا به سمت طراحی یک وبسایت responsive, fluid با پیکسل و وضوح عالی پیش بروند که در دستگاه های مختلف با اندازه های متفاوت صفحه نمایش نشان داده شود. و چه کسی می داند، این امر ممکن طراحی پیکسلی را در سال ۲۰۲۱ منقرض کرده و از بین ببرد.
بازدیدها: 80
دیدگاه ها