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

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

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

1 . طراحی ممفیس

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

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

2 . تصویر قهرمان تایپوگرافی

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

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

3 . انقلاب یکپارچه سازی با سیستم عامل

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

اگرچه همه اینها با نتایج غم انگیز و اغلب خنده دار اجرا شد، طراحان وب سال 2022 با بهره مندی از نزدیک به 30 سال تجربه جمعی طراحی، این روند را احیا می کنند.

در حالی که اینترنت دهه 90 ویترینی از حیله‌ها، گرافیک‌ها و رنگ‌های غیرضروری بود، زمانی که هنوز قوانین نوشته نشده بود - زمانی که «طراح وب» حتی یک حرفه هم نبود. طراحانی که از آن زمان به وجود آمده‌اند - بر اساس استانداردهای صنعتی - در حال حاضر آن روزهای اولیه را به عنوان بستری برای خلاقیت نامحدود (برای بهتر یا بدتر) می‌دانند.

4 . مرزهای قابل مشاهده

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

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

5 . تعاملات جذاب

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

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

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

6 . نئوبروتالیسم

نئوبروتالیسم از ریشه‌های کلاسیک بروتالیسم می‌آید، جنبشی معماری دهه‌های 50 تا 70 که بر مواد خام و در معرض دید مانند بتن تأکید داشت. Brutalism از زمان ظهور مجدد دیجیتالی آن در سال 2014، همانطور که در سایت brutalistwebsites.com مستند شده است، در طراحی وب سایت مورد توجه قرار گرفته است. html بدون استایل بی‌سبک، پس‌زمینه‌های ساده، چیدمان‌های نامتقارن، فونت‌های پیش‌فرض رایانه و عکس‌های درمان‌نشده، همگی از ویژگی‌های بی‌رحمی دیجیتال هستند.

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

7 . نوع متحرک

همانطور که طراحان همیشه می دانستند، تایپوگرافی می تواند بیشتر از انتقال اطلاعات انجام دهد - می تواند بیننده را تحریک کند. در سال 2022، طراحان وب این ایده را با نوع متحرک تحت اللفظی پیش بردند.

البته انیمیشن چیز جدیدی برای طراحی وب نیست، اما معمولاً برای گرافیک مصور، عناصر UI و انتقال صفحه در نظر گرفته شده است. به همین دلیل، متن متحرک می‌تواند تازه و غیرمنتظره باشد، حتی زمانی که انیمیشن‌ها ساده هستند - مانند چرخش‌های دایره‌ای و پیمایش‌های جانبی «پخش‌های خبری». این لمس‌های کوچک به تایپوگرافی اجازه می‌دهد بدون اینکه خواننده را با گنگ‌های متحرک حیله‌گر غرق کند، در مرکز قرار گیرد.

8 . تجربیات اسکرول خلاقانه

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

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

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

9 . گرافیک دست ساز

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

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

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

روند طراحی وب برای سال 2022 نشان دهنده گام دیگری به جلو است، اما در اینترنت، این واقعا چیز جدیدی نیست. آینده در عصر کنونی ما به سرعت در حال حرکت است و طراحان دیجیتال اغلب راه را هموار می کنند. اما چیزی که باعث می شود این روندها احساس طراوت کنند، تمرکز آنها بر ایجاد شادی است.

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