نمونه طراحی سایت فروشگاهی
به جمع بندی سالانه گرایش های طراحی وب سایت ما خوش آمدید. از تایپوگرافی یکپارچهسازی با سیستمعامل گرفته تا حرکت رو به رشد بدون کد، چیزهای زیادی برای انتظار در سال 2021 وجود دارد.
آخرین پست ما را بررسی کنید: 22 روند طراحی وب برای سال 2022.
2020 آسان نبود. با گالن‌های ضدعفونی‌کننده دست، جلسات ناخوشایند Zoom، و اضطراب احتمالی عدم اطمینان، همه ما کمی احساس گیجی می‌کنیم. علیرغم شرایط، همه ما تمام تلاش خود را به کار گرفتیم تا از طریق همه چیز به جلو برویم. بسیاری از ما برای یادگیری مهارت های جدید طراحی وقت گذاشتیم. و بعضی از ما فقط نان خمیر ترش درست کردیم. همه ما مهارت های مقابله ای خود را داریم.
وقتی نوبت به طراحی رسید، ما به روندهای بی پایان در وب توجه داشتیم. پس از صحبت با تیم استودیوی برند در Webflow و تعدادی طراح دیگر، فهرستی جامع از برخی از گرایش‌های طراحی وب که انتظار داریم تا سال 2021 به خوبی شاهد آن باشیم، گردآوری کردیم. امیدواریم این لیست نه تنها الهام بخش شما باشد، بلکه شما را نیز بسازد. به روشی فراگیرتر و در دسترس تر به وب نزدیک شوید.
21 روند طراحی وب مدرن برای سال 2021
در اینجا 21 گرایش طراحی وب وجود دارد که به روشن تر شدن سال 2021 نیز کمک می کند.
1. فونت های یکپارچهسازی با سیستمعامل
ما بسیاری از چیزهای قدیمی را دیده‌ایم که دوباره باحال شده‌اند، و سپس به نوبه خود حتی ناخوشایندتر شده‌اند. به سبیل های دسته و شلوار جین مامان فکر کنید. آیرونی ماندگاری کوتاهی دارد.
فونت‌های یکپارچهسازی با سیستمعامل همین روند را در محبوبیت خود تجربه کرده‌اند، و بسیاری از طرح‌های دارای تایپوگرافی قدیمی به خوبی پیر نشده‌اند.
با این حال، تایپوگرافی برگشتی کمی دوباره احیا شده است. ما همان فونت های خسته را نمی بینیم. در عوض، سبک‌سازی و کمی هنر در حال تصور مجدد این است که فونت‌های یکپارچهسازی با سیستمعامل چه می‌توانند باشند.
ما این ادغام قدیمی و جدید را در صفحه تبلیغات کارناوال Spotify مشاهده می کنیم. آنها به جای احساس کهنه و کلیشه ای، با کمی آزمایش جان تازه ای به فونت های پررنگ سنتی می دهند. این مثال خوبی از گرفتن فونت های سنتی و دادن کمی چرخش سرد و مدرن به آنها است، در حالی که خوانایی را حفظ می کند.
صفحه تبلیغاتی کارناوال Spotify فونت‌های بد بو را با حروف انتزاعی با رنگ‌های روشن و بافت‌های سرگرم‌کننده جفت می‌کند.
برای شرکت برنامه‌ریزی رویداد Goliath Entertainment، در اینجا در این وب‌سایت، حسی از آینده‌نگری وجود دارد. تایپوگرافی جسورانه به گذشته اشاره می کند، در حالی که هنوز احساس بسیار خوبی در لحظه دارد.
وب سایت Goliath Entertainment از فونت های یکپارچهسازی با سیستمعامل برجسته استفاده می کند که با رنگ های به همان اندازه پررنگ جفت شده اند.
همانطور که در سال 2021 آشکار می شود، ما مشتاقانه منتظریم تا بازنگری خلاقانه تری را ببینیم.
2. انیمیشن های پیمایش اختلاف منظر
جلوه‌های اسکرول Parallax برای سال‌ها یک روند در طراحی وب‌سایت بوده است و در سال 2021 امیدواریم که شاهد کاوش‌های ظریف و خلاقانه‌تر در مورد آنچه می‌توان با اختلاف منظر انجام داد، باشیم.
به یاد داشته باشید که حرکت بیش از حد در اثرات اختلاف منظر می تواند برای افراد مبتلا به اختلالات دهلیزی مضر باشد زیرا توهم عمق و حرکت می تواند باعث سردرگمی و سرگیجه شود. در اینجا دستورالعمل‌هایی وجود دارد که می‌بینیم بیشتر طراحان برای اطمینان از اینکه اختلاف منظر را به حداقل و بدون ایجاد آسیب وارد می‌کنند، در نظر گرفته‌اند:
اجازه ندهید اثرات اختلاف منظر اطلاعات مهم را منحرف کند
انجام یک کار مهم را برای کاربر سخت تر نکنید
تعداد افکت های اختلاف منظر را به حداقل برسانید
میزان حرکت اختلاف منظر در هر نمونه را به حداقل برسانید
محدود کردن جلوه های اختلاف منظر در یک منطقه کوچک از صفحه نمایش
شامل گزینه ای برای کاربران برای خاموش کردن جلوه های اختلاف منظر
سایت نمونه کار آلیس لی از جلوه های اختلاف منظر استفاده می کند که به موقعیت ماوس پاسخ می دهد تا تصویر او را زنده کند. مقدار حرکت کم است و در محدوده قهرمان قرار دارد. این یک مثال عالی از استفاده از اختلاف منظر با محدودیت و قصد است.
صفحه اصلی آلیس لی از اسکرول اختلاف منظر ظریف برای زنده کردن یکی از تصاویر او استفاده می کند.
لازم نیست هر انیمیشن اختلاف منظری حرکات بزرگی را در سراسر صفحه نمایش دهد. ما همچنین برنامه های ظریف تری را دیده ایم. در این طراحی وب برای Green Meadow، تقریباً می توان این اثر را به طور کامل از دست داد. اما این آشکارسازی ملایم متن به اندازه کافی کنار هم قرار می گیرد تا توجه هر بلوک متن را همانطور که به نظر می رسد جلب کند.
وب سایت Green Meadow از انیمیشن اختلاف منظر برای نشان دادن تدریجی بخش های مختلف متن استفاده می کند.
در سال آینده، ما هیجان‌زده‌ایم که ببینیم از پیمایش اختلاف منظر استفاده می‌شود، نه برای جلوه‌های پر زرق و برق، بلکه به عنوان ابزاری برای تأکید یا برجسته کردن بخش‌های مهم محتوا.
3. پیمایش افقی
اسکرول افقی که قبلاً به عنوان یک خطای طراحی وب در نظر گرفته می شد، در حال بازگشت است.
ما شاهد هستیم که طراحان وب بیشتری به آزمایش اسکرول افقی ادامه می دهند. کسانی که این کار را به بهترین نحو انجام می دهند، الگو را نه به خاطر متفاوت بودن، بلکه به عنوان راهی عملی برای افشای تدریجی اطلاعات ثانویه، مانند گالری تصاویر، می شکنند.
طراحانی که در سال 2021 از اسکرول افقی با موفقیت استفاده می کنند، این ملاحظات را در نظر خواهند داشت:
کاربران را مجبور به پیمایش در محتوای افقی نکنید: به روش‌های جایگزین برای پیمایش اجازه دهید، مانند دکمه‌های پیکان با برچسب‌های واضح
از نشانه‌های بصری واضح برای نشان دادن جایی که محتوا از اسکرول افقی استفاده می‌کند استفاده کنید و این نشانه‌ها را پشت شناورها پنهان نکنید
در مورد اینکه چه محتوایی از نمایش داده می شود فکر کنید
http://shorturl.at/mY278