بهترین طراحی وب سایت در سال 2021
سال ۲۰۱۹ رو به اتمام است و در حال رفتن به فصل پایانی دهه هستیم. عموما در پایان سال جمع بندی از همه کارهای انجام شده در سال را انجام میدهند و ما هم تصمیم داریم در اینجا بهترین طراحی وب سایت را بررسی کرده و ۱۰ تا از تکنیک های بکار گرفته شده در طراحی سایت را مرور کنیم.
بهترین طراحی وب سایت در سالی که گذشت.
اینترنت در ده سال گذشته رشد و تحول زیادی یافته است: ما شاهد سلطنت موبایل ، معرفی AR ، VR ، AI ، AMP و بسیاری از مخفف های دیگر بودیم.
به همان اندازه که تمام این فناوری جدید هیجان انگیز بوده است ، طراحی وب نیز دستخوش این تغییر و تحولات بوده است.
در بعضی از سالها ، روند طراحی به سمت خلاقیت بی حد و حصر پیش رفته است ، قالب های شبکه ای و عکس ها، تصاویر پر جنب و جوش ، طرح های رنگی جسورانه و طرح های نا متقارن.
سالهای قبل ، پیشرفت های فن آوری باعث شده بود که وب سایت ها با هوشمند تر شدن یادگیری ماشین و تعامل خلاق ، باهوش تر شوند و ارتقا و پیشرفت در روند طراحی را ایجاد کنند .روند طراحی وب سایت در سال ۲۰۱۹ ، این دو روی سکه یعنی زیبایی شناسی و فناوری را مانند گذشته باهم تجربه کرد.
مجموعه پیش رو فقط پیش بینی هایی از بهترین طراحی وب سایت در سال ۲۰۱۹ است ، اما به هیچ وجه حرف آخر برای نوآوری و خلاقیت نیست.
۱۰ نوع از بهترین طراحی وب سایت برتر که در سال ۲۰۱۹ زیاد انجام گردید
۱- فونتهای “سریف“ روی صفحه نمایش
همه ما این قاعده را شنیده ایم که فونتهای serif برای پرینت هستند و sans-serif برای صفحه نمایش هستند. اما کمی دقیق تر از استفاده این فونتها در طراحی وب با خبر می شویم.
در حالی که sans با خوانایی تمیز خود ، هنوز هم در نوشته های طولانی سایتها بکار می رود ، برندهای بیشتر و بیشتری استفاده از Bold-Serif را در قسمتهای مختلفی از طرح های خود مانند هدر و فراخوان یک فعالیت (Call To Action) بکار می برند.
یک دلیل خوب برای این امر وجود دارد: serif ها به صورت تزئینی طراحی شده اند و ویژگی آنها برای تأکید مناسب است.و حتی با اینکه طراحی serif ها اغلب مربوط به گذشته هستند ، شخصیت های زیادی دارند و از آنچه فکر می کنید سازگارتر هستند.
مثلاً سری های گرد را که در مارک شاد Mailchimp ایجاد می کنند، ملاحظه کنید. یا سری های خمیده و فاصله های جسورانه که ظاهری مدرن برای Medium ایجاد می کنند.
۲- پالت های رنگ سیاه و سفید
رنگ یکی از مهمترین عناصر یک وب سایت است. روحیه را پرورش می دهد ، یک برند را منسجم می کند و با ایجاد نشانه های بصری کاربران را از طریق رابط هدایت می کند. در سال ۲۰۱۹ ، شاهد طراحی جسورانه سیاه و سفید بودیم که تاثیرات چشمگیری داشتند. به معنای واقعی کلمه ، رنگ است که ما جهان را با ذرات متعدد، جذاب می بینیم. اگر رنگها از بین بروند ، ما جهان را متفاوت می بینیم : بافت ها و شکل ها شفاف تر می شوند و به نظر می رسد جهان بطور بی روح و ساکن است.
رنگ سفید به خودی خود تمیز و محفوظ است در حالی که سیاه قوی و محکم است. اینها را ترکیب کنید و ظاهری کاملاً چشمگیر به دست آورید.
از قضا ، بزرگترین تأثیر طرح های سیاه و سفید می تواند در ترکیب آنها با حداقل رنگ باشد. افزودن یک قسمت کوچک رنگ نه تنها دریای تک رنگ را از بین نمی برد بلکه نقاط مورد علاقه و فراخوان های عمل را بیشتر جلوه می دهد.
۳- اشکال طبیعی ، ارگانیک
اگرچه صفحات وب معمولاً برای شبکه های سیستماتیک تنظیم شده اند ، اما طراحان به سمت شکل های طبیعی و خطوط صاف روی آورده اند. سازه های هندسی مانند مربع ها ، مستطیل ها و مثلث های با گوشه های تیز خود باعث ایجاد احساس ثبات می شوند ، اما طراحی های برتر درسال ۲۰۱۹ بیشتر متاثر این المان ها بوده است.
از آنجا که اشکال ارگانیک به طور طبیعی ناقص و نامتقارن هستند ، می توانند عمق طراحی وب را فراهم آورند که باعث شود عناصر صفحه از هم متمایز شوند. آنها در طبیعت موجود هستند (به اشکال خمیده درختان و تپه ها فکر کنید) ، اما عناصر اقتباسی، می توانند خلاقیت انسان را در دست سازه هایی مانند جعبه رنگ های بکار رفته بروز دهند. هدف در اینجا این است که طراحی وب از طریق تجسم طبیعت، احساس زنده بودن و حیات را ایجاد کند.
۴- استفاده از تصاویر ویدیویی و افکت (Glitch Art)
هیچ لیست برترینی کامل نخواهد بود بدون اینکه نوعی طراحی با سیستم Retro (اقتباس از نوستالژی) در آن موجود باشد. در مورد glitch art ، آن لحظاتی که اشکالاتی درفیلم، همانند کهنگی یا پارازیت یا شبیه یک اتصال dial-up آهستگی ، منجر به ایجاد یک تصویر تحریف شده می گردد ، به آن جلوه ویژه glitch art گفته میشود.
در زمان مدرن ما وقتی رایانه ها اینقدر گسترده هستند ، ایرادها قابل توجه هستند. ما از قدرت گرفتن ماشینها می ترسیم ، اما نمی دانیم بدون آنها چه می کنیم.از این رو ،ایراد و اختلال در فناوری باعث جذاب شدن موضوع شده و در اجرای طراحی بکار میرود . جایی که می تواند چشم بیننده را به سمت قسمت هایی از سایت که دارای پیچ و تاب ، درخشش و انعکاس هست ، جلب کند.
زمانه ای عجیب و غریب است که در آن زندگی می کنیم و هیچ کس کاملاً مطمئن نیست که به کجا می رود. Glitch art با دادن ظاهری روان به وب سایتها این احساس تمایز را تقویت می کند.
۵- تعامل کوچک
تعامل های کوچک، پارامترهایی با یک هدف هستند: تعجب کاربر و ایجاد رویدادی جذاب و واقعی. هر بار که یک عمل کوچک را در یک وب سایت یا برنامه انجام می دهید و یک عکس العمل یا افکت خاص به آن را می بینید ، این یک تعامل کوچک است.
وقتی صفحه توئیتر خود را تازه می کنید و بوق می شنوید ، این یک تعامل کوچک است. یا هنگامی که فیس بوک را چک می کنید ، نماد قرمز رنگی که شماره پیام شما را نشان می دهد ، تعامل کوچک است.
اینها مثالی از رایج ترین کاربردهای آن بود. اما در سال ۲۰۱۹ ، صفحات وب به شدت تجسم های تعاملی تر خود را نشان دادند. پویانمایی و پیمایش انیمیشن ها ، صدای جرقه زدن و موارد دیگر.
روی هم رفته ، این روشی ظریف برای درگیر کردن مخاطبان شما در وب سایت شما ست. با این روش اطلاعات مربوط به آن مورد و اهداف خود را به کاربران منتقل می کنید و باعث می شوید صفحات وب کمی باهوش تر به نظر برسند.
۶- ربات چت ها ، تکامل یافتند
گفتنی است که ربات چت ها مدتی است در حال پیشرفت هستند اما در سال ۲۰۱۹ در کانون توجه قرار گرفتند. این بیشتر به دلیل پیشرفت در هوش مصنوعی و یادگیری ماشینی است که باعث می شود آنها هوشمند تر و کارآمد تر شوند.
چت های جدید (Chat) ، گپ های بیشتر و بیشتر در صفحات وب با سطح سفارشی سازی بالاتر از آنچه در نمونه های گذشته مشاهده کرده ایم ، نمایش داده می شوند. رنگهای روشن باعث می شود که آنها نه تنها در صفحه برجسته تر باشند بلکه جذاب تر هم باشند.
ما همچنین می توانیم هجوم استیکر های دوستانه را برای نشان دادن برندها پیش بینی کنیم و چهره ای شخصیت پذیر به این رباتها بدهیم.
۷- حتی محتوای ویدیویی بیشتر
شما به یک منتقد فیلم نیاز ندارید تا به شما بگوید محتوای ویدیو برای وب چیز جدیدی نیست. ویدئو نه تنها صفحه را متنوع می کند بلکه کاربر در حال مرور که وقت لازم را برای جستجو در متن های زیاد ندارد را به مخاطب شما ،تبدیل می کند.
حرکت جدیدی که گوگل در صفحه نتایج جستجوی مختلط انجام داده است ، قرار گیری نتایج محتوای ویدیویی بالای صفحات وب استاندارد است.
این امر باعث شده است تا وب سایتها ، تولید ویدئو را در اولویت قرار بدهند تا بتوانند به راحتی جستجو شوند و محتوا را با کارآمدترین شکل به اشتراک بگذارند.
۸- مینیمالیسم یا حداقل سازی
شاید یکی از کلاسیک ترین و بی زمان ترین روند طراحی وب ، مینیمالیسم انتخاب باشد. هرچه عناصر و محتوای کمتری در یک وب سایت وجود داشته باشد ، مخاطب شما نیز کمتر فکر خواهد کرد.
اگر یک وب سایت به روشی صحیح طراحی شود ، دقیقاً آنچه را که کاربر جستجو می کند ، نشان می دهد.
مینیمالیسم همچنین در سال ۲۰۱۹ بر چشم انداز رسانه های دیجیتال حاکم شد. انیمیشن ها و جلوه های محو کننده که پیمایش را جذاب تر می کنند ، باعث می شدند صفحات وب فرصت یابند تا فضای خود را از فضای محتوا جدا کنند و در نتیجه فضای سفید ، کنتراست و تایپو گرافی بیشتری را ایجاد کنند ، بدون اینکه عناصر سردرگمی زیادی داشته باشند.
۹- مرور سازگار با موبایل
مرور بوسیله مرورگرهای تلفن همراه از مرور در کامپیوترهای خانگی کاملاً سبقت گرفته است. یكی از مهمترین مطالعات در این زمینه ، “جوش كلارك” با كتاب خود “طراحی برای لمس” بود كه در آن به بررسی چگونگی نگه داشتن کاربران تلفن های همراه خود می پردازد و اینکه چگونه باید حرکات آنها ، بویژه انگشتان شست ، در فرایند طراحی وب پردازش شود.
اکنون بیشتر و بیشتر ، کاربران با ناوبری متناسب با انگشت شست ، مانند منوی افقی که به پایین صفحه های تلفن همراه منتقل می شود ، روبرو می شوند. این موضوع در بهترین طراحی وب سایت های بررسی شده نیز رعایت گردیده اند.
۱۰- تنوع
اغلب مردم فراموش می كنند كه وب (web) همیشه همراه با یك جفت دیگر از w یعنی : world wide (جامعه جهانی) آمده است.(اشاره به www اول آدرس سایت)
اینترنت میلیاردها نفر از مردم سراسر جهان را از فرهنگ های مختلف ، توانایی ها ، سنین ، هویت جنسیتی و… را به هم متصل کرده است. مردمی که دوست دارند خودشان را در محتوایی که منتشر می کنند نشان دهند به جای اینکه از مدلهای عکس تکراری خودشان استفاده کنند.
حتی تصاویر کوچکی (مانند انواع ایموجی ها) باعث شده است که احساسات مردم از اقشار مختلف ،در فضای دیجیتال به هم نزدیک شود. طراحان وب جهشی حتی بزرگتر به سمت فراگیر بودن و بهبود استانداردهای دسترسی به تصاویر آگاهانه و متنوع اجتماعی دارند.
جهان هنوز راه طولانی ای در این زمینه طی نکرده است ، اما این طراحان هستند که می توانند از هنر و صنعت خود استفاده کنند تا نشان دهند که وب قرار است در مورد افراد واقعی باشد که ارتباطات واقعی برقرار می کنند.
برگرفته از :
Lennart de Ridder@99designs.com
با سپیا وب لذت طراحی سایت را بچشید.
