آموزش ترند

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

ویژگی های ترند سال 2023 در زمینه ui و ux را آموزش می بینید

پالت رنگ تولید شده توسط هوش مصنوعی

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

  • قرمز گرم - ماجراجویانه اما پر از عشق و اشتیاق
  • نارنجی گرم - جوانانه و مثبت
  • سبز تیره سرد - چندکاره طبیعت و محیط زیست

اندازه متن برجسته

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

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

حداقل اندازه پیشنهادی فونت ها عبارتند از:

تگ موبایل دسکتاپ
h1 34 26
h2 28 22
h3 22 17
h4 20 15
body 17 13

تصاویر 3D

طراحی سه بعدی به دلیل قابلیت آن برای تصور مجدد واقعیت در حال افزایش محبوبیت است. علاوه بر این ابزارهای مدل سازی 3D مانند Adobe Substance 3D یا Blender ایجاد طراحی و مدل سازی در 3D را بسیار آسان کرده اند.

به عنوان یکی از روندهای طراحی وب در سال 2023 شما خواهید دید که از سال 2023 به بعد بیشتر عناصر 3D در وب سایت ها استفاده می شوند. از 3D به طور گسترده برای ایجاد آواتارهای 3D و تصور مجدد الگوها یا ساختارهای غیرمعمول از طبیعت استفاده خواهد شد.

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

محتوای ویدیویی

جزو روندهای طراحی وب در سال 2023 اضافه کردن ویدیوهای کوتاه به عنوان بخشی از وب سایت شما است.

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

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

Meta سیستم هوش مصنوعی Make-A-Video خود را عرضه کرده است و Google هم تازه سیستم Imagen Video را معرفی کرده است یک سیستم تولید ویدیویی مشروط به متن. به طور خلاصه هر دو سیستم به تولید کلیپ های کوتاه کمک می کنند زمانی که بر اساس فناوری هوش مصنوعی به متن هایی داده شود.

SVG در اولویت نسبت به JPG و PNG

اگر هنوز نتوانسته اید تصمیم بگیرید کدام فرمت تصویر را در وب سایت خود استفاده کنید همیشه انتخاب SVG را در نظر بگیرید!

SVG یا Scalable Vector Graphics یک فرمت فایل برداری است که می توان آن را به راحتی بدون از دست دادن کیفیت تغییر انداخت. بنابراین فایل های SVG معمولا حتی برای تصاویر گرافیکی یا پیچیده به صورت کوچک هستند. این فرمت فایل برای لوگوها اطلاعات گرافیکی یا تصاویر توضیحی مناسب است.

وقتی امکان استفاده از SVG وجود نداشته باشد JPG را نسبت به PNG انتخاب کنید مگر اینکه تصاویر شما پس زمینه شفاف داشته باشند. JPG اطلاعات کمتری را نسبت به PNG نگه می دارد اما اندازه کمتری دارد که آن را برای بارگذاری سریع تر در وب سایت شما مناسب می کند.

طراحی فراگیر

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

در سال 2023 طراحی فراگیر را در وب سایت خود ادغام کنید!

وب سایت شما باید با متن های دقیق از طریق نوشتار UX دسترسی پذیر باشد. علاوه بر این باید امکاناتی مانند انتخاب بین حالت تاریک و روشن اندازه متن دسترسی با صفحه کلید متون تصویری صوتی و غیره را ارائه دهد.

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

عملکرد سرعت و تجربه کاربری وب سایت

عملکرد سرعت وب سایت شما تاثیری بر SEO و تجربه کاربری آن خواهد داشت.

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

سیستم تجربه صفحه بر اساس این ایده ایجاد شده که کاربران وب سایت هایی با تجربه کاربری خوب را ترجیح می دهند.

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

محتوای گرایش به مردم برای بهبود SEO

اگر یک وب سایت برای یک کسب و کار یک سازمان غیرانتفاعی یا یک وبلاگ ایجاد می کنید بهینه سازی موتور جستجو (SEO) به شما کمک می کند تا رتبه موتور جستجوی وب سایت خود را بهبود دهید و در نتیجه قابلیت دیده شدن آن را افزایش دهید.

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

با این حال محتوای تغییر یافته در زمینه SEO طبیعتا بیشتر آسیب می زند تا کمک می کند وب سایت شما به بهینه سازی طبیعی SEO بیافتد.

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

نویسنده: امیر جوان میر


Comments