2016 ვებსაიტის დიზაინის ტენდენციები გასათვალისწინებელია თქვენი საიტის შექმნამდე

dk new media საიტი 1

ჩვენ ვნახეთ უამრავი კომპანია, რომლებიც ვებ – გვერდის მომხმარებლებისთვის უფრო სუფთა, მარტივი გამოცდილებისკენ მიდიან. მიუხედავად იმისა, ხართ დიზაინერი, დეველოპერი, ან უბრალოდ გიყვართ ვებსაიტები, შეგიძლიათ გაიგოთ რამე, თუ გადახედავთ როგორ აკეთებენ ამას. მოემზადეთ შთაგონებისთვის!

  1. ანიმაციები

ვებგვერდის ადრეული, გაბრაზებული დღეების დატოვება, რომელიც მოციმციმე გიფებით, ანიმაციური ზოლებით, ღილაკებით, ხატებით და მოცეკვავე ზაზუნებით იყო გაჟღენთილი, ანიმაცია დღეს ნიშნავს ინტერაქტიული, საპასუხო ქმედებების შექმნას, რაც ხელს უწყობს თხრობას და უზრუნველყოფს მდიდარ გამოცდილებას.

მდიდარი ანიმაციის მაგალითებია: ანიმაციების დატვირთვა, ნავიგაცია და მენიუები, ჰოვერის ანიმაციები, გალერეები და სლაიდშოუები, მოძრაობის ანიმაცია, გადახვევა და ფონის ანიმაციები და ვიდეოები. გადახედეთ ამ საიტს Beagle– სგან, წინადადებების მართვის პლატფორმისგან:

Beagle ანიმაციური ვებსაიტი

დააჭირეთ ღილაკს, რომ ნახოთ Beagle- ის საოცარი JavaScript და CSS ანიმაცია, როდესაც მათ გვერდზე გადახვედით.

მდიდარი ანიმაცია ასევე ჩანს მიკრო ურთიერთქმედებაში. მაგალითად, LinkedIn– ზე მომხმარებელს შეუძლია გადაფაროს კარტი ოფციონალური დახვეწილი მენიუსთვის, შემდეგ კი აირჩიოს ამბის გამოტოვება ან სხვა მოქმედებების განხორციელება.

GIF ანიმაციები (სიხარულით?) აღორძინდა და შეიძლება გამოყენებულ იქნას მრავალი სხვადასხვა მიზნით, მათ შორის კომედია, დემონსტრაციები და მხოლოდ დეკორაციისთვისაც.

  1. მასალები დიზაინი

მასალები დიზაინიGoogle– ის მიერ შემუშავებული დიზაინის ენა ემყარება ბეჭდვითი დიზაინის ელემენტებს - ტიპოგრაფიას, ქსელებს, სივრცეს, მასშტაბს, ფერს და გამოსახულების გამოყენებას - საპასუხო ანიმაციებსა და გადასვლებს, შევსებას და სიღრმის ეფექტებს, როგორიცაა განათება და ჩრდილები გთავაზობთ უფრო რეალისტურ, საინტერესო და ინტერაქტიულ მომხმარებლის გამოცდილებას.

Material Design იყენებს ჩრდილს, მოძრაობას და სიღრმეს სუფთა, თანამედროვე ესთეტიკის შესაქმნელად, რომელიც ფოკუსირებულია UX– ის ოპტიმიზაციაზე ძალიან ბევრი ზარისა და სტვენით.

მასალის დიზაინის სხვა მაგალითები მოიცავს ზღვარზე გამოსახულებას, ფართომასშტაბიან ტიპოგრაფიას და განზრახ თეთრ სივრცეს.

Youtube Android Material Design Redesign Concept

  1. ბრტყელი დიზაინი

მიუხედავად იმისა, რომ Material Design გთავაზობთ მინიმალიზმის კონცეფციის ერთ მიდგომას, ბრტყელი დიზაინი კლასიკური არჩევანია რჩება სუფთა ხაზების მოყვარულთათვის. ანუ, ბრტყელი დიზაინი ხშირად განიხილება, როგორც უფრო რეალისტური, ავთენტური და კომფორტული ციფრული სახე.

ფართი ნემსი

თეთრი სივრცის, განსაზღვრული კიდეების, ძლიერი ფერების და 2D ან "ბრტყელი" ილუსტრაციების პრინციპებზე დაყრდნობით, ბრტყელი დიზაინი გთავაზობთ მრავალმხრივ სტილს, რომელიც ხშირად იყენებს ისეთ ტექნიკას, როგორიცაა ხაზის იკონოგრაფია და გრძელი ჩრდილები.

lander

  1. გაყოფილი ეკრანები

საუკეთესოდ გამოიყენება, როდესაც ორი თანაბრად მნიშვნელოვანი მიმართულება გაქვთ, ან გსურთ შემოგთავაზოთ შინაარსი ფოტოების ან მედიის გვერდით, გაყოფილი ეკრანები შესანიშნავი ახალი გზაა მომხმარებლის მხიარული და თამამი გამოცდილების მისაღებად.

ეკრანის დაყოფა

მომხმარებლებს საშუალებას მისცემენ აირჩიონ თავიანთი შინაარსი და გამოცდილება, შეგიძლიათ შექმნათ პორტალების ტიპის გამოცდილება, რომელიც სტუმრებს აცდუნებს შესვლაში.

გაყოფილი ეკრანი-ოკეანე

  1. ჩამოაგდეს Chrome

ქრომის ბამპერებისა და კლასიკური მანქანების გაფორმების გარდა, "ქრომი" გულისხმობს ვებსაიტის კონტეინერებს - მენიუები, სათაურები, ქვედა კოლონტიტრები და საზღვრები - რომლებიც შეიცავს შინაარსის შინაარსს.

ქრომის დრო

ეს შეიძლება ყურადღების გადასატანი იყოს და მრავალი კომპანია ირჩევს კონტეინერების გათავისუფლებას და სუფთა, ზღვარზე განლაგებას, საზღვრების, სათაურების ან ქვედა კოლონტიტულის გარეშე.

ქრომი-წინ

 

  1. Fold დაივიწყე

"ნაკეცის ზემოთ" არის გაზეთის ჟარგონი გაზეთის პირველი გვერდის ზედა ნახევრისთვის. მას შემდეგ, რაც გაზეთები ხშირად იკეცება და თავსდება ყუთებში და ეკრანებზე, ყველაზე დამაჯერებელი შინაარსი გადადის ფურცლებზე, რათა მათ პოტენციური მკითხველის (და მათი საფულის) ათვისების საუკეთესო შანსი მისცენ.

ვებსაიტის დიზაინში უკვე დიდი ხანია გამოყენებულია fold- ის იდეა იმ პრინციპით, რომ გადახვევა ტვირთი იყო. მაგრამ ცოტა ხნის წინ, მთლიანი ეკრანის სურათები და შინაარსი მიესალმება მომხმარებელს და ხელს უწყობს გადახვევას დამატებითი, უფრო სიღრმისეული შინაარსის გამოსავლენად.

სათესლე ლაქა

  1. სრული ეკრანის ვიდეო

ვიდეო შეიძლება იყოს შესანიშნავი გზა, რომ მიიპყრო ვიზიტორთა ყურადღება და ის ხშირად უფრო ეფექტურია, ვიდრე ვიზუალი ან ტექსტი. ვიდეოების ტილოები, როგორიცაა Apple– მა Apple Watch– ისთვის გამოიყენა, არის უნიკალური გზა ტონის დასაყენებლად და ვიზიტორების მოსაზიდად.

DK New Media

დააჭირეთ სანახავად DK New Mediaვიდეო მათ მთავარ გვერდზე

რაც შეეხება ვებდიზაინს, ბევრ სპეციფიკურ კომპონენტს კარნახობს თქვენი ინდუსტრია, ნიშა, სამიზნე ბაზარი და შინაარსი. თქვენი განლაგება დამოკიდებული იქნება იმაზე, თუ რა რეაგირებას მოახდენს სტუმრები და რა აზრი ექნება თქვენს შეტყობინებას. ამ ტენდენციების გათვალისწინებით, თქვენ გექნებათ ყველაფერი რაც თქვენ შექმნით დამაჯერებელ ვებ – გვერდს, რომელიც აკეთებს იმას, რისი გაკეთებაც გჭირდებათ, რაც აჩვენებს, რომ თქვენ იცით, როგორ უნდა გააგრძელოთ დრო.

რას ფიქრობთ?

ეს საიტი იყენებს Akismet- ს, რათა შეამციროს სპამი. შეისწავლეთ თქვენი კომენტარის მონაცემები დამუშავებული.