ترندهای طراحی سایت در 2023

2023-01-25 10:45:22

ترندهای طراحی وب تعاملی برای سال 2023 چیست؟

فاز بعدی اینترنت به روند طراحی وب در سال 2023 رسیده است. مثل همیشه، این روندهای دیجیتال، بازتابی از فناوری نوظهور و تأثیرش بر جامعه است و سال گذشته برای طراحان مصالح زیادی را برای کار فراهم کرد.

پیشرفت‌های عمده‌ای در هوش مصنوعی صورت گرفته است -به حدی که می‌تواند هنر خودش را بسازد- و Metaverse واقعیت مجازی را بیشتر به مسیر اصلی سوق داده است.

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

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

با وجود همه این عوامل، روندهای طراحی وب زیر برای سال 2023 آماده است تا پایه‌های وب جهانی را بر هم بزند.

10 ترند طراحی برتر وب برای سال 2023 عبارتند از:

  1. نمایش انیمیشنی محصولات
  2. جهان‌های سه‌ بعدی همه‌جانبه
  3. بیش تحریکی
  4. پیمایش اختلاف منظر
  5. ترندهای دهه 90
  6. استیکی نوت و دفترچه یادداشت
  7. متن هم‌پوشانی
  8. طرح‌بندی تایپوگرافی
  9. بازسازی 404

1. محصول متحرک نشان می‌دهد

انیمیشن‌های Hover همیشه برای تعاملات ریز و ظریف مفید بوده و بازدیدکننده را به طور منفعلانه درگیر نگه می‌دارند. در سال 2023، طراحان وب با انیمیشن‌های شناور بیشتر درگیر خواهند شد و عناصر صفحه معمولی را به محصولات خیره‌کننده تبدیل می‌کنند.

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

موران کادوسی، رهبر استراتژی محتوا و آینده‌نگری روندها در Wix در توئیتی می‌گوید: «ما می‌دانیم که جلب توجه مخاطبان برای برندها و کسب و کارها سخت‌تر شده است و شاید به این دلیل است که اساساً همه از کار افتاده‌اند. یک راه حل این است که از طریق انیمیشن‌های فوق حرکتی و بازیگوش، به طرح‌ها جان بیشتری بدهید.»

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

2. جهان‌های سه بعدی همه‌جانبه

در سال گذشته، بسیاری از وب‌سایت‌ها از تجربه‌های اسکرول انتزاعی استفاده کردند که بینندگان را به صفحه جذب کرد. تا حدی به لطف علاقه مداوم به فناوری واقعیت مجازی، این روند اکنون به وب‌سایت‌های کاملاً فراگیر و کاملاً سه بعدی تبدیل شده است.

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

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

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

3. بیش تحریکی

«هر چه کمتر، بهتر» چندین دهه است که قانون، دیجیتالی است و وب سایت‌ها را مجبور می‌کند تا حدی براساس ادراک حسی باشند که کاربران مجبور نباشند فکر کنند. در گذشته نه چندان دور، بسیاری از طراحان از طریق ضد طراحی و اختراع مجدد رابط‌های پرزرق و برق وب 1.0، علیه این محدودیت‌ها شورش کرده‌اند. اما در سال 2023، شورش علیه مینیمالیسم UX، حداکثر‌گرایی دیجیتالی است، طرح‌هایی که هدف‌شان بیش‌تحریکی کامل است.

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

موران کادوسی، رهبر استراتژی محتوا و آینده‌نگری روندها در Wix در توئیتی گفته است: «ماکسیمالیسم دیجیتال روندی است که از زمان کووید 19 تکامل‌ یافته و تشدید شده است… همه آن احساسات شدید و فشرده به شکل حداکثر‌گرایی و ضد طراحی به سطح می‌آیند.»

در عین حال، این روند با موانع دسترسی آشکار همراه است و مشاغلی که مشمول قانون دسترسی می‌شوند، ممکن است طراحی صفحات مطابق با WCAG را در این سبک غیرعملی بدانند.

4. پیمایش اختلاف منظر

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

جاستین حمرا، مدیر هنری در 99designs by Vista در توئیتی عنوان کرد: «حرکت پادشاه است: اختلاف منظر و حرکت، صفحات وب را زنده می‌کنند. با افزایش سرعت اینترنت، سایت‌ها پویاتر می‌شوند.»

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

5. ترندهای دهه 90

یکپارچه‌سازی با استایل و مد دهه 90 به موضوع بزرگی در روند طراحی وب در سال گذشته تبدیل شد بیانی از اشتیاق جمعی برای استفاده از شکل و ظاهر اینترنت اولیه. در سال 2023، این روند هیچ نشانه‌ای از کاهش را نشان نمی‌دهد. طراحان در حال حاضر تفسیر خلاقانه خود از نوستالژی را با تأکید ویژه بر مسیریابی و چینش سایت افزایش می‌دهند.

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

Marijn B، در ادامه گفت: «از آنجایی که بازدیدکنندگان درک می‌کنند که اشیا در دنیای واقعی چگونه کار می‌کنند، آن‌ها سریعتر نحوه تعامل آن‌ها را در وب سایت با الهام از فروشگاه رکوردها، درک خواهند کرد. این حالت حس آشنا و گرم را به کاربر القا می‌کند.»

چینش وبسایت به شکل نوستالژیک می‌تواند در تکنیک‌های طراحی دهه ۹۰ آشکار شود؛ مانند نمادهای دسکتاپ پیکسل‌شده یا بلوک‌های رنگی روشن در طراحی منو. هم‌چنین می‌توان از المان‌های نوستالژی پرکاربرد در آن زمان (مانند سی دی، موزیک پلیرهای قدیمی و …) استفاده کرد. هر دوی این سبک‌ها بر حافظه حسی متکی هستند، یعنی مرتب‌سازی موارد انباشته شده با دست یا کلیک کردن روی یک رابط کاربری قدیمی و در عین حال آشنا.

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

6. استیکی نوت و دفترچه یادداشت

در سال گذشته شاهد پیشرفت‌های مهمی در فناوری بودیم که با پرتاب دقیق پیش‌بینی شدۀ تلسکوپ فضایی جیمز وب به اوج خود رسید. اما با آینده‌ پژوهی اغلب میل به بازپس‌گیری جهان طبیعی به وجود می‌آید. در وب‌سایت‌های سال 2023، این انگیزه از طریق دفترچه یادداشت و عناصر DIY آشکار می‌شود.

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

7. متن هم‌پوشانی

طراحی وب برای مدت طولانی گروگان تکرار بوده است، جایی که چیدمان‌ها در فضاهای منظم و یکنواخت ردیف شده‌اند و همه چیز در جای مناسب خود قرار دارد. طراحان وب از طریق تکنیک‌های قانون‌شکنی مانند نئوبروتالیسم سال گذشته که ویژگی‌های آوانگاردتر بروتالیسم سنتی را ملایم‌تر کرد، با این ساختار تحمیلی مخالفت کرده‌اند. به نظر می‌رسد این تلاش‌ها نتیجه داده است، زیرا یکی از ویژگی‌های متداول‌تر بروتالیسم – یعنی متن‌های هم‌پوشانی و شلوغ – به طور مداوم در وب‌سایت‌های سال 2023 نشان داده می‌شود.

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

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

8. طرح‌بندی تایپوگرافی

یکی از بهترین مزایای طراحی دیجیتال ظرفیت آن برای چند رسانه‌ای است، جایی که متن، تصاویر، ویدئو، انیمیشن و عناصر تعاملی می‌توانند در یک ترکیب وجود داشته باشند. با وجود این، بسیاری از طراحان وب در سال 2023 به طور کلی از چند رسانه‌ای صرف‌ نظر می‌کنند و عمدتاً از طرح‌بندی متنی استفاده می‌کنند.

DarkDesigns Studio در توئیت خود اعلام کرد: «بسیاری از مشتریان فعلی ما طرح‌بندی تایپوگرافی قوی را در طراحی وب ترجیح می‌دهند. ایده این است که وقتی فونت‌های پررنگ به عنوان عناصر اصلی در طراحی‌ها استفاده می‌شود، توجه بیننده را به سرعت جلب می‌کند تا در صفحه بماند.»

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

9. بازسازی 404

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

جاستین حمرا، مدیر هنری در 99 designs by Vista در توئیتی گفت: «صفحه 404 قدیمی نباید یک تأمل ناکارآمد باشد. می‌توان از آن به عنوان راهی برای نشان دادن شخصیت برند استفاده کرد. تخم‌مرغ‌های عید پاک و 404های عجیب و غریب هر روز بیشتر و بیشتر ظاهر می‌شوند. این چیزی است که می‌تواند یک تجربه بد را به یک درس تبدیل کند.»

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

برای ترندهای طراحی وب 2023 آماده‌اید؟

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

مانند دنیای واقعی، وب گاهی اوقات می‌تواند مکانی تاریک باشد که در آن اطلاعات مخدوش می‌شود و توجه را مختل کنند. طراحی به تنهایی نمی‌تواند این مشکل را حل کند، اما می‌تواند ابزاری را به کاربران ارائه دهد تا زندگی آن‌ها را کمی آسان‌تر کند؛ و این گرایش‌های طراحی وب اهداف بالاتری را مدنظر دارند و به بازدیدکنندگان تجربیات هنری و تعاملات به یاد ماندنی می‌دهند.

منبع:

99designs

اشتراک گذاری مطلب

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *