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

ترند 2021

استفاده از فونت های کلاسیک (retro fonts)

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

در این مقوله استفاده از فونت های کلاسیک و قدیمی مخصوصا در سایت های انگلیسی زبان یکی از آن ترندهایی است که در سال ۲۰۲۱ انتظار آن را خواهیم داشت.

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

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

استفاده از فونت کلاسیک در چندین سایت مطرح انگلیسی زبان مثل goliath و اسپاتیفای ما را مجاب کرد تا از این مورد به عنوان یکی از ترندهای طراحی سایت در سال ۲۰۲۱ یادکنیم و منتظر ایده های خلاقانه تری در این حوزه باشیم.

parallax scroll

استفاده از انیمیشن های پیمایشی parallax یکی از جریان هایی بوده که در این چند سال در حوزه طراحی سایت به آن کم تر توجه شده است اما مشاهده نمونه های بسیار موفقی از پارالاکس اسکرول مرا مجاب کرد تا آن را در لیست ترندهای طراحی سال ۲۰۲۱ قرار دهم.

نکته:

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

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

ترند 2021 و پیمایش افقی

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

طراحانی که قصد دارند در سال ۲۰۲۱ از این متد دیزاین در وبسایت خود استفاده کنند باید نکات زیر را به یاد داشته باشند:

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

ترند 2021 و استفاده از المان های 3D

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

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

مالتی مدیا

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

مالتی مدیا شامل استفاده از بیش از یک رسانه برای ارتباط با مخاطب است. این رسانه ها می‌تواند شامل: تصویر، متن، ویدئو، صوت و … باشد و به بهبود تجربه کاربری کمک کند.

در سال ۲۰۲۱ پیش بینی می‌شود که طراحان بیش از گذشته به سمت استفاده از مالتی مدیا سوق پیدا کنند. اگر شما نیز قصد دارید به عنوان یک طراح سایت حرفه ای کمی خلاقانه تر کارکنید و از این ترند سال جدید پیروی کنید به شما توصیه می کنم موارد زیر را به خاطر بسپارید:

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

ترند 2021 و واقعیت افزوده یا AR

در چند سال اخیر تکنولوژی AR به شکل گسترده ای در بین بیزینس ها و برندهای بزرگ رایج شده است. این موضوع در کنار چند نمونه طراحی سایت با استفاده از AR مرا مجاب کرد تا از آن به عنوان یکی از ترندهای جذاب و البته سخت و هزینه بر در سال ۲۰۲۱ یاد کنم.

استفاده از واقعیت افزوده در حال حاضر معنایی بیش از شکار Pokemon با تلفن های هوشمند دارد. در حال حاضر استفاده از فناوری های جدید مثل webxr API و نرم افزارهای ساخته شده توسط Wayfair tech ورود به این قلمرو را برای همه امکان پذیر ساخته است.

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

ایده استفاده از AR در طراحی سایت برای خرده فروش ها، نمایندگی های فروش و… می تواند ایده ای جذاب، سخت و البته پربازده قلمداد شود و کسب و کار شما را از باقی رقبا کاملا متمایز کند.

ترند 2021 و استفاده از رنگ های خاموش

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

برای مثال سایت magic theatre studio از یک پالت رنگ روشن همراه با بلوک های سبز تیره استفاده کرده است. این کار موجب ایجاد یک تضاد مشخص بین بخش های مختلف این سایت شده است. همچنین استفاده از تصاویر پویا و تغییر رنگ ظریف پس زمینه از روشن به تیره، موجب به وجود آمدن یک طراحی زنده شده است.

طراحی بر اساس اولویت

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

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

تاری گاوسی (Gaussian blur)

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

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

از دیگر سایت هایی که از این روش طراحی زمینه استفاده کرده اند می‌‌توان به وبسایت های مقابل اشاره کرد: iamtamara و monographcomms

dark mode یا حالت تاریک

حالت تاریک یا دارک مود بی شک یکی از مهم ترین ترندهای طراحی سایت در سال ۲۰۲۱ می‌باشد. برای آشنایی کامل با حالت dark mode حتما مقاله «چطور از دارک مود در طراحی ربط کاربری استفاده کنم» را مطالعه بفرمایید.

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

ترند 2021 و استفاده از تصاویر illustration

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

برای تهیه عکس های وکتور نیز در حال حاضر منابع بسیاری در سراسر وب برای شما وجود دارد. از سایت blush گرفته تا freepik

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

ترند 2021 و استفاده از شبکه ی GRID

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

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

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

ترند 2021 و نشانگر سفارشی

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

از دیگر نمونه های موفق این ترند جذاب که احتمالا در سال ۲۰۲۱ شاهد آن باشیم میتوان به وبسایت The pen tool و buro اشاره کرد.