01 წლის 07
რა არის ვიზუალური ნაკადის?
ვიზუალური ნაკადი ატარებს მაყურებლის თვალის მეშვეობით დოკუმენტში ისე, რომ ყველა მნიშვნელოვან ელემენტებს იღებენ თავიანთი მნიშვნელობა და არაფერი იზიდავს ხედვას ან იწვევს მაყურებელს დაკარგოს ცალი. აშკარა ნაკადი ელემენტების გამოყენებით, როგორიცაა ისრები ან ციფრები, არის ყველაზე გავრცელებული გზა ვებ დიზაინერები იყენებენ ნაკადს, მაგრამ არსებობს სხვა ტიპის ელემენტები, რომლებიც შეიძლება გამოყენებულ იქნას და არასწორად გამოყენებული იქნას მკითხველისთვის კონკრეტული ბილიკის გასავლელად. ნაბიჯები ამ tutorial გაჩვენებთ მაგალითები კარგი და ცუდი ნაკადი და დაგეხმარებათ გაიგოთ ლექსიკა ვიზუალური ნაკადის დიზაინი.
ვიზუალური ნაკადი შეიძლება მიღწეული ბევრი გზით:
- ისრებით
- თანმიმდევრული სურათები ან ტექსტი ელემენტები
- პერსპექტივა
- გრადიენტი
- ზომა ცვლილებები
- მრუდები
- მოძრაობის სურათები
- სახეები - განსაკუთრებით თვალები
შემდეგ სურათებს გაჩვენებთ ვებ-გვერდებზე ნაკადის ზოგად შეცდომებს და როგორ შეასწოროთ ისინი.
02 07
დასავლური ტექსტი მიედინება მარცხნიდან მარჯვნივ
თუ გაიზარდა დასავლური ენა, თქვენ ფიქრობთ, რომ ტექსტი უნდა გადავიდეს მარცხნიდან მარჯვნივ. ასე რომ, როგორც თვალი მოძრაობს ტექსტი ხაზი, ის მოძრაობს მარცხნიდან მარჯვნივ.
ზემოხსენებულ სურათზე ჩანჩქერი მიედინება მარჯვენა მიმართულებით, ხოლო ტექსტი ჩანჩქერია. მას შემდეგ, რაც ყველამ ვიცით, რომ ჩანჩქერები ჩამონგრევისას, გათიშულია წყლის ნაკადის მიმართულებით ტექსტის ნაკადით. მაყურებლის თვალი არასწორი მიმართულებით წაიკითხავს ტექსტის წაკითხვას.
07 წლის 03
შენი ტექსტი უნდა მიედინოთ სურათები
ამ შემთხვევაში გამოსახულება შეცვლილია ისე, რომ ტექსტი იმავე მიმართულებით მიედინება წყლით. ყველა ელემენტმა გამოიწვიოს მაყურებლის თვალი წყალთან და ტექსტის ნაკადით.
04 წლის 07
მარცხნიდან მარჯვნივ
ცხენი ამ ფოტოში მარცხნიდან მარცხნივ იწყება, მაგრამ ტექსტი ინგლისურადა და ასე მარცხნივ. ხომალდის რბოლის ვიზუალური გავლენა ერთი მიმართულებით აჭარბებს მთელი დოკუმენტის ტემპს, რადგან ის სხვა მიმართულებით მიდის, ვიდრე ტექსტი.
დასავლეთის კულტურებში, რადგან ჩვენი ენები მარცხნიდან მარჯვნივ გადადიან, ჩვენ დავდგეთ მარცხნიდან მარჯვნივ, როგორც წინსვლისა და სწრაფი, ხოლო მარცხნივ მარჯვნივ უფრო უკან და ნელა. როდესაც თქვენ შექმნით განლაგებას სიჩქარის კონოტაციით, უნდა გახსოვდეთ ეს - და შეინახეთ თქვენი სურათები იმავე მიმართულებით, როგორც ტექსტი.
07 წლის 05
არ აიძულოთ Viewer- ის თვალის შემცირება
როდესაც ცხენი და ტექსტი ორივე მიმართულებით მიდიან, იგულისხმება სიჩქარე.
06 07
ნახეთ თვალები ვებ-გვერდზე
სურათების ბევრი ვებ-გვერდი ამ შეცდომას ხდის - ისინი ერთ ადამიანს ფოტოზე აქცევს, ხოლო პიროვნება კონტენტიდან გამოიყურება. ეს შეიძლება კიდევ ჩანს on.com ვებ დიზაინი საიტი ძველი დიზაინით.
როგორც ხედავთ, ჩემი ფოტო მოთავსებულია რამდენიმე ტექსტის გვერდით. მაგრამ მე ვუყურებ ამ ტექსტს, მე თითქმის უკან დავბრუნდი. თუ ჯგუფში ორ ადამიანს შორის სხეულის ენა დაინახა, ადვილი იქნებოდა ვივარაუდოთ, რომ მე არ მომწონს ადამიანი, რომელიც მე მომდევნო (ამ შემთხვევაში ტექსტის ბლოკირება).
ბევრი თვალთვალის კვლევამ აჩვენა, რომ ხალხი ხედავს სახეები ვებ გვერდებზე. და მასთან დაკავშირებულმა კვლევებმა აჩვენა, რომ სურათების ნახვისას ხალხი მაშინვე თვალს ადევნებს თვალს იმას, თუ რა სურათს უყურებს. თუ თქვენი საიტი თქვენს საიტზე გამოიყურება ბრაუზერის ზღვარზე, ეს არის ის, სადაც თქვენი კლიენტები გამოიყურებიან და შემდეგ დააჭირეთ ღილაკს.
07 07
თვალებში ნებისმიერი ფოტო უნდა გამოიყურებოდეს კონტენტი
ახალი დიზაინის in About.com, ფოტო არის ცოტა უკეთესი. ახლა ჩემი თვალები უფრო მეტყველებს და მცირედი მინიშნებაა, რომ მე ვუყურებ ჩემს მარცხს - სად არის ტექსტი.
კიდევ უკეთესი სურათი, რომ პოზიცია იქნება ერთი, სადაც ჩემი shoulders ასევე დახრილი მიმართ ტექსტი. მაგრამ ეს არის ბევრად უკეთესი გამოსავალი, ვიდრე პირველი ფოტო. და იმ სიტუაციებში, სადაც გამოსახულება იქნება შინაარსი და მარცხნივ, ეს შეიძლება იყოს კარგი კომპრომისი.
გახსოვდეთ, რომ ხალხის სახეების გამოსახულებები ყველაზე მეტად ყურადღებას ამახვილებს, იგივეა ცხოველების ფოტოები. მაგალითად, ამ ნიმუში განლაგებას, მე მაქვს ჩემი ძაღლები ეძებს მარცხენა, მაგრამ გამოსახულება არის flush უფლება. ისინი ეძებენ გვერდს. ეს განლაგება გაუმჯობესდება თუ შევცვალო ძაღლების ორიენტაცია ისე, რომ ისინი ეკრანის ცენტრში ეძებდნენ.