ამ სტატიაში მე გეტყვით ბრტყელი დიზაინის შესახებ. თქვენ ალბათ უკვე გსმენიათ რაიმე ამის შესახებ, რადგან ბინა გახდა ერთ-ერთი წამყვანი ტენდენცია ინტერნეტში ბოლო რამდენიმე წლის განმავლობაში.
დღეს ჩვენ გადავხედავთ რა არის ბრტყელი დიზაინი, როგორ გაჩნდა და რა გჭირდებათ სუფთა, ნათელი და მგრძნობიარე დიზაინის შესაქმნელად.
შეგიძლიათ იპოვოთ კარგი მაგალითებიბრტყელი დიზაინი ვებსაიტზე http://market.envato.com/. არსებობს უამრავი განლაგება, ხატები და შაბლონები, რომლებიც მოგცემთ ნათლად გაგებას, თუ როგორ გამოიყურება თანამედროვე დიზაინი .
1. რა არის ბრტყელი დიზაინი?
ბრტყელი დიზაინი - თანამედროვე სტილიმომხმარებლის ინტერფეისი, ასევე გრაფიკული დიზაინი, რომელიც ხასიათდება მინიმალიზმით. ბრტყელი დიზაინი ხასიათდება ელემენტების მინიმალური გამოყენებით და ტექსტურის, ჩრდილისა და სინათლის სხვადასხვა ეფექტის არარსებობით, მაგალითად: შერეული ფერები, გრადიენტები, ხაზგასმა და ა.შ.
ბინა ეწინააღმდეგება სკეუმორფიზმს( სკეუომორფიზმი არის დიზაინის პრინციპი, როდესაც ერთ პროდუქტს ენიჭება მეორის სახე, ე.ი. როდესაც სხვადასხვა ინტერფეისის ელემენტები კოპირებულია რეალური ობიექტებიდან - დაახლ. , ისევე როგორც მდიდარი დიზაინი თუმცა, ღირს იმის თქმა, რომ ბრტყელი დიზაინი სულაც არ არის ისეთი მარტივი, როგორც ერთი შეხედვით ჩანს. იგი მოიცავს სკეუმორფიზმის ზოგიერთ მახასიათებელს, მაგრამ ამაზე ცოტა მოგვიანებით ვისაუბრებთ.
ზოგადად, ბინა მომხმარებელს ეხმარება კონტენტზე ფოკუსირებაში, ვიზუალებით ყურადღების გაფანტვის გარეშე. ბრტყელი დიზაინი ხაზს უსვამს ელემენტების სიმარტივეს, ამავდროულად ინტერფეისს უფრო მგრძნობიარე, სასიამოვნო და ადვილად გამოსაყენებლად ხდის.
2. პატარა ისტორია
ბრტყელი დიზაინი, როგორც მოგეხსენებათ, არსებობდა დიდი ხნით ადრე, ვიდრე ის გახდებოდა გლობალური ტრენდი ინტერნეტში. ბრტყელი დიზაინი საკმაოდ პოპულარული იყო 80-იან წლებში იმის გამო, რომ იმ დროს ტექნოლოგია ჯერ კიდევ არ იყო საკმარისად განვითარებული რთული ეფექტების, ტექსტურებისა და ჩრდილების მხარდასაჭერად. თუმცა, მაშინაც კი, დიზაინი მიისწრაფოდა სკეუფომორფიზმისკენ, ცდილობდა ინტერფეისის ელემენტები მაქსიმალურად რეალისტური ყოფილიყო.
ბრტყელი დიზაინი, იმ სახით, როგორშიც მას ახლა ვხედავთ, პოპულარობის მოპოვება მას შემდეგ დაიწყო, რაც მაიკროსოფტმა დაიწყო ე.წ. მეტრო სტილში პროდუქციის წარმოება. Metro არის Microsoft-ის UI დიზაინი, რომელიც გასაოცარია თავისი სტილით და სიმარტივით.
2010 წელს Microsoft-მა გამოუშვა Windows Phone 7, რომელიც იყენებდა ბრტყელ დიზაინს მკვეთრი კიდეებით და მარტივი გრაფიკით, რომელიც მემკვიდრეობით მიიღო მისი ერთ-ერთი ადრინდელი პროდუქტისგან. Microsoft (Zune). მოგვიანებით, წარმატებებით შთაგონებული, Microsoft გამოუშვა ოპერაციული სისტემა Windows 8, რომელიც დაფუძნებულია იმავე ბრტყელ მეტროს სტილზე.
ბოლოს და ბოლოს, ბრტყელ დიზაინმა პოპულარობის პიკს მიაღწია 2013 წელს, როდესაც Apple-მა გამოუშვა iOS 7, რომელიც აღჭურვილია სრულიად ახალი დიზაინით, მომხმარებლის ინტერფეისის სრულიად გადამუშავებული ელემენტებით, მათ შორის ხატები და შრიფტები. Apple-მა შექმნა UI და ხატების დიზაინის ვიზუალური პრინციპები .
მალევე, Google-მაც დაიწყო ბრტყელი სტილის გამოყენება თავის აპლიკაციებსა და ვებ გვერდებში და უწოდა მას მასალის დიზაინი. Google-ს კი აქვს მთელი განყოფილება, რომელიც ეძღვნება ამ სტილს, მათ შორისაა ვებ დიზაინის მიზნების აღწერა, მისი პრინციპები და სხვადასხვა დიზაინის ობიექტების შექმნის ინსტრუქციები: ხატები, განლაგება და ა.შ.
მას შემდეგ ბინა გახდა მთავარი ტენდენცია ვებ დიზაინში, რაც ვებსაიტებს, აპლიკაციებსა და ინტერფეისის ელემენტებს ელეგანტურს, სუფთას და ელეგანტურს ხდის.
ამრიგად, არსებობს კომპანიების ბრტყელი დიზაინის სამი გლობალური მაგალითი, რომელთა გარეშეც ძნელი წარმოსადგენია თანამედროვე სამყაროტექნოლოგიები:
მაიკროსოფტის მეტროს დიზაინი
Apple iOS 7 დიზაინი
Google-ის მასალის დიზაინი
3. გახსოვდეთ სისუფთავე
ბრტყელ დიზაინს აშკარად უწოდებენ "ბრტყელს" სამგანზომილებიანი ელემენტებისა და რეალისტური ეფექტების ნაკლებობის გამო, როგორიცაა გრადიენტები, ტექსტურები, ხაზგასმა, ნახევარტონები, ჩრდილები. გახსოვდეთ, ბრტყელი სტილი არის ობიექტების გამოსახვის ორგანზომილებიანი (ბრტყელი) გზა.
უფრო მეტიც, ბრტყელ დიზაინში, ობიექტები გამოსახულია ძალიან გამარტივებული და სტილიზებული გზით.
ზოგჯერ კი მხოლოდ ობიექტის სილუეტი ან კონტურები გამოიყენება, ე.ი. საკმარისია ობიექტის ამოცნობა, მაგრამ არ გადატვირთოს იგი უმნიშვნელო დეტალებით.
მინიმალიზმი ამ დღეებში გლობალურ ტენდენციად იქცა: ფორმების სიმარტივე და მკვეთრი კიდეების გამოყენება სუფთა და სასიამოვნო დიზაინს ქმნის. მარტივი ფორმებიუფრო გასაგები და ადვილად გასაგები. ეს ინარჩუნებს დიზაინს მინიმალისტურს და სისუფთავეს დატვირთული, დატვირთული იერის გარეშე.
4. მიიყვანეთ სრულყოფილებამდე
იცოდეთ, რომ როდესაც საქმე ეხება ბრტყელი ხატების და ინტერფეისის ელემენტების შექმნას, თქვენ უნდა გახადოთ ისინი მკაფიო, მოწესრიგებული და სრულყოფილად პიქსელებით, ე.ი. რაც შეიძლება მეტი. უფრო მეტიც, ეს ეხება როგორც რასტრულ, ასევე ვექტორულ გრაფიკას.
Adobe Photoshop აქ გასაგებია: ის მუშაობს რასტრული გრაფიკით, რომელიც დაფუძნებულია პიქსელებზე.
რაც შეეხება Adobe Illustrator პროგრამას, ის იყენებს ვექტორულ გრაფიკას, რომელიც შედგება მრუდებისა და ხაზებისგან, რომელსაც ეწოდება ვექტორები, რომლებიც მითითებულია მათემატიკური ფორმულებით.
ოდესღაც Adobe Illustrator არ იყო განსაკუთრებით მოსახერხებელი პროგრამა პიქსელებით სრულყოფილი გრაფიკის შესაქმნელად. კარგი ამბავი ის არის უახლესი ვერსიები Illustrator გახდა შესანიშნავი ინსტრუმენტი კარგი გრაფიკის შესაქმნელად.
უნდა ითქვას, რომ ვექტორული გრაფიკა ძირითადად გულისხმობს მარტივ, ბრტყელ ფორმებთან, სუფთა ფერებთან და ბადეებთან მუშაობას. სხვადასხვა სახისჩამტვრევა. ეს აადვილებს სრულყოფილი დიზაინის შექმნას, რომელიც გამოიყურება სუფთა და ელეგანტური ნებისმიერ ეკრანზე. თუ გსურთ ისწავლოთ როგორ შექმნათ სრულყოფილი გრაფიკა, მაშინ უნდა წაიკითხოთ ეს სტატია: როგორ შევქმნათ პიქსელებით სრულყოფილი ნამუშევარი Adobe Illustrator-ის გამოყენებით .
5. ფერი
ბრტყელი დიზაინის ერთ-ერთი ყველაზე სპეციფიკური მახასიათებელი, გარდა ჩრდილებისა, არის ფერის გამოყენება. ფერების უმეტესობა, რომელსაც ბრტყელი დიზაინი იყენებს თავის ელემენტებში, შედგება მხოლოდ რამდენიმე ძირითადი ფერისგან.
ბრტყელი დიზაინის ფერი არის ნათელი, მდიდარი და მდიდარი.ბრტყელი ფერის სქემა არ შემოიფარგლება რამდენიმე განსაკუთრებული ფერით, ის შეიცავს ბევრ ჩრდილს და მათი არჩევანი დამოკიდებულია მხოლოდ იმაზე, თუ რას ასახავთ, იქნება ეს ტკბილეულის ხატები თუ რეტრო სტილის დახვეწილ პალიტრაში.
ვთქვათ, რომ თქვენ ხართ ინტერფეისის დიზაინერი, რომელსაც კარგად ესმით ფერების პალიტრები და ცდილობთ ექსპერიმენტებს ფერთა პანელზე Photoshop-სა და Illustartor-ში, ურევთ ფერებს, როგორც გსურთ. თუმცა ეს პროცესი საკმაოდ რთულია და მოითხოვს კარგ ინტუიციას, გამოცდილებას და უნარებს. აქ ნახავთ რამდენიმე ხელსაწყოს, რომელიც დაგეხმარებათ შექმნათ თქვენი საკუთარი ფერების პალიტრა.
ზოგიერთი მათგანი შესაფერისია ყველა ტიპის დიზაინისა და ილუსტრაციისთვის, არა მხოლოდ ბრტყელი დიზაინისთვის. მაგალითად, Adobe Color CC, უფრო ცნობილი როგორც Cooler. დღეს მასზე წვდომა არის როგორც ვებგვერდის, ისე უშუალოდ Adobe პროდუქტების საშუალებით. Cooler არის ძალიან მოქნილი ინსტრუმენტი, რომელიც საშუალებას გაძლევთ შექმნათ თქვენი საკუთარი ფერის პალიტრა ან აირჩიოთ ბიბლიოთეკიდან მორგებული პალიტრა.
კიდევ ერთი მარტივი და მოსახერხებელი ფერის პალიტრის გენერატორი არის Coolors. უბრალოდ დააჭირეთ spacebar-ს და პროგრამა გამოიმუშავებს ფერთა პალიტრას, შეგიძლიათ ფერების მორგება, ასევე არის ექსპორტის ფუნქცია.
არსებობს რამდენიმე სხვა მსგავსი სერვისი მორგებული პალიტრებით, რომლებიც შეიძლება სასარგებლო იყოს. ამასთან, არსებობს ერთი ინსტრუმენტი, რომელიც შექმნილია სპეციალურად FlatUIColors.com-ის მიერ Designmodo-ს მიერ - სერვისი "ბრტყელი" ფერების ნაკრებით, ძალიან მოსახერხებელი სამუშაოსთვის. ეს საიტი ძალიან პოპულარული გახდა დიზაინერებს შორის, რომლებიც ეძებენ კარგი ფერის გადაწყვეტილებებს სრულყოფილი დიზაინისთვის. სცადე!
თქვენ ასევე შეგიძლიათ იპოვოთ ფერების და პალიტრების უფრო დიდი არჩევანი Google-ის მასალის დიზაინის სახელმძღვანელო.
6. გრძელი ჩრდილები
როგორც ზემოთ აღვნიშნეთ, ბრტყელი დიზაინი ხასიათდება სიმარტივით და ბევრი თავისუფალი სივრცით - რის გამოც ბრტყელი დიზაინი უარყოფს ნებისმიერი ეფექტის გამოყენებას. თუმცა, არის ერთი ეფექტი, რომელიც დამახასიათებელია ბრტყელი დიზაინისთვის. ეს ეფექტი ბინის ტენდენციად და დამახასიათებელ თვისებად იქცა.
ჩვენ ახლა ვსაუბრობთ გრძელ ჩრდილებზე. მათ აქვთ რამდენიმე ტიპიური მახასიათებელი, რაც ამ ეფექტს ცნობადს ხდის, კერძოდ: 45 გრადუსიანი დახრილობა და დიდი ზომა (ჩრდილი შეიძლება იყოს რამდენჯერმე გრძელი ვიდრე თავად საგანი. შედეგად, გრძელი ჩრდილები სიბრტყეს გარკვეულ სიღრმის ეფექტს აძლევს.
ეს ეფექტი ობიექტს უფრო სამგანზომილებიანს ხდის, მაგრამ ამავე დროს ინახავს მას ბრტყელი დიზაინის კონტექსტში.
7. შრიფტებთან მუშაობა
ბინის დიზაინში დიდ როლს თამაშობს ტიპოგრაფია. ხშირად ტექსტი ხდება კომპოზიციის მთავარი ელემენტი.
ბრტყელი დიზაინები, როგორც წესი, იყენებენ შრიფტის მარტივ სტილებს, რაც მთლიან დიზაინს სუფთა და წასაკითხად ხდის. თქვენ შეგიძლიათ იპოვოთ მრავალი უფასო შრიფტი Adobe Typekit-ში, თუ იყენებთ Adobe-ის პროდუქტებს. თქვენ ასევე იპოვით უამრავ კარგ უფასო შრიფტს Font Squirrel-ზე. მაგრამ არ დაგავიწყდეთ ლიცენზიის წაკითხვა, თუ თქვენ აპირებთ შრიფტის გამოყენებას კომერციული მიზნებისთვის.
ყველაზე ხშირად ბრტყელ დიზაინში ჩვეულებრივ გამოიყენება ზედა რეგისტრის და კონტრასტული ფერების გამოყენება, რაც ტექსტს უფრო იკითხავს.
გამოიყენეთ შრიფტები ზომიერად, გახსოვდეთ, რომ ისინი ავსებენ და ავსებენ დიზაინს, ვიდრე ცალკეულ ელემენტად გამოჩნდებიან. უბრალოდ გახსოვდეთ, რომ იყოთ მინიმალური და შეინარჩუნეთ ყველაფერი წონასწორობაში. თუმცა, ბინა ჯერ კიდევ ხშირად იყენებს sans-serif შრიფტებს, რადგან ისინი უფრო მკაცრი და მოწესრიგებულები გამოიყურებიან.
8. ბინა დიზაინის დადებითი და უარყოფითი მხარეები
მიუხედავად იმისა, რომ ბრტყელი დიზაინი ძალიან პოპულარული გახდა მისი მრავალი უპირატესობის გამო, ჯერ კიდევ არსებობს გარკვეული უარყოფითი მხარეები, რომლებსაც დიზაინერები აწყდებიან ამ სტილის გამოყენებისას. მოდით შევხედოთ დადებითი და უარყოფითი მხარეები.
დადებითი
პოპულარობა
ბრტყელი დიზაინი ტენდენციად იქცა, რომელიც სულ უფრო მეტ პოზიტიურ მიმოხილვას იძენს დიზაინერებისა და ვებ დიზაინერების მხრიდან და, როგორც ჩანს, საერთოდ არ კარგავს თავის პოზიციას. პირიქით, სულ უფრო და უფრო ვრცელდება, იძენს ახალ ფორმებსა და თვისებებს, ხდება უფრო და უფრო კრეატიული.
სიმარტივე
ბინის დიზაინი მარტივი, მინიმალისტური და სუფთაა. ბრტყელი ვებ-კონტენტი ეხმარება მომხმარებლებს კონტენტზე ფოკუსირება მოახდინონ, ვიდრე ვიზუალურმა ყურადღება გაამახვილონ. ეს ასევე მუშაობს მობილური აპლიკაციების ინტერფეისებისთვის: სუფთა დიზაინი დიდი ღილაკებით მობილურ გამოცდილებას სრულყოფილს ხდის.
სიკაშკაშე
ფერი კიდევ ერთი მაგარი პლუსია ბრტყელ დიზაინში. ნათელი და მდიდარი ფერები გამოიყურება მიმზიდველი და სუფთა, ხოლო გრადიენტების ნაკლებობა დიზაინს ელეგანტურს ხდის. უფრო მეტიც, ასეთი სუფთა ფერები მას უფრო პოზიტიურს და წარმოჩენას ხდის, ქმნის სწორ განწყობას.
ხარვეზები
ბინას კიდევ ბევრი უპირატესობა აქვს, მაგრამ არცერთი დიზაინი არ არის სრულყოფილი და ჩვენ არ შეგვიძლია მისი იდეალიზება. აქ არის ბრტყელი დიზაინის რამდენიმე უარყოფითი მხარე, რომელიც უნდა აღვნიშნოთ:
ურეაქციოდობა
ზოგჯერ მნიშვნელოვანი დეტალების ან ვიზუალური ეფექტების ნაკლებობა ართულებს მომხმარებლისთვის მოსახერხებელი ინტერფეისის შექმნის პროცესს და ეს ზოგადად მთელ დიზაინს არ რეაგირებს. ყველა მომხმარებელი არ გრძნობს თავს კომფორტულად სიბრტყეში, რადგან ძნელია იპოვოთ ელემენტები ვებ გვერდზე, რომელზეც უნდა დააჭიროთ ან შეეხოთ ეკრანს მობილური ტელეფონირადგან ისინი არ არიან ინტერაქტიული.
პრობლემები ტიპოგრაფიასთან
როგორც უკვე აღვნიშნეთ, ყველა შრიფტი არ შეიძლება იყოს შესაფერისი ბრტყელი დიზაინისთვის. ზოგჯერ ასეთი მდიდარი შრიფტი მკვეთრი კიდეებით გამოიყურება ნამდვილად დაბალანსებული და ელეგანტური. თუმცა, თუ შრიფტი არასწორად არის არჩეული, მას შეუძლია გააფუჭოს მთელი დიზაინი. თქვენ უნდა გქონდეთ ნამდვილად კარგი შეგრძნება, თუ რომელი შრიფტი შესაფერისია ბრტყელისთვის და რომელი არა.
სუსტი ვიზუალი
ეფექტების, ფერების და შრიფტების გამოყენების შეზღუდვების გამო, ბრტყელი დიზაინი შეიძლება ძალიან მარტივი და ცივი გამოიყურებოდეს. მისი მინიმალიზმი ასევე შეიძლება იყოს მისი მთავარი ნაკლი - სხვა ბრტყელი დიზაინები ზუსტად ისე გამოიყურება, როგორც თქვენი. ასე რომ, ძალიან რთულია თქვენი ხატები ან ვებ გვერდები სხვისი დიზაინისგან განსხვავებულად გამოიყურებოდეს, რადგან თქვენ იყენებთ იგივე გამარტივებულ ფორმებს, შეზღუდულ ფერთა პალიტრებს და მსგავს შრიფტებს. შედეგად, ბრტყელი დიზაინი დროთა განმავლობაში შეიძლება მოსაწყენი გახდეს.
9. ბინის დიზაინის მომავალი ტენდენციები
არ შეიძლება ითქვას, რომ ბრტყელი დიზაინი სრულად ჩამოყალიბდა და შეჩერდა, ალბათ, მისი ნაკლოვანებების გამო, რომელიც ისწრაფვის განვითარებისა და ცვლილებისკენ, იძენს ახალ მახასიათებლებს და აძლიერებს ვიზუალურ ექსპრესიულობას.
თუ კარგად დააკვირდებით ბრტყელი დიზაინის ბოლო მაგალითს, შეამჩნევთ, რომ ეს ნამდვილადთანდათან შორდება მკაცრ ინსტრუმენტებს და იწყებს ისეთი დახვეწილი ეფექტების დამატებას, როგორიცაა: გრადიენტები, ჩრდილები, განათება და სხვა ვიზუალური ეფექტები.
ეს პატარა შეხება ანიჭებს ბრტყელ დიზაინს გარკვეულ სიღრმეს ისე, რომ არ იყოს ზედმეტად დეტალური, როგორც სკეუმორფული დიზაინები.
ამრიგად, ბინა არ კარგავს თავის თვისებებს, არამედ ხდება უფრო საინტერესო და მოქნილი- ის ნამდვილად უკეთესდება.
დასკვნები
ამრიგად, ჩვენ განვიხილეთ რამდენიმე ფაქტი ბრტყელი დიზაინის ისტორიიდან და ვისაუბრეთ ფერებზე, ფორმებსა და ტიპოგრაფიაზე. ჩვენ გადავხედეთ სხვადასხვა თვალსაზრისს, გავამახვილეთ ყურადღება ბინის უპირატესობებსა და ნაკლოვანებებზე და ვისწავლეთ კარგი დიზაინის შექმნის რამდენიმე ძირითადი პრინციპი.
ვიმედოვნებ, რომ თქვენ მიიღეთ ახალი ინფორმაცია ამ სტატიიდან ან მაინც თქვენთვის საინტერესო აღმოჩნდა. თქვენ უნდა სცადოთ ბრტყელი დიზაინის შექმნა, თუ ეს აქამდე არ გაგიკეთებიათ.
ბოლოს და ბოლოს, კიდევ რა შეიძლება ითქვას ბრტყელ დიზაინზე?
თუ ნამდვილად მოგწონთ ბინა თავისი მკვეთრი კიდეებით, მდიდარი ფერებითა და მკვეთრი შრიფტებით, მისი სისუფთავით და მინიმალიზმით, მაშინ წადით!
ეს არის მოდური, მაგრამ როგორც ნებისმიერი გრაფიკული სტილი, არ შემოიფარგლოთ მხოლოდ ერთი ტექნიკით. მხოლოდ იმიტომ, რომ ბინა მოდურია, არ ნიშნავს, რომ თქვენ არ შეგიძლიათ გამოიყენოთ სხვა სტილი თქვენს პროექტში. Skeuomorphism, თავისი პატარა დეტალებითა და ტექსტურებით, ასევე შეიძლება იყოს კარგი გამოსავალი. მთავარია გვახსოვდეს, რომ დიზაინი განსხვავებულია თითოეული პროექტისთვის, ის უნდა გამოხატავდეს მის სულს, დანიშნულებას, არსს და დარჩეს მოსახერხებელი და ფუნქციონალური. წინ!
ბრტყელი დიზაინი ან ბრტყელი სტილიარსებობდა ჯერ კიდევ 80-იან წლებში და არ ჰქონდა ალტერნატივა, რადგან ტექნოლოგიის დონე არ იძლეოდა რთულ ტექსტურებთან მუშაობის საშუალებას. დროთა განმავლობაში ისინი პირველად გამოჩნდნენ მარტივი ელემენტებისკევომორფიზმი (რეალური ობიექტების იმიტაცია), შემდეგ კი ვიზუალური ფსევდო ამოზნექის რთული გამოვლინებები.
მოდა ციკლურია და 2010 წლიდან, ბრტყელი დიზაინი სწრაფად დაიბრუნა პოპულარობა მანამ, სანამ 2014 წელს არ გახდა ახალი სტანდარტი კომპიუტერული დამხმარე დიზაინში.
ბრტყელი დიზაინის ევოლუცია
თავდაპირველად, ბრტყელი დიზაინი ჩაფიქრებული იყო, როგორც სკუმორფიზმის საპირისპირო. ჩრდილები, გრადიენტები და მოცულობის ნებისმიერი მინიშნება უარყოფილი იყო. მაიკროსოფტი იყო პირველი, ვინც განახორციელა ეს კონცეფცია. მაგრამ გამოყენებადობის ტესტირების შემდეგ, აღმოჩნდა, რომ მომხმარებლებს უჭირდათ ინტერფეისის ზოგიერთი ელემენტის იდენტიფიცირება. ამრიგად, ფოკუს ჯგუფმა ვერ გაიგო, რომელი ხატულა იყო დაწკაპუნებული და რომელი არა, რადგან ისინი ყველა ბრტყელი იყო. მეტი მეტი პრობლემაგამოჩნდა დაწკაპუნებადი წარწერებით, რადგან ისინი ობიექტების სტანდარტულ წარწერას ჰგავდა.
ამასთან დაკავშირებით გამოჩნდა ბრტყელი დიზაინის ადაპტირებული ვერსია - ბრტყელი 2.0 ან ნახევრად ბრტყელი დიზაინი. მას აქვს დაბალი კონტრასტი და დახვეწილი ჩრდილები, რომლებიც აჩვენებენ მომხმარებელს, რომ ხატულა დაწკაპუნებულია. როდესაც ადამიანები საუბრობენ ბრტყელ დიზაინზე, ისინი გულისხმობენ ბრტყელ 2.0 ვერსიას. ამ სტილის განვითარებით, ფსევდოჩრდილები და სინათლის კონტრასტი კვლავ შეიცვალა ობიექტების სრული სიბრტყით. ამავდროულად, ინტერნეტში, ელემენტების დაწკაპუნების კონცეფციისთვის, უბრალოდ ფერის შეცვლა კონტრასტულზე იმავე ბრტყელ სტილში, გრადიენტების გამოყენების გარეშე, დაიწყო გამოყენება.
ბინის დიზაინის პრინციპები
1. ორგანზომილებიანი გრაფიკა.
ბრტყელ დიზაინში აქცენტი კეთდება ობიექტის კონტურზე. დიზაინერი არ ისწრაფვის რეალიზმისკენ, მისი ამოცანაა არსის გადმოცემა მარტივი ორგანზომილებიანი ფორმების გამოყენებით.
2. ხატები.
მარტივი ხატების გამოყენება მკაფიო მოწოდებით (ფლოპი დისკი ან ღრუბლოვანი საცავის ხატულა, რომელიც გთხოვთ ფაილის შენახვას) ინტერფეისს უფრო მარტივს და ინტუიციურს ხდის.
3. მარტივი შრიფტები.
ბრტყელი სტილი დიდ ყურადღებას აქცევს ზოგადად ტიპოგრაფიას და კონკრეტულად შრიფტებს. ბრტყელი დიზაინი გულისხმობს მინიმალისტური sans-serif შრიფტები და ნებისმიერი დეკორაცია აკრძალულია. შრიფტის ხასიათი უნდა ავსებდეს პროექტის კონცეფციას და არ გადაუხვიოს საერთო სტილს.
4. ფერებით თამაში.
იმის გამო, რომ ბრტყელი დიზაინი არ იძლევა გრადიენტულ გადასვლებს, შექმნილი ელემენტის სტილში შეიძლება და უნდა იყოს გამოყენებული რამდენიმე ძირითადი ფერი, ხშირად ერთმანეთისგან განსხვავებით.
5. მინიმალიზმი.
ბრტყელი დიზაინი მოიცავს ობიექტების ვიზუალიზაციას, მთელი ეკრანის გამოყენებას, მაგრამ ამავე დროს ინფორმაციის მინიმიზაციას. ეს ნიშნავს, რომ დიზაინერი არ ცდილობს შეავსოს მთელი თავისუფალი ადგილი და არ ეშინია ცარიელი სივრცის.
6. მარტივი ფონის სურათები.
უბრალო ფონი - საუკეთესო არჩევანი. თქვენ შეგიძლიათ დაივიწყოთ სურათები a la აგურის კედლებიან ლეოპარდის კანი. მშვიდი და ძლივს შესამჩნევი ფონის ფერები არ იქცევს ყურადღებას და საშუალებას აძლევს ვიზიტორს ყურადღება გაამახვილოს ინტერფეისის მნიშვნელოვან ელემენტებზე.
ყველა ამ პრინციპის გათვალისწინებით, არსებობს მოსაზრება, რომ ბრტყელი დიზაინის შექმნა მარტივია. სინამდვილეში, ეს არის ბრტყელი დიზაინი, რომელიც დიდ ყურადღებას აქცევს დეტალებს და მოძრაობისა და რიტმის გადაცემას. დიზაინერის წინაშე დგას ამოცანა, შექმნას მიმზიდველი, ნათელი და სრული სურათი მხოლოდ მარტივი ფორმების გამოყენებით.
ბრტყელი დიზაინის უპირატესობები ვებსაიტისთვის
1. ტექსტის კითხვადობა.
ბრტყელ დიზაინში აქცენტი კეთდება არა გრაფიკაზე, არამედ ტექსტზე, რაც აუმჯობესებს მის აღქმას. გარდა ამისა, გამოიყენება მარტივი შრიფტები, რომლებიც ყურადღებას არ აქცევენ საკუთარ თავს.
2. საიტის ჩატვირთვის დრო.
მძიმე გრაფიკისა და რთული ელემენტების არარსებობის გამო, გვერდები სწრაფად იტვირთება და არ იყინება. Google-ის გვერდიც კი უფრო სწრაფად იტვირთება მას შემდეგ, რაც კომპანიამ ლოგო ბრტყელი და მარტივი შრიფტით შეცვალა.
3. SEO ოპტიმიზაცია.
ეს პუნქტი გამომდინარეობს წინადან. გვერდის ჩატვირთვის სიჩქარე გავლენას ახდენს ძიების შედეგების რეიტინგზე. ამრიგად, უბრალოდ დიზაინის სტილის შეცვლით, შეგიძლიათ გაზარდოთ თქვენი რესურსი ძიების შედეგებში. გარდა ამისა, Google ახლა იყენებს ტექნოლოგიას, რომელიც აღნიშნავს ნელი დატვირთვის საიტებს სპეციალური ხატით. ეს ნიშნავს, რომ თქვენი ვიზიტორთა რაოდენობა შეიძლება შემცირდეს, თუ არ მოერგებით თქვენი ვებსაიტის დიზაინს.
4. გარეგნობა.
როგორ ფიქრობთ, რამდენი დრო სჭირდება მომხმარებელს აზრის ჩამოყალიბებას რესურსზე? წუთი? იქნებ 30 წამი? სწორი პასუხი: 0.05 წამი! ამ დროის განმავლობაში შეუძლებელია საიტის შინაარსის შესწავლა, მაგრამ შეგიძლიათ სკანირება გარეგნობადა გაიგოთ რა შეგრძნებებს იწვევს. ბრტყელი დიზაინი ეუბნება მომხმარებლებს, რომ თქვენი საიტი არის თანამედროვე, რომ ის მუშავდება და ეს უკვე საბაზისო ნდობის ფორმირების წინაპირობაა.
სად შეიძლება გამოიყენოთ ბრტყელი დიზაინი?
ბრტყელი დიზაინი განსაკუთრებით აქტუალურია მობილური აპლიკაციების შემუშავებისა და საპასუხო ვებსაიტების დიზაინისთვის. გარდა ამისა, ბრტყელი სტილი თანდათან გადადის ციფრული სამყაროდან რეალურზე.
ელემენტები კორპორატიული იდენტურობა, სხვადასხვა ტიპისდაბეჭდილი პროდუქტები "ბრტყელი" ადაპტაციით, სათანადოდ შესრულებისას, გამოიყურება ძალიან ორიგინალური. აღსანიშნავია, რომ ძალიან საინტერესო გამოსავალია დიზაინის პროექტებში ბრტყელი ხაზოვანი სტილის გამოყენება.
დღევანდელი ტენდენციებით თუ ვიმსჯელებთ, ბრტყელი სტილი მალე გახდება სტანდარტი არა მხოლოდ ციფრული სფეროსთვის. მაშ, იქნებ ახლა ღირს რებრენდინგის განხილვა და ბრტყელი დიზაინის პროექტების შექმნა?
თუ მოგეწონათ ან თქვენთვის სასარგებლო აღმოჩნდა ეს სტატია, მოხარული ვიქნებით მივიღოთ მცირე წახალისება ბმულის სახით სოციალურ ქსელებში. ამისათვის დააჭირეთ ნებისმიერ ღილაკს სოციალური ქსელიმდებარეობს ქვემოთ.
ბრტყელი დიზაინი დღეს ერთ-ერთი მთავარი ტენდენციაა, როგორც ვებ დიზაინის, ასევე მომხმარებლის ინტერფეისის შექმნის ტექნოლოგიების სფეროში. უახლეს მაგალითებს შორის ყველაზე თვალსაჩინოა Microsoft-ის გადამწყვეტი ნაბიჯი ამ მიმართულებით Windows 8-ით და Google-ის ახალი დიზაინით, მინიმალიზმში ღრმა ჩაღრმავების სურვილის აშკარა დემონსტრირებით.
აქ მოცემულია ელემენტების მაგალითები, რომლებიც განსაზღვრავენ.
ცხოვრება ვებ 2.0-ის შემდეგ
ელემენტების მომრგვალებული ფორმების სახით ყველა სახის ეფექტებით - 3D, ჩრდილები, ხაზგასმა და ასახვა, გრადიენტები, ჭედურობა. ერთი სიტყვით, ყველაფერი, რაც ქმნის სიღრმეს და მოცულობას. დიდი, ნათელი კონტროლი, პრიალა, ტექსტურები და სხვა მსგავსი გამონათქვამები ადგილს უთმობს ვიზუალური ობიექტების მარტივ, ორგანზომილებიან წარმოდგენებს.
ფლოტის დიზაინი
ტიპოგრაფია სტილის ცენტრშია
გთხოვთ გაითვალისწინოთ, რომ ეს არის "ბრტყელი" საიტის მშენებლობის საფუძველი. ბრტყელი დიზაინის ელემენტების სიმარტივე, ისევე როგორც თავად მინიმალიზმის პრინციპები, ზრდის ტიპოგრაფიის მნიშვნელობას. შესაძლებელია, პრინციპში, ზოგიერთი მძიმე გრაფიკის ან გამოსახულების შეცვლა ტექსტური შინაარსით. დღეს ბევრ ვებსაიტზე ტიპოგრაფია დიზაინად იქცა. ბუნებრივია, რადგან ბრტყელი დიზაინი ხშირად მინიმალისტურია, შრიფტების ბუნება უნდა შეესაბამებოდეს საერთო სქემას, სტილს და კომპოზიციას. მაგალითად, ზედა რეგისტრი ხშირად გამოიყენება ელემენტების ან სათაურებისთვის.
კოდერვოლი
ასევე წაიკითხეთ: 12 ძირითადი ფერი და მომხმარებლების მიერ მათი აღქმის მაგალითები
ბრტყელი დიზაინის ფერის პალიტრა
ბრტყელი დიზაინი ასევე მოძრაობს ფერების უფრო დიდი მრავალფეროვნებისაკენ. ვებ დიზაინერები სულ უფრო ხშირად იყენებენ ფერთა პალიტრებს, რათა განახორციელონ, ალბათ, ყველაზე ძირითადი დიზაინის პრინციპი: ვებსაიტი უნდა განსხვავდებოდეს მისი თანატოლებისგან.
მინიმალური მაიმუნი
თავისუფალი ადგილი, დიდი ელემენტები
თავიდან ბოლომდე მას აქვს მინიმალისტური საფუძველი, რაც იმას ნიშნავს, რომ იგი იღებს მის ძირითად პრინციპებს: შინაარსის დიდი ბლოკები, დიდი ელემენტები, თავისუფალი სივრცე, ზედმეტი აურზაური და პრეტენზიულობა.
წვერის დიზაინი
ხატების, ღილაკების, ილუსტრაციების ბრტყელი დიზაინი
ღილაკები, ხატები, სამკერდე ნიშნები და ილუსტრაციები ასევე იღებენ 2D იერს. ისინი უნდა შეესაბამებოდეს მითითებულ სტილს საიტის ყველა გვერდზე, გადმოსცენ თავად საიტის განწყობას და ადვილად გასაგები იყოს ნებისმიერი მომხმარებლისთვის.
ხატებისთვის ფერების არჩევა, ისევე როგორც თავად ხატები, ადვილი საქმე არ არის. შეგიძლიათ გამოიყენოთ სუფთა ფერები. დიზაინის გაფორმების მიზნით, თქვენ უნდა იფიქროთ იმაზე, თუ როგორ გახადოთ საიტი მარტივი გამოსაყენებლად. ერთის მხრივ, მნიშვნელოვანია, რომ არ დაირღვეს სტილი, მაგრამ მეორეს მხრივ, აუცილებელია, რომ ხატები იყოს შესამჩნევი. ილუსტრაციებში ჩვენ ვცდილობთ მინიმალიზმისკენ, თავიდან ავიცილოთ ადრე პოპულარული 3D ეფექტები.
ასევე წაიკითხეთ: 20+ შთამაგონებელი ვებსაიტი ბრტყელი ილუსტრაციებით დიზაინში
ვებსაიტების შაბლონების მაგალითები ბრტყელი დიზაინის ბინა UI
ვებსაიტების მაგალითები ბინა დიზაინის სტილში
იდენტობა
83 დიზაინის კოლექტივი
ფრუნატიული
ქოლგის ჯგუფი 
Slcl ფონდი 
ჩემი თექის
ბეჰზადი
ატლანტი 
რძესავით მარტივი 
ვერანდას ოჯახი
ბინის დიზაინი მომავალი წლების დიზაინის მთავარი მიმართულებაა, ამიტომ გეპატიჟებით უკეთ გაეცნოთ მას და გაეცნოთ მის საფუძველს 5 ფუნდამენტურ პრინციპს.
შესავალი ბინის დიზაინში
რუსულად, ბრტყელი დიზაინი ითარგმნება როგორც "ბრტყელი დიზაინი" და ის გახდა აბსოლუტური ფავორიტი მას შემდეგ, რაც Apple-მა წარადგინა iOS OS. ყურადღება გამახვილდა მინიმალისტურ მიდგომაზე გამოყენებადობის დიზაინისადმი. ყურადღება გამახვილებულია მომხმარებლის კომფორტზე. ეს არის გამოხატული პროტესტი „სკვეფორმიზმის“ წინააღმდეგ (ობიექტების ვიზუალიზაცია, როგორც სინამდვილეში). არჩევანი უფრო გამარტივებულ და ამავდროულად უფრო მარტივ ესთეტიკურ გადაწყვეტილებებზე დაეცა. რეალისტური ვიზუალიზაციებით დაღლილი მომხმარებლები სიამოვნებით შეხვდნენ ამ მიმართულებას და უფრო და უფრო მეტი ვებ პროექტი გადადის ამ ფორმატზე.
მინდა აღვნიშნო, რომ "ბინა" არ ნიშნავს "მოსაწყენს". ბრტყელი დიზაინის გადაწყვეტილებები შეიძლება იყოს ლამაზი, ისინი უფრო დახვეწილი, სუფთა, ზედმეტობის გარეშე, გარდაიქმნება "მშვიდობის კუნძულად". ისინი საბოლოოდ აქცევენ შინაარსს გასაგებს. რჩება მხოლოდ ძირითადი პრინციპების სწავლა, რათა გამოიყენონ ისინი პრაქტიკაში.
პრინციპი No1: არასაჭირო ეფექტების გარეშე"ბრტყელი" დიზაინი არ ცდილობს მოცულობის გადმოცემას, ამიტომ იგი ეფუძნება ორგანზომილებიან ვიზუალიზაციას. ეს ნიშნავს, რომ თქვენ ვერ ნახავთ ჩრდილებს, ანარეკლს ან ხაზგასმას ტექსტურებით (გარდა გრძელი ჩრდილებისა). მხოლოდ კონტურების გადატანა და მეტი არაფერი.
რეკომენდირებულია დიზაინში მონოსილაბური ფიგურების გამოყენება, ასევე კონტურების სიცხადის მონიტორინგი, რაც გამიზნულია სიმსუბუქისა და უწონობის ხაზგასასმელად. გარდა ამისა, ასეთი ლაკონური ელემენტები კარგად მიბაძავს სენსორს, წარმოქმნის ობიექტთან ურთიერთობის სურვილს (დაჭერის, შეხების მოწვევა). თუმცა, ელემენტების სიმარტივე არ უდრის მთლიანი დიზაინის სიმარტივეს - ეს ეხება მხოლოდ კონტურებს. შედეგად, ყველაფერი, რასაც მომხმარებელი ხედავს, მისთვის გასაგებია და მას მარტივად შეუძლია გამოიყენოს იგი.
ბრტყელი დიზაინი მოითხოვს უკიდურეს სიფრთხილეს შრიფტებთან მუშაობისას. ანუ მათმა ხასიათმა უნდა შეავსოს დიზაინის სქემა მას წინააღმდეგობის გარეშე. უფრო მეტიც, ბრტყელ დიზაინში, შრიფტი ასევე არის ნავიგაციის მთავარი ელემენტი.
არა მხოლოდ შრიფტი, არამედ ფერიც "ბრტყელი" დიზაინის განუყოფელი ნაწილია. პალიტრების დიდი უმრავლესობა დაფუძნებულია 2-3 ფერზე, თუმცა, რა თქმა უნდა, არის გამონაკლისებიც. ჩვეულებრივ არჩევენ მდიდარ და ნათელ, მაგრამ ამავე დროს სუფთა ფერებს. როგორც აღინიშნა, არ არის გრადიენტები ან არასაჭირო გადასვლები.
ბრტყელი დიზაინი არის ნათელი მაგალითიისეთი გლობალური ტენდენცია, როგორიცაა მინიმალიზმი. დიზაინერები უარს ამბობენ არასაჭირო ზარებსა და სასტვენებზე, შორდებიან ვიზუალიზაციის კომპლექსურ და იმპლიციტურ მიდგომებს, რაც ნაყოფს იძლევა მომხმარებლის აქტივობის სახით.
ბინა თუ თითქმის ბინა? ჩვენ ვეძებთ კომპრომისს!
დასასრულს, მინდა აღვნიშნო, რომ დღეს სინერგიაა ბრტყელ და არაბრტყელ დიზაინს შორის. ეს დაახლოებით"თითქმის ბრტყელი" დიზაინის შესახებ. ეს არის აღწერილი კონცეფციის ყველაზე გავრცელებული გამოყენება, როდესაც, მარტივ და ლაკონურ ელემენტებთან და ორგანზომილებიან სივრცესთან ერთად, დიზაინერები იყენებენ 1-2 ტექნიკას სიღრმისა და პერსპექტივისთვის.
ასევე 2017 წლის ტენდენცია იყო ნახევრად ბრტყელი დიზაინი - ნახევრად ბრტყელი დიზაინი. მასალის დიზაინის გავლენით, ის ცოტა უფრო სივრცითი გახდა. ჩნდება მსუბუქი ჩრდილები, რომლებიც დიზაინს ნახევრად ბრტყლად აჩენს. ბრტყელი დიზაინი დღესაც აქტუალურია ჩრდილების გამო, უფრო ღრმა და რთული გახდა, მაგრამ ძირითადი კონცეფცია არ ირღვევა.
ამ სტატიაში მე გეტყვით ბრტყელი დიზაინის შესახებ. თქვენ ალბათ უკვე გსმენიათ რაიმე ამის შესახებ, რადგან ბინა გახდა ერთ-ერთი წამყვანი ტენდენცია ინტერნეტში ბოლო რამდენიმე წლის განმავლობაში.
დღეს ჩვენ გადავხედავთ რა არის ბრტყელი დიზაინი, როგორ გაჩნდა და რა გჭირდებათ სუფთა, ნათელი და მგრძნობიარე დიზაინის შესაქმნელად.
თქვენ შეგიძლიათ იპოვოთ ბრტყელი დიზაინის კარგი მაგალითები http://market.envato.com/-ზე. არსებობს უამრავი განლაგება, ხატები და შაბლონები, რომლებიც მოგცემთ ნათლად გაგებას, თუ როგორ გამოიყურება თანამედროვე დიზაინი .
1. რა არის ბრტყელი დიზაინი?
ბინა დიზაინი არის მომხმარებლის ინტერფეისისა და გრაფიკული დიზაინის თანამედროვე სტილი, რომელიც ხასიათდება მინიმალიზმით. ბრტყელი დიზაინი ხასიათდება ელემენტების მინიმალური გამოყენებით და ტექსტურის, ჩრდილისა და სინათლის სხვადასხვა ეფექტის არარსებობით, მაგალითად: შერეული ფერები, გრადიენტები, ხაზგასმა და ა.შ.
ბინა ეწინააღმდეგება სკეუმორფიზმს( სკეუომორფიზმი არის დიზაინის პრინციპი, როდესაც ერთ პროდუქტს ენიჭება მეორის სახე, ე.ი. როდესაც სხვადასხვა ინტერფეისის ელემენტები კოპირებულია რეალური ობიექტებიდან - დაახლ. , ისევე როგორც მდიდარი დიზაინი თუმცა, ღირს იმის თქმა, რომ ბრტყელი დიზაინი სულაც არ არის ისეთი მარტივი, როგორც ერთი შეხედვით ჩანს. იგი მოიცავს სკეუმორფიზმის ზოგიერთ მახასიათებელს, მაგრამ ამაზე ცოტა მოგვიანებით ვისაუბრებთ.
ზოგადად, ბინა მომხმარებელს ეხმარება კონტენტზე ფოკუსირებაში, ვიზუალებით ყურადღების გაფანტვის გარეშე. ბრტყელი დიზაინი ხაზს უსვამს ელემენტების სიმარტივეს, ამავდროულად ინტერფეისს უფრო მგრძნობიარე, სასიამოვნო და ადვილად გამოსაყენებლად ხდის.
2. პატარა ისტორია
ბრტყელი დიზაინი, როგორც მოგეხსენებათ, არსებობდა დიდი ხნით ადრე, ვიდრე ის გახდებოდა გლობალური ტრენდი ინტერნეტში. ბრტყელი დიზაინი საკმაოდ პოპულარული იყო 80-იან წლებში იმის გამო, რომ იმ დროს ტექნოლოგია ჯერ კიდევ არ იყო საკმარისად განვითარებული რთული ეფექტების, ტექსტურებისა და ჩრდილების მხარდასაჭერად. თუმცა, მაშინაც კი, დიზაინი მიისწრაფოდა სკეუფომორფიზმისკენ, ცდილობდა ინტერფეისის ელემენტები მაქსიმალურად რეალისტური ყოფილიყო.
ბრტყელი დიზაინი, იმ სახით, როგორშიც მას ახლა ვხედავთ, პოპულარობის მოპოვება მას შემდეგ დაიწყო, რაც მაიკროსოფტმა დაიწყო ე.წ. მეტრო სტილში პროდუქციის წარმოება. Metro არის Microsoft-ის UI დიზაინი, რომელიც გასაოცარია თავისი სტილით და სიმარტივით.
2010 წელს Microsoft-მა გამოუშვა Windows Phone 7, რომელიც იყენებდა ბრტყელ დიზაინს მკვეთრი კიდეებით და მარტივი გრაფიკით, რომელიც მემკვიდრეობით მიიღო მისი ერთ-ერთი ადრინდელი პროდუქტისგან. Microsoft (Zune). მოგვიანებით, წარმატებებით შთაგონებულმა, მაიკროსოფტმა გამოუშვა Windows 8 ოპერაციული სისტემა იმავე ბრტყელ მეტრო სტილზე დაფუძნებული.
ბოლოს და ბოლოს, ბრტყელ დიზაინმა პოპულარობის პიკს მიაღწია 2013 წელს, როდესაც Apple-მა გამოუშვა iOS 7, რომელიც აღჭურვილია სრულიად ახალი დიზაინით, მომხმარებლის ინტერფეისის სრულიად გადამუშავებული ელემენტებით, მათ შორის ხატები და შრიფტები. Apple-მა შექმნა UI და ხატების დიზაინის ვიზუალური პრინციპები .
მალევე, Google-მაც დაიწყო ბრტყელი სტილის გამოყენება თავის აპლიკაციებსა და ვებ გვერდებში და უწოდა მას მასალის დიზაინი. Google-ს კი აქვს მთელი განყოფილება, რომელიც ეძღვნება ამ სტილს, მათ შორისაა ვებ დიზაინის მიზნების აღწერა, მისი პრინციპები და სხვადასხვა დიზაინის ობიექტების შექმნის ინსტრუქციები: ხატები, განლაგება და ა.შ.
მას შემდეგ ბინა გახდა მთავარი ტენდენცია ვებ დიზაინში, რაც ვებსაიტებს, აპლიკაციებსა და ინტერფეისის ელემენტებს ელეგანტურს, სუფთას და ელეგანტურს ხდის.
ამრიგად, არსებობს კომპანიების ბრტყელი დიზაინის სამი გლობალური მაგალითი, რომელთა გარეშეც ძნელი წარმოსადგენია თანამედროვე ტექნოლოგიების სამყარო:
მაიკროსოფტის მეტროს დიზაინი
Apple iOS 7 დიზაინი
Google-ის მასალის დიზაინი
3. გახსოვდეთ სისუფთავე
ბრტყელ დიზაინს აშკარად უწოდებენ "ბრტყელს" სამგანზომილებიანი ელემენტებისა და რეალისტური ეფექტების ნაკლებობის გამო, როგორიცაა გრადიენტები, ტექსტურები, ხაზგასმა, ნახევარტონები, ჩრდილები. გახსოვდეთ, ბრტყელი სტილი არის ობიექტების გამოსახვის ორგანზომილებიანი (ბრტყელი) გზა.
უფრო მეტიც, ბრტყელ დიზაინში, ობიექტები გამოსახულია ძალიან გამარტივებული და სტილიზებული გზით.
ზოგჯერ კი მხოლოდ ობიექტის სილუეტი ან კონტურები გამოიყენება, ე.ი. საკმარისია ობიექტის ამოცნობა, მაგრამ არ გადატვირთოს იგი უმნიშვნელო დეტალებით.
მინიმალიზმი ამ დღეებში გლობალურ ტენდენციად იქცა: ფორმების სიმარტივე და მკვეთრი კიდეების გამოყენება სუფთა და სასიამოვნო დიზაინს ქმნის. მარტივი ფორმები უფრო ნათელი და ადვილად გასაგებია. ეს ინარჩუნებს დიზაინს მინიმალისტურს და სისუფთავეს დატვირთული, დატვირთული იერის გარეშე.
4. მიიყვანეთ სრულყოფილებამდე
იცოდეთ, რომ როდესაც საქმე ეხება ბრტყელი ხატების და ინტერფეისის ელემენტების შექმნას, თქვენ უნდა გახადოთ ისინი მკაფიო, მოწესრიგებული და სრულყოფილად პიქსელებით, ე.ი. რაც შეიძლება მეტი. უფრო მეტიც, ეს ეხება როგორც რასტრულ, ასევე ვექტორულ გრაფიკას.
Adobe Photoshop აქ გასაგებია: ის მუშაობს რასტრული გრაფიკით, რომელიც დაფუძნებულია პიქსელებზე.
რაც შეეხება Adobe Illustrator პროგრამას, ის იყენებს ვექტორულ გრაფიკას, რომელიც შედგება მრუდებისა და ხაზებისგან, რომელსაც ეწოდება ვექტორები, რომლებიც მითითებულია მათემატიკური ფორმულებით.
ოდესღაც Adobe Illustrator არ იყო განსაკუთრებით მოსახერხებელი პროგრამა პიქსელებით სრულყოფილი გრაფიკის შესაქმნელად. კარგი ამბავი ის არის, რომ Illustrator-ის უახლესი ვერსიები გახდა შესანიშნავი ინსტრუმენტი კარგი გრაფიკის შესაქმნელად.
უნდა ითქვას, რომ ვექტორული გრაფიკა ძირითადად მოიცავს მარტივ, ბრტყელ ფორმებთან, სუფთა ფერებთან და ბადეებთან მუშაობას. ეს აადვილებს სრულყოფილი დიზაინის შექმნას, რომელიც გამოიყურება სუფთა და ელეგანტური ნებისმიერ ეკრანზე. თუ გსურთ ისწავლოთ როგორ შექმნათ სრულყოფილი გრაფიკა, მაშინ უნდა წაიკითხოთ ეს სტატია: როგორ შევქმნათ პიქსელებით სრულყოფილი ნამუშევარი Adobe Illustrator-ის გამოყენებით .
5. ფერი
ბრტყელი დიზაინის ერთ-ერთი ყველაზე სპეციფიკური მახასიათებელი, გარდა ჩრდილებისა, არის ფერის გამოყენება. ფერების უმეტესობა, რომელსაც ბრტყელი დიზაინი იყენებს თავის ელემენტებში, შედგება მხოლოდ რამდენიმე ძირითადი ფერისგან.
ბრტყელი დიზაინის ფერი არის ნათელი, მდიდარი და მდიდარი.ბრტყელი ფერის სქემა არ შემოიფარგლება რამდენიმე განსაკუთრებული ფერით, ის შეიცავს ბევრ ჩრდილს და მათი არჩევანი დამოკიდებულია მხოლოდ იმაზე, თუ რას ასახავთ, იქნება ეს ტკბილეულის ხატები თუ რეტრო სტილის დახვეწილ პალიტრაში.
ვთქვათ, რომ თქვენ ხართ ინტერფეისის დიზაინერი, რომელსაც კარგად ესმით ფერების პალიტრები და ცდილობთ ექსპერიმენტებს ფერთა პანელზე Photoshop-სა და Illustartor-ში, ურევთ ფერებს, როგორც გსურთ. თუმცა ეს პროცესი საკმაოდ რთულია და მოითხოვს კარგ ინტუიციას, გამოცდილებას და უნარებს. აქ ნახავთ რამდენიმე ხელსაწყოს, რომელიც დაგეხმარებათ შექმნათ თქვენი საკუთარი ფერების პალიტრა.
ზოგიერთი მათგანი შესაფერისია ყველა ტიპის დიზაინისა და ილუსტრაციისთვის, არა მხოლოდ ბრტყელი დიზაინისთვის. მაგალითად, Adobe Color CC, უფრო ცნობილი როგორც Cooler. დღეს მასზე წვდომა არის როგორც ვებგვერდის, ისე უშუალოდ Adobe პროდუქტების საშუალებით. Cooler არის ძალიან მოქნილი ინსტრუმენტი, რომელიც საშუალებას გაძლევთ შექმნათ თქვენი საკუთარი ფერის პალიტრა ან აირჩიოთ ბიბლიოთეკიდან მორგებული პალიტრა.
კიდევ ერთი მარტივი და მოსახერხებელი ფერის პალიტრის გენერატორი არის Coolors. უბრალოდ დააჭირეთ spacebar-ს და პროგრამა გამოიმუშავებს ფერთა პალიტრას, შეგიძლიათ ფერების მორგება, ასევე არის ექსპორტის ფუნქცია.
არსებობს რამდენიმე სხვა მსგავსი სერვისი მორგებული პალიტრებით, რომლებიც შეიძლება სასარგებლო იყოს. ამასთან, არსებობს ერთი ინსტრუმენტი, რომელიც შექმნილია სპეციალურად FlatUIColors.com-ის მიერ Designmodo-ს მიერ - სერვისი "ბრტყელი" ფერების ნაკრებით, ძალიან მოსახერხებელი სამუშაოსთვის. ეს საიტი ძალიან პოპულარული გახდა დიზაინერებს შორის, რომლებიც ეძებენ კარგი ფერის გადაწყვეტილებებს სრულყოფილი დიზაინისთვის. სცადე!
თქვენ ასევე შეგიძლიათ იპოვოთ ფერების და პალიტრების უფრო დიდი არჩევანი Google-ის მასალის დიზაინის სახელმძღვანელო.
6. გრძელი ჩრდილები
როგორც ზემოთ აღვნიშნეთ, ბრტყელი დიზაინი ხასიათდება სიმარტივით და ბევრი თავისუფალი სივრცით - რის გამოც ბრტყელი დიზაინი უარყოფს ნებისმიერი ეფექტის გამოყენებას. თუმცა, არის ერთი ეფექტი, რომელიც დამახასიათებელია ბრტყელი დიზაინისთვის. ეს ეფექტი ბინის ტენდენციად და დამახასიათებელ თვისებად იქცა.
ჩვენ ახლა ვსაუბრობთ გრძელ ჩრდილებზე. მათ აქვთ რამდენიმე ტიპიური მახასიათებელი, რაც ამ ეფექტს ცნობადს ხდის, კერძოდ: 45 გრადუსიანი დახრილობა და დიდი ზომა (ჩრდილი შეიძლება იყოს რამდენჯერმე გრძელი ვიდრე თავად საგანი. შედეგად, გრძელი ჩრდილები სიბრტყეს გარკვეულ სიღრმის ეფექტს აძლევს.
ეს ეფექტი ობიექტს უფრო სამგანზომილებიანს ხდის, მაგრამ ამავე დროს ინახავს მას ბრტყელი დიზაინის კონტექსტში.
7. შრიფტებთან მუშაობა
ბინის დიზაინში დიდ როლს თამაშობს ტიპოგრაფია. ხშირად ტექსტი ხდება კომპოზიციის მთავარი ელემენტი.
ბრტყელი დიზაინები, როგორც წესი, იყენებენ შრიფტის მარტივ სტილებს, რაც მთლიან დიზაინს სუფთა და წასაკითხად ხდის. თქვენ შეგიძლიათ იპოვოთ მრავალი უფასო შრიფტი Adobe Typekit-ში, თუ იყენებთ Adobe-ის პროდუქტებს. თქვენ ასევე იპოვით უამრავ კარგ უფასო შრიფტს Font Squirrel-ზე. მაგრამ არ დაგავიწყდეთ ლიცენზიის წაკითხვა, თუ თქვენ აპირებთ შრიფტის გამოყენებას კომერციული მიზნებისთვის.
ყველაზე ხშირად ბრტყელ დიზაინში ჩვეულებრივ გამოიყენება ზედა რეგისტრის და კონტრასტული ფერების გამოყენება, რაც ტექსტს უფრო იკითხავს.
გამოიყენეთ შრიფტები ზომიერად, გახსოვდეთ, რომ ისინი ავსებენ და ავსებენ დიზაინს, ვიდრე ცალკეულ ელემენტად გამოჩნდებიან. უბრალოდ გახსოვდეთ, რომ იყოთ მინიმალური და შეინარჩუნეთ ყველაფერი წონასწორობაში. თუმცა, ბინა ჯერ კიდევ ხშირად იყენებს sans-serif შრიფტებს, რადგან ისინი უფრო მკაცრი და მოწესრიგებულები გამოიყურებიან.
8. ბინა დიზაინის დადებითი და უარყოფითი მხარეები
მიუხედავად იმისა, რომ ბრტყელი დიზაინი ძალიან პოპულარული გახდა მისი მრავალი უპირატესობის გამო, ჯერ კიდევ არსებობს გარკვეული უარყოფითი მხარეები, რომლებსაც დიზაინერები აწყდებიან ამ სტილის გამოყენებისას. მოდით შევხედოთ დადებითი და უარყოფითი მხარეები.
დადებითი
პოპულარობა
ბრტყელი დიზაინი ტენდენციად იქცა, რომელიც სულ უფრო მეტ პოზიტიურ მიმოხილვას იძენს დიზაინერებისა და ვებ დიზაინერების მხრიდან და, როგორც ჩანს, საერთოდ არ კარგავს თავის პოზიციას. პირიქით, სულ უფრო და უფრო ვრცელდება, იძენს ახალ ფორმებსა და თვისებებს, ხდება უფრო და უფრო კრეატიული.
სიმარტივე
ბინის დიზაინი მარტივი, მინიმალისტური და სუფთაა. ბრტყელი ვებ-კონტენტი ეხმარება მომხმარებლებს კონტენტზე ფოკუსირება მოახდინონ, ვიდრე ვიზუალურმა ყურადღება გაამახვილონ. ეს ასევე მუშაობს მობილური აპლიკაციების ინტერფეისებისთვის: სუფთა დიზაინი დიდი ღილაკებით მობილურ გამოცდილებას სრულყოფილს ხდის.
სიკაშკაშე
ფერი კიდევ ერთი მაგარი პლუსია ბრტყელ დიზაინში. ნათელი და მდიდარი ფერები გამოიყურება მიმზიდველი და სუფთა, ხოლო გრადიენტების ნაკლებობა დიზაინს ელეგანტურს ხდის. უფრო მეტიც, ასეთი სუფთა ფერები მას უფრო პოზიტიურს და წარმოჩენას ხდის, ქმნის სწორ განწყობას.
ხარვეზები
ბინას კიდევ ბევრი უპირატესობა აქვს, მაგრამ არცერთი დიზაინი არ არის სრულყოფილი და ჩვენ არ შეგვიძლია მისი იდეალიზება. აქ არის ბრტყელი დიზაინის რამდენიმე უარყოფითი მხარე, რომელიც უნდა აღვნიშნოთ:
ურეაქციოდობა
ზოგჯერ მნიშვნელოვანი დეტალების ან ვიზუალური ეფექტების ნაკლებობა ართულებს მომხმარებლისთვის მოსახერხებელი ინტერფეისის შექმნის პროცესს და ეს ზოგადად მთელ დიზაინს არ რეაგირებს. ყველა მომხმარებელი არ არის კომფორტული ბინაზე, რადგან ძნელია იპოვოთ ელემენტები ვებ გვერდზე, რომლებზეც უნდა დააჭიროთ ან შეეხოთ მობილური ტელეფონის ეკრანს, რადგან ისინი არ არიან ინტერაქტიული.
პრობლემები ტიპოგრაფიასთან
როგორც უკვე აღვნიშნეთ, ყველა შრიფტი არ შეიძლება იყოს შესაფერისი ბრტყელი დიზაინისთვის. ზოგჯერ ასეთი მდიდარი შრიფტი მკვეთრი კიდეებით გამოიყურება ნამდვილად დაბალანსებული და ელეგანტური. თუმცა, თუ შრიფტი არასწორად არის არჩეული, მას შეუძლია გააფუჭოს მთელი დიზაინი. თქვენ უნდა გქონდეთ ნამდვილად კარგი შეგრძნება, თუ რომელი შრიფტი შესაფერისია ბრტყელისთვის და რომელი არა.
სუსტი ვიზუალი
ეფექტების, ფერების და შრიფტების გამოყენების შეზღუდვების გამო, ბრტყელი დიზაინი შეიძლება ძალიან მარტივი და ცივი გამოიყურებოდეს. მისი მინიმალიზმი ასევე შეიძლება იყოს მისი მთავარი ნაკლი - სხვა ბრტყელი დიზაინები ზუსტად ისე გამოიყურება, როგორც თქვენი. ასე რომ, ძალიან რთულია თქვენი ხატები ან ვებ გვერდები სხვისი დიზაინისგან განსხვავებულად გამოიყურებოდეს, რადგან თქვენ იყენებთ იგივე გამარტივებულ ფორმებს, შეზღუდულ ფერთა პალიტრებს და მსგავს შრიფტებს. შედეგად, ბრტყელი დიზაინი დროთა განმავლობაში შეიძლება მოსაწყენი გახდეს.
9. ბინის დიზაინის მომავალი ტენდენციები
არ შეიძლება ითქვას, რომ ბრტყელი დიზაინი სრულად ჩამოყალიბდა და შეჩერდა, ალბათ, მისი ნაკლოვანებების გამო, რომელიც ისწრაფვის განვითარებისა და ცვლილებისკენ, იძენს ახალ მახასიათებლებს და აძლიერებს ვიზუალურ ექსპრესიულობას.
თუ კარგად დააკვირდებით ბრტყელი დიზაინის ბოლო მაგალითს, შეამჩნევთ, რომ ეს ნამდვილადთანდათან შორდება მკაცრ ინსტრუმენტებს და იწყებს ისეთი დახვეწილი ეფექტების დამატებას, როგორიცაა: გრადიენტები, ჩრდილები, განათება და სხვა ვიზუალური ეფექტები.
ეს პატარა შეხება ანიჭებს ბრტყელ დიზაინს გარკვეულ სიღრმეს ისე, რომ არ იყოს ზედმეტად დეტალური, როგორც სკეუმორფული დიზაინები.
ამრიგად, ბინა არ კარგავს თავის თვისებებს, არამედ ხდება უფრო საინტერესო და მოქნილი- ის ნამდვილად უკეთესდება.
დასკვნები
ამრიგად, ჩვენ განვიხილეთ რამდენიმე ფაქტი ბრტყელი დიზაინის ისტორიიდან და ვისაუბრეთ ფერებზე, ფორმებსა და ტიპოგრაფიაზე. ჩვენ გადავხედეთ სხვადასხვა თვალსაზრისს, გავამახვილეთ ყურადღება ბინის უპირატესობებსა და ნაკლოვანებებზე და ვისწავლეთ კარგი დიზაინის შექმნის რამდენიმე ძირითადი პრინციპი.
ვიმედოვნებ, რომ თქვენ მიიღეთ ახალი ინფორმაცია ამ სტატიიდან ან მაინც თქვენთვის საინტერესო აღმოჩნდა. თქვენ უნდა სცადოთ ბრტყელი დიზაინის შექმნა, თუ ეს აქამდე არ გაგიკეთებიათ.
ბოლოს და ბოლოს, კიდევ რა შეიძლება ითქვას ბრტყელ დიზაინზე?
თუ ნამდვილად მოგწონთ ბინა თავისი მკვეთრი კიდეებით, მდიდარი ფერებითა და მკვეთრი შრიფტებით, მისი სისუფთავით და მინიმალიზმით, მაშინ წადით!
ეს არის მოდური, მაგრამ როგორც ნებისმიერი გრაფიკული სტილი, არ შემოიფარგლოთ მხოლოდ ერთი ტექნიკით. მხოლოდ იმიტომ, რომ ბინა მოდურია, არ ნიშნავს, რომ თქვენ არ შეგიძლიათ გამოიყენოთ სხვა სტილი თქვენს პროექტში. Skeuomorphism, თავისი პატარა დეტალებითა და ტექსტურებით, ასევე შეიძლება იყოს კარგი გამოსავალი. მთავარია გვახსოვდეს, რომ დიზაინი განსხვავებულია თითოეული პროექტისთვის, ის უნდა გამოხატავდეს მის სულს, დანიშნულებას, არსს და დარჩეს მოსახერხებელი და ფუნქციონალური. წინ!
