ვებსაიტი

საუკეთესო ვებგვერდის განლაგების მაგალითები და იდეები


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

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

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

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

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

ამასთან, როდესაც თქვენი საიტისთვის სწორი განლაგების დიზაინის არჩევაა, არსებობს რამდენიმე საერთო საწყისი წერტილი, რომლის შესაქმნელად შეგიძლიათ გამოიყენოთ.

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

ასე რომ, გადახედეთ თქვენთვის ყველაზე ხელმისაწვდომი განლაგების ვარიანტებს.

ჩვენ ვიწყებთ ყველაფერზე ყველაზე მარტივი განლაგების ნიმუშს, ერთი სვეტი.

1. ერთჯერადი სვეტის განლაგება

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

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

Medium იყენებს ერთი სვეტის განლაგებას კითხვის გამოცდილების გასაუმჯობესებლად.

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

Ocean Resort იყენებს ერთი-სვეტის დიზაინის მთელ სიგანეს, გამოსახულების ზემოქმედების მაქსიმალურად გაზრდის მიზნით.

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

მისი სიმარტივის გამო, ერთი სვეტის განლაგების გარშემო რამდენიმე გამოწვევაა. ამასთან, საჭიროა ფრთხილად გაითვალისწინოთ ინფორმაციის ნაკადი. რა ბრძანებას სჭირდება მომხმარებელი თქვენი შინაარსის სანახავად?

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

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

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

2. შინაარსის ფოკუსირებული განლაგება

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

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

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

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

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

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

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

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

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

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

3. ჟურნალის განლაგება

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

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

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

ახალი ამბების ვებსაიტები უპირატესობას ანიჭებენ ჟურნალის სტილის შექმნას.

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

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

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

სიუჟეტის ზომის მიხედვით, ისინი მომხმარებლის ყურადღებას იხელმძღვანელებენ.

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

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

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

4. ბადის დარღვევის განლაგება

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

მაგალითად, მიიღეთ VR Arles Festival- ის ვებსაიტზე. ყურადღება მიაქციეთ, თუ როგორ მიიპყრობენ ისინი თქვენს სანავიგაციო ზოლს, რომ ეს ორი სვეტი გადაფარონ.

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

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

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

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

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

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

5. ეკრანის განლაგება

როგორც ეკრანზე განლაგებულია მთელი ეკრანული განლაგება, ერთ ეკრანზე ჯდება, სადაც მომხმარებელი გადაადგილების საჭიროება არ არის. ეს მათ იდეალად აქცევს სიუჟეტებს ან პრეზენტაციებს.

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

Species and Pieces არის მდიდარი, ინტერაქტიული გამოცდილება, რომელიც ყველა ხდება, გადახვევის აუცილებლობის გარეშე.

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

არა, რომ ერთი ეკრანის მიდგომას მკაცრად უნდა მიბაძო. ერთი შეხედვით, Roux პარლამენტის მოედანზე ვებსაიტზე როგორც ჩანს, სრულ ეკრანზე ვებსაიტი იგივე გაგებითაა, რაც Species in Pieces. მათი მშვენიერი გამოსახულებები ავსებს მთელს ხედს.

ეს ვებ – გვერდი იყენებს მთელ ხედს, რომ აჩვენოს თავისი შესანიშნავი ფოტოგრაფია.

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

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

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

6. ალტერნატიული განლაგება

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

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

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

Webydo ალტერნატიული ტექსტი და გამოსახულება სხვადასხვა შინაარსის ბლოკებში მის მთავარ გვერდზე.

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

Მაგალითად, კონვერტი მოიცავს ჩვენებას და მოქმედებისკენ მოწოდებას თითოეულ ტექსტურ ბლოკში ტექსტთან ერთად.

კონვერტი შეიცავს სურათების ჩვენებებს და მოქმედებებისკენ მოწოდებებს.

ალტერნატიული ბლოკების მიზეზი იმდენად გავრცელებულია, რომ ისინი მარტივი განლაგებაა, რამდენიმე ნაკლოვანებით. თუ საჭიროა რამდენიმე გაყიდვის წერტილის კომუნიკაცია, ეს თითქმის ყოველთვის საიმედო განლაგების ვარიანტია.

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

7. ბარათზე დაფუძნებული განლაგება

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

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

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

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

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

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

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

უმჯობესია, ბარათზე დაფუძნებული განლაგება კარგად მუშაობს საპასუხოდ, რიგით ბარათების რაოდენობა ნელა მცირდება, რადგან არსებული სიგანე იკლებს.

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

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

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

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

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

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

კიდევ ერთი თანაბრად პოპულარული დიზაინი არის გმირის გამოსახულების განლაგება.

8. გმირის განლაგება

გმირის განლაგებას დაერქვა გმირის გამოსახულებები, იმ დიდი გამოსახულებები, რომელზეც ტექსტი გადახურულია, დომინირებს საწყისი გვერდებზე ამდენი ვებ – გვერდზე. Apple კარგად იყენებს კლასიკური გმირის იმიჯს.

Apple კარგად იყენებს კლასიკური გმირის სურათს.
Pixave for MacOS– ის გმირის განლაგებას კიდევ უფრო მეტი ადგილი უკავია იმით, რომ იგი დომინირებს საკუთარ საწყისი დიზაინზე.
Pixave for MacOS– ის გმირის განლაგებას კიდევ უფრო მეტი ადგილი უკავია იმით, რომ იგი დომინირებს საკუთარ საწყისი დიზაინზე.

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

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

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

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

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

გაცილებით ნაკლებად გავრცელებული განლაგების ვარიანტია ეკრანის განლაგება.

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

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

ეს საიტი იყენებს ეკრანზე განლაგების განლაგებას ორი ნაწილის შესთავაზებლად.

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

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

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

62 მენეჯმენტი გამოიყენეთ ეკრანული ეკრანის დიზაინს, რათა მომხმარებლებს მოუწოდონ არჩევანის გაკეთება ორ ვარიანტს შორის.

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

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

10. ასიმეტრიული განლაგება

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

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

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

ფელიქსი ლესუეფი იყენებს ასიმეტრიულ განლაგებას მისი საიტების ნავიგაციის ხაზგასასმელად.

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

Nourish Eats იყენებს ამ განლაგების მიდგომას მეორადი შინაარსის უფრო მკაფიოდ გამოვლენის მიზნით.

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

როგორ ავირჩიოთ განლაგება

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

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

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

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

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map