امیرحسین بابامرادی
امیرحسین بابامرادی
خواندن ۳ دقیقه·۴ سال پیش

نگاهی به ترند های کنونی در UX/UI (پارت اول)

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

در زیر نگاهی به این ترند ها در دنیای رابط و تجربه کاربری خواهیم انداخت.

ترندهای "رابط کاربری"

تصویرسازی ها(Illustrations)

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

از انواع تصویرسازی ها میتوان به تصویر سازی های ساده و تصویرسازی های هندسی(Geometric Shapes) و تصویرسازی های ایزومتریک (Isometric) اشاره کرد.

المان های سه بعدی(3D Elements)

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

فونت های بولد(Bold fonts)

این موجب تقویت بصری اطلاعاتی میشوند که باید بیشتر مورد توجه کاربران قرار گیرد.

تایپوگرافی های بدون الگو(Rule-Breaking Typography)

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

همه اینها در جهت ارائه یک سلسله مراتب بصری قوی و ترغیب کاربران برای تعامل بیشتر به کار می روند.

تایپوگرافی ها با سایزهای بزرگتر (Outsized Typography)

این نوع تایپوگرافی ها باعث جلب توجه بیشتر کاربران خواهد شد.

حالت تیره (Dark Mode) :

استفاده از dark mode ها در امسال چه به صورت تم کلی(مانند uxpin و framer )و چه به صورت یک آپشن اختیاری بسیار فراگیر بود که از جمله مزایای آن میتوان به

  • افزایش جنبه ی کلاسیک و مدرن بودن محصول
  • برجسته شدن عناصر در دیزاین وب/اپلیکیشن
  • کاهش فشار به چشم خصوصا در شب
  • کاهش مصرف باتری دیوایس ها(ی مجهز به اسکرین های اولد و امولد)

اشاره کرد.

تم سیاه سفید برخی اپلیکیشن ها را هم میتوان در این دسته قرار داد که در زیر نمونه ای از آن را می بینیم.

نئومورفیزم(Neumorphism)

از جدید ترین ترند های UI که بیشتر در اسمارت هوم اپ ها و محصولات دیجیتال مرتبط با تکنولوژی دیده می شود.

فوتوگرافی + عناصر گرافیکی(photography + graphics)

ترکیب عکس ها با المان های گرافیکی را می تون در همه جا بکار برد.از وبسایت/اپلیکیشن های مالی یا مربوط به تکنولوژی گرفته تا وبسایت/اپلیکیشن های رنگارنگ و کودکانه و...انعطاف پذیری این سبک بسیار بالاست.

طراحی غیر متقارن(Asymmetrical Design)

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

  • فضای سفید گسترده
  • خطوط روشن
  • پالت رنگ های با کنتراست بالا

نمایش گرافیکی داده ها(Data Visualization)

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

ایموجی ها

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

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

پارت بعدی رو هم به ترندهای تجربه کاربری می پردازیم...پس میبینمتون


uiuxترندطراحیاپلیکیشن
شاید از این پست‌ها خوشتان بیاید