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

მიერ Creative Bloq Staff
გამოქვეყნდა

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

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

ფოკუსირება ილუსტრაციაზე

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

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

სხვადასხვა სტილის

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

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

გზის გაწმენდა

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

ხუთი მაგალითი სანახავად...

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

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

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

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

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

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

ეს ფუნქცია თავდაპირველად გამოქვეყნდა ქ .net ჟურნალი ნომერი 224.