2022 оны шилдэг вэб сайтын дизайны чиг хандлага

2022 оны шилдэг вэб сайтын дизайны чиг хандлага
Rick Davis

2021 онд олон бизнес эрхлэгчид аж ахуйн нэгжүүдээ үргэлжлүүлэн ажиллуулахын тулд дижитал маркетинг дээр анхаарлаа хандуулж, цахим худалдааны вэб сайтаа нээлээ. Олон хүмүүс ажлын байр хайж эсвэл блог эсвэл портфолио вэбсайт үүсгэн онлайнаар мөнгө хийдэг.

Энэ жил энэ үзэгдэл үргэлжилж, улам өргөн хүрээг хамарна. Энэ бүтээлч талбарт урам зориг авч, урагшлахад тань туслахын тулд 2022 оны вэб сайтын дизайны хамгийн том 12 чиг хандлагыг шалгана уу.

1. Parallax Effects

Параллакс эффектийн тухай ойлголт нь 2D хувцасны чимэг видео тоглоомын гоо зүйгээс санаа авсан. Энэ нь өөр өөр хурдтайгаар хөдөлж буй давхаргыг ашиглан гүний хуурмаг байдлыг бий болгодог. Та энэ эффектийг зохиох олон аргыг олох боломжтой ч арын дэвсгэрийг урд талынхаас удаан хөдөлгөх замаар хэрэгжүүлдэг.

Параллакс эффект нь хэрэглэгчдийг хөдөлгөөнт дүрс болон дизайныг бүхэлд нь гүйлгэх сонирхолтой болгодог. Энэ нь таны вэбсайтын дизайныг онцлоход туслах гайхалтай арга юм. Гэсэн хэдий ч параллакс вэб дизайн нь SEO-ийн сөрөг нөлөөлөлд хүргэж болзошгүйг санаарай.

2. 3D дүрслэл

Өндөр нягтаршилтай дэлгэцийн тархалтаар дизайнерууд үүнийг дагаж вэб сайтууд дээр анимаци болон дүрслэлд зориулж 3D-ээр тоглодог. Олон тонн гэрэл зурагтай харьцуулахад энэ нь илүү сайн бүтээгдэхүүний дүрслэлийг санал болгож чадна.

Энд 3D визуал ашиглан хувийн вэбсайтын шилдэг жишээнүүд байна.

  • Бруно Ортолланд . Энэхүү CG зураач өөрийн 3D дүрслэлийг үзүүлж байнашууд нүүр хуудсан дээр. Тэдгээрийг курсор ашиглан хөдөлгөж, хөгжимтэй хамт ирдэг.
  • Титуан Матис . Энэ вэб хөгжүүлэгч өөрийн вэб сайтаа интерактив 3D спираль хэв маягаар сайжруулж, тоглоход таатай байна.
  • Диана Мартел . Энэ хөгжмийн видеоны найруулагч өөрийн хуудсан дээр 3D кредитийн гарчиг ашигладаг. Та хулганаа ашиглан гарчиг дээр хулганыг зөөж болно.

3. Эможи

Adobe-ийн мэдээлснээр хүмүүсийн 60 гаруй хувь нь эможи нь яриаг илүү хөгжилтэй, хөгжилтэй болгодог гэжээ. Эдгээр нь бодол санаа, мэдрэмжээ дамжуулах маш сайн хэрэгсэл бөгөөд аман бус мессеж гэгддэг.

Гэсэн хэдий ч зарим эможи сонгохдоо болгоомжтой байгаарай. Нэг эможийг өөр өөр газар өөр өөрөөр тайлбарлаж болно. Жишээлбэл, гараа даллах нь барууны орнуудад баяртай гэж хэлдэг бол Хятадад "бид найзууд биш" гэсэн утгатай.

Мессеждээ хэт олон эможи оруулах нь таныг жаахан мэргэжлийн бус, төлөвшөөгүй харагдуулдаг.

4. Минимализм

Дизайн энгийн байдал нь тахлын үед дижитал мэдээллийн хэт ачааллаас аврах боломжтой. Хэзээ нэгэн цагт энэ нь нарийн төвөгтэй дизайныг бүрэн гүйцэж түрүүлж магадгүй, учир нь минимализм нь хэрэглэгчдэд зөвхөн чухал зүйлд анхаарлаа төвлөрүүлэхэд тусалдаг. Үүнийг зөвхөн дотоод засал чимэглэлд төдийгүй үл хөдлөх хөрөнгийн вэб дизайнд өргөнөөр авч үзэж, үл хөдлөх хөрөнгийн цэвэр байдал, гоо зүйн үзэмжийг харуулдаг.

Та ашиглаж болно.Өөрийн вэбсайт дээрх минималист дизайны чиг хандлагыг:

  • Хязгаарлагдмал өнгөт палитрыг ашиглах . Таны сайтын чухал элементүүдийг тодруулахын тулд нэг эсвэл хоёр өргөлт бүхий монохроматик өнгөний схемийг сонго.
  • Элемент болон функцуудыг ашиглахыг хязгаарлах. Загвар зохиохдоо элемент бүр зайлшгүй шаардлагатай юу, ямар нэгэн зорилгод нийцэж байна уу, эсвэл үүнийг илүү хялбар болгож чадах уу гэдгийг өөрөөсөө асуугаарай.
  • Цэвэр зайг нэмэгдүүлэх. Олон дизайнерууд зочдыг хоосон зайгаар залхаахаас айдаг бөгөөд үүний оронд энэ нь зочныхоо харцыг чухал хэсгүүдэд чиглүүлэхэд тусалдаг.

5. Санал асуулгын хуудас

Танай сайтад байгаа бүтээгдэхүүн, үйлчилгээний тоог харгалзан үзэхийн тулд хэрэглэгчдэдээ интерактив тест ашиглан бүтээгдэхүүнээ сонгохыг уриалаарай.

Persona Nutrition-ийн үнэлгээ нь үүний тод жишээ юм. чиг хандлага. Нэмэлт тэжээлийн компани нь хэрэглэгчдэдээ амьдралын хэв маяг, эрүүл мэндийн зорилгодоо тохирсон шим тэжээлийг сонгоход нь тусалдаг.

Энэ жишээн дээр дурдсан гол санаанууд нь:

  • Тэдэнд тодорхой дуудлага хийх. үйлдлийн (CTA) товчлуурууд.
  • Судалгаанд оролцогчид асуулт хариултыг бөглөсний дараа юу хүлээж болохыг, мөн үүнийг бөглөхөд хэр хугацаа шаардагдахыг тайлбарлана уу.
  • Хүйс, жин гэх мэт зарим асуултад энэ нь холбоосыг агуулна. Энэ нь компани яагаад үүнийг асуух ёстойг тайлбарладаг. Хэрэгтэй мэдээлэл нэмж асуулгад оролцогчдод ил тод байдлыг санал болгох.

6. ХийсвэрЗохиол

Хийсвэр урлаг нь олон жилийн турш бий болсон ч 2022 онд вэб дизайнерууд янз бүрийн хэлбэр, бүтэцтэй тод өнгө ашиглан үүнийг илүү төвөгтэй болгож байна.

Вэб хуудасны үр дүн. илүү илэрхий, эрч хүчтэй байх болно. Та мөн хийсвэр зохиолыг гэрэл зураг, зураг чимэглэлтэй хослуулж болно.

7. Хэвтээ гүйлгэх

Доошоо гүйлгэх нь үргэлж навигацийн норм байсаар ирсэн ч 2021 онд хэвтээ гүйлгэх үйлдлийг дэлгэрүүлсэн.

Олон зочдод аяндаа доош гүйлгэх тул үүнийг зөв хэрэгжүүлэхэд бэрхшээлтэй байж магадгүй юм. тэд вэб хуудсыг нээх үед. Хэрэв та тэдэнд хуудсыг хажуу тийш нь гүйлгэх гэсэн тодорхой заалтуудыг санал болгохгүй бол тэд хэвтээ гүйлгэх хуудас эвдэрсэн гэж үзээд зүгээр л орхиж магадгүй.

Энэ чиг хандлагад дасан зохицохын тулд ямар төрлийн контентыг анхаарч үзээрэй. босоо гүйлгэхээс хэвтээ гүйлгэхийг ашиглах нь илүү дээр юм.

Зургийн галерей нь сайн, гэхдээ энэ функцийг текстээр дүүргэсэн хуудсанд хүчлэх хэрэггүй. Та үүнийг категориудыг харуулахад ч ашиглаж болно.

Уншигчид тухайн хуудсыг хэвтээ байдлаар гүйлгэх болно гэдгийг мэдэхэд туслах тодорхой үзүүлэлтийг ашиглана уу.

8. AR Туршлага

Өргөтгөсөн бодит байдал (AR) нь хэрэглэгчийн туршлагыг, ялангуяа цахим худалдааны вэбсайт хэрэглэгчдийн туршлагыг сайжруулах боломжтой. Энэ нь таны үзэгчдэд 360 градусын туршлагыг өгдөг.

AR технологийг санал болгодог эдгээр вэб сайтуудыг шалгана уу.

Мөн_үзнэ үү: Шар айрагны шошгоны 18 гайхалтай санаа, хэрхэн өөрөө хийх вэ
  • Jeep . Зөвшөөрөхдөө AR ашигладагТэдний боломжит үйлчлүүлэгчид автомашины салоныг автомашины дилерүүд рүү явахгүйгээр хардаг.
  • Пурина . Энэ сайт нь зочдод эрүүл тэжээвэр амьтдын шинж тэмдгүүдийн талаар AR технологийг ашиглан муур эсвэл нохойг өрөөндөө оруулж, эрүүл мэндийн мөчлөгийг харуулах замаар сургадаг.
  • Эхлээд Хүн . Энэхүү кино нь AR-г маркетингдаа шингээсэн. Вэбсайтыг нээж, ухаалаг утсаа сар руу чиглүүлж, Аполло 11-ийн даалгаврыг дүрслэн үзүүлээрэй.

9. Коллаж урлаг

Энэ вэб дизайны чиг хандлагыг сэтгүүл, сонин гэх мэт офлайн мэдээллийн хэрэгслээр тохируулсан. Энэ нь сошиал медиа мэдээллийн формат болсныхоо дараа дижитал медиад хүрч, удахгүй вэб дизайны тренд болох болно.

Холлаж урлаг нь олон талт байдал, гоо зүйн үзэмжээрээ нэлээд алдартай. Загвар зохион бүтээгчид өөрсдийн брэндэд тохирсон эвлүүлэг бүтээхийн тулд урлагийн бүтээлийн төрөл бүрийн хэв маягийг ашиглаж болно.

Энд коллаж урлагийг зохион бүтээхдээ хэд хэдэн зүйлийг анхаарч үзэх хэрэгтэй.

  • Сэдэв . Илүү их нөлөө үзүүлэхийн тулд бүтээлч сонголтоо хязгаарлаарай. Та "өвөл" гэх мэт тодорхой сэдвийг эсвэл "маргааш" гэх мэт хийсвэр сэдвийг сонгож болно.
  • Бүтэц. Нэг цэгийн хэтийн төлөв, гуравны нэгийн дүрэм гэх мэт найруулгын техникээр бүтээлч бай.
  • Хээ, бүтэц. Физик хуурмаг байдлыг бий болгохын тулд хэв маягийг ашигла. ба эвлүүлэг урлагаас ялгаатай.

10. Сэтгэл хөдлөлийн хэв маяг

Сэтгэл хөдлөлtypography гэдэг нь үг, сэтгэл хөдлөлийн хариу үйлдлийг холбосон хэвлэх загварыг хэлдэг. Жишээлбэл, "цацрах" гэдэг үг нь устай холбоотой байх тул загвар нь цэнхэр, жижиг дуслыг ашигладаг.

Типографийг онцгой болгохын тулд энгийн дэвсгэрийг ашиглана уу. Үсэг, үгийн тоог хамгийн бага байлгахыг хичээгээрэй, ингэснээр уншигчдад хэт их ачаалал өгөхгүй.

11. Гүйлгэх эффектүүд

Гадаад хэвтээ гүйлгэх болон параллакс эффектүүд энэ жил дизайнерууд өөр төрлийн гүйлгэх аргыг туршиж үзэх болно.

Эдгээр гүйлгэх эффектүүдээс урам зориг аваарай.

  • Урт гүйлгэх. Энэ нь ихэвчлэн нэг хуудастай вэб сайтад ашиглагддаг. Энэ нь ихэвчлэн гөлгөр бөгөөд шугаман түүх өгүүлэх техниктэй байдаг—жишээлбэл, Le Mugs.
  • Тогтмол урт гүйлгэх. Нэг хуудсан дээр олон хэсгийг нэгтгэдэг. Хэсэг бүр түүх, заавар, холбоо барих гэх мэт нэг сэдвийг тайлбарлахад голлон анхаардаг. Жишээ нь: Carandache.
  • Гүйлгэх картууд. Вэбсайтыг хэвтээ эсвэл босоо байдлаар шударсан карт шиг харагдуулах бүдүүвчийг ашиглаарай—жишээ нь Ofcina.

12. Дууг хаасан өнгө

Амьгүй өнгөнүүд нь ханасан өнгө нь эвтэйхэн байдаг тул зочдод вэб хуудсыг үргэлжлүүлэн үзэхэд хялбар болгодог. Энэ төрлийн өнгө нь ихэвчлэн үүлэрхэг өдөр шиг бүдгэрч эсвэл саарал өнгөтэй болдог.

Олон дизайнерууд энэхүү цайвар өнгийн палитрыг минималист дүр төрхийг харуулахын тулд ашигладаг. Энэ нь бас илүү ихийг өгч чаднабайгалийн ба дэгжин мэдрэмж.

Winc бол дуугүй өнгөт вэб сайтын төгс жишээ юм. Цөцгий, саарал өнгийн өнгийг энгийн дүрслэлийн хамт ашигласан нь гоёмсог дарсны клубт тохирсон.

Дүгнэлт

Хэрэв та үүнийг хөгжүүлэхгүй бол 2022 оны вэбсайтын дизайны чиг хандлага ажиллахгүй. Тэдгээрийг сайтар бодож боловсруулсан дизайны төлөвлөгөөтэй болго.

Бид эдгээр чиг хандлагыг ашиглан урам зориг авч, таны брэндийн зан чанарт тохирсон өөрийн дизайны хэрэгсэл болгохыг зөвлөж байна. Та тэдгээрийг бусад загвартай хослуулж эсвэл бүрмөсөн хаяж болно. Хэрэв танд шинэлэг дизайны санаагаа туршиж үзэх орон зай хэрэгтэй бол Vectornator-ээс цааш хайх хэрэггүй!

Сайхан амраарай!

Мөн_үзнэ үү: Өнгөрсөн үеийн Nostalgic дизайны чиг хандлага



Rick Davis
Rick Davis
Рик Дэвис бол энэ салбарт 10 гаруй жил ажилласан туршлагатай график дизайнер, визуал зураач юм. Тэрээр жижиг гарааны бизнесээс эхлээд томоохон корпорациуд хүртэл янз бүрийн үйлчлүүлэгчидтэй хамтран ажиллаж, тэдний дизайны зорилгод хүрэхэд нь тусалж, үр дүнтэй, үр дүнтэй дүрслэлээр дамжуулан брэндээ өргөжүүлжээ.Нью-Йорк хотын Дүрслэх урлагийн сургуулийг төгссөн Рик дизайны шинэ чиг хандлага, технологийг судлах хүсэл эрмэлзэлтэй бөгөөд энэ салбарт боломжтой зүйлсийн хил хязгаарыг байнга шахдаг. Тэрээр график дизайны програм хангамжийн чиглэлээр гүнзгий мэдлэгтэй бөгөөд мэдлэг, ойлголтоо бусадтай хуваалцахыг үргэлж хүсдэг.Дизайнерын ажлаас гадна Рик бол үнэнч блог хөтлөгч бөгөөд график дизайны программ хангамжийн ертөнц дэх хамгийн сүүлийн үеийн чиг хандлага, хөгжил дэвшлийн талаар мэдээлэл өгөх зорилготой. Тэрээр мэдээлэл, санаа бодлоо хуваалцах нь хүчирхэг, эрч хүчтэй дизайны нийгэмлэгийг хөгжүүлэх гол түлхүүр гэж үздэг бөгөөд бусад дизайнерууд болон бүтээлч хүмүүстэй онлайнаар холбогдохыг үргэлж хүсдэг.Үйлчлүүлэгчдээ зориулж шинэ лого зохион бүтээх, студидээ хамгийн сүүлийн үеийн хэрэгсэл, арга техникийг туршиж үзэх, эсвэл мэдээллийн чанартай, сэтгэл татам блог нийтлэл бичиж байгаа эсэхээс үл хамааран Рик хамгийн сайн ажлыг хүргэж, бусдад дизайны зорилгодоо хүрэхэд нь туслахыг үргэлж хичээдэг.