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

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

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

ჩვენ მათ ვთხოვეთ პასუხი გაეცეს სამ მთავარ კითხვას:

  • რატომ დაიწყო მსოფლიომ ბრტყელი დიზაინისკენ სვლა ვებსა და მობილურზე და რა არის ეს;
  • რას მისცემს ეს Apple-სა და iOS 7-ს;
  • როგორ იმოქმედებს ეს ერთი მხრივ დიზაინერებზე და მეორეს მხრივ მომხმარებლებზე.

დენის სუდილკოვსკი, კიევი
ინტერაქციის დიზაინის სპეციალისტი, პროდიუსერი Prodesign.in.ua

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

რას მიიღებს Apple ამისგან? ის შეინარჩუნებს თავის ადგილს ტენდენციაში და ასობით ათასი კომენტარი, რომ მათი iOS ძალიან ჰგავს Android-ს.

დიზაინერებს მოუწევთ ევოლუცია (და ნუ ხუმრობთ იმაზე, თუ როდის მოვა ბრტყელი დიზაინი მანქანათმშენებლობაში და მოგვცემს ბრტყელ მანქანებს :). როდესაც დეკორაცია არ არის, მთელი სამუშაო შედგება მომხმარებელთან კონკრეტული სცენარის შინაარსით განწყობის შესაქმნელად. ამ პროფესიას უფრო და უფრო მეტი საერთო ექნება რეჟისორთან, ვიდრე არტისტთან. მომხმარებლები, პირიქით, იღებენ ახალ გამოცდილებას და ახალ შთაბეჭდილებებს. პირადად მე iPhone-ის მიმდევარი ვიყავი 4 წლის განმავლობაში, მაგრამ ამ გაზაფხულზე ტელეფონი შევცვალე Android-ზე ერთადერთი მიზეზით - დავიღალე Apple-ის ინტერფეისის ერთფეროვანი იდეალობით.

დენიელ ბრიუსი, სტოკჰოლმი
Senior Digital Creative, danielbruce.se

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

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

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

ის, რაც წუხელ Apple-ისგან ვნახე, იყო მხოლოდ რამდენიმე საინტერესო დიზაინის ცუდი ასლი, რომლებიც ჩნდებოდა ისეთ საიტებზე, როგორიცაა Dribbble და Behance გასული წლის განმავლობაში. მე ვერაფერი ვნახე ახალი - გარდა იმისა, რომ ეს შორს არის სტივ ჯობსის იგივე "ძველი Apple"-ისგან. კომპანიამ აჩვენა, რომ ის არ არის მობილური ინტერფეისის დიზაინის წინა პლანზე. რასაკვირველია, ჩვენ დავინახავთ, რომ გულშემატკივრები აიღებენ ყველა ამ თეთრ დიზაინს და კრეატიულ გრადიენტებს მომდევნო რამდენიმე თვის განმავლობაში, მაგრამ არა მგონია, რომ ეს ასპექტი ისეთივე გავლენიანი იყოს, როგორც Google-ის ბოლო გამორთვა. მაგრამ მეორეს მხრივ, როგორც არ უნდა იყოს, Apple ყოველთვის იყო ტრენდსტერი და ინსპირაცია მრავალი ადამიანისთვის, მათ შორის ჩემთვისაც.

რაც შეეხება ჩვეულებრივ მომხმარებლებს, მათ მოსწონთ ნათელი ფერები.

ივან კლიმენკო, კიევი
მობილური ინტერფეისის დიზაინერი, 5tak.com

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

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

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

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

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

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

ოლესია გრიჩინა, კიევი
UI დიზაინერი Componentix-ში, twitter: elendiel

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

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

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

პაველ გროზიანი, კიევი
პროდუქტის დიზაინერი MacPaw-ში, გროზიანში

"ვაშლი! ა-ჰა-ჰა, შეწყვიტე! – ყვირიან დიზაინერები. - უი, გაადვილდა. - მომხმარებლები მღერიან." მე მესმის ორივე თვალსაზრისი. დღეს, WWDC2013-ის პრეზენტაციის შემდეგ, ბევრი ჩემი კოლეგა ადგა და თქვა: "გააფუჭეთ ეს პროფესია! ყველას შეუძლია ახლა ასეთი სისულელის დახატვა. და ეს ხატები 30 დოლარად?!" ერთი შეხედვით, ისინი მართლები არიან, მაგრამ თუ უფრო ღრმად იჭრები, ხვდები, რომ არსებობს ათასობით ობიექტი, რომლებიც დიდი ხნის განმავლობაში განსხვავდებოდნენ ერთმანეთისგან მხოლოდ გამოყენების სცენარით, შემდეგ ფორმით, შემდეგ ფერით და მხოლოდ ამის შემდეგ. მხატვრულ დეტალებში მახსოვს ის დრო, როდესაც ბიჭები დღეს თავიანთი LinkedIn-ის პროფილებზე ნერვიულად კოპირებდნენ ასოების თეთრ ჩრდილის ეფექტს, შემდეგ კი ტექსტურებითა და რეალიზმით მდიდარი მთელი მათი ნამუშევარი იყო კოპირება, რადგან არ არსებობდა ორიგინალური, ერთიანი და მოსახერხებელი განვითარების კონცეფცია დღეს, თუმცა მეჩვენება, რომ მას ასე ვუწოდებ არ გამოიგონა და ციფრულ ეპოქამდე ათი წლით ადრე ჩამოყალიბდა საგამომცემლო სფეროში.

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

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

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

დღეს უფრო და უფრო მეტი დიზაინერი იყენებს ამ ტენდენციას თავის საქმიანობაში, მაგრამ Flat სტილმა განსაკუთრებული პოპულარობა მოიპოვა თანამედროვე მობილური ოპერაციული სისტემების Windows Phone და iOS 7 გავრცელებით, რადგან ისინი ამ ტენდენციის მიმდევრები არიან, თუმცა არ იცავენ. ის მთლიანად.

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

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

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

1. წაშალეთ ყველა ეფექტი

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

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

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

2. გამოიყენეთ მარტივი ელემენტები

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

3. ყურადღება გავამახვილოთ ტიპოგრაფიაზე

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

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

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

4. ფერით მივაქციოთ ყურადღება

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

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

5. მინიმალიზმი

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

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

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

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

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

დიზაინში ბრტყელი სტილის პოპულარიზაციას ხელი შეუწყო Microsoft-ისგან Windows 8 ოპერაციული სისტემის გამოშვებამ Metro სტილში, ასევე iOS 7, რომელშიც Apple ასევე ირჩევს ბრტყელ სტილს. სწორედ ამის შემდეგ იწყება ბრტყელი დიზაინის რეალური ერა. მალე დიდი საძიებო სერვისები და აპლიკაციები - Google, Youtube - გადადიან Flat-design-ზე, ჩნდება მრავალი საიტი, რომლებიც იყენებენ flat style პრინციპებს თავიანთ დიზაინში. ბოლო წლების განმავლობაში, ბრტყელი დიზაინი ლიდერია ვებსაიტების დიზაინის გლობალურ ტენდენციებში.

ბრტყელი დიზაინის უპირატესობები

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

ბრტყელი საიტის დიზაინის 5 პრინციპი

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

1 - 2D ობიექტების გამოყენება

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

2 - ხატები და მარტივი ობიექტები

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

3 - მარტივი შრიფტები დიზაინის სტილში

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

4 - ფერების თამაში

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

5 - მინიმალიზმი

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

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

ბინის დიზაინის მაგალითები

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

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

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

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

FLAT - დიზაინს აქვს შემდეგი მახასიათებლები:

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

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

ჰარმონია და. დიზაინში გამოყენებულია ფერების შეზღუდული რაოდენობა. აქ არის პოპულარული FLAT დიზაინის პალიტრის მაგალითი.

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

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

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

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

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

(ეწვია 2,333-ჯერ, 1 ვიზიტი დღეს)

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

როგორ არ დავხატოთ ბრტყელი ხატები

„ბრტყელი“ ვებსაიტის დიზაინი მოდური გახდა Windows-ის ახალ ინტერფეისებთან ერთად. ამ სტილის პოპულარობას რუსეთში ხელი შეუწყო თვითნასწავლი ვებ დიზაინერების რაოდენობის ზრდამ, რომლებმაც არ იციან, რომ ვებსაიტის ინტერფეისი და „თითის“ ინტერფეისი (სმარტფონები) არ არის იგივე (გადახვევა ადვილია. ჩამოწიეთ გვერდი თითით - და, პირიქით, დაგჭირდებათ დიდი მოთმინება და რეალური ინტერესი მაუსის ბორბლის 3-4 ეკრანზე გადაქცევისთვის). რუსულ ბრტყელ საიტებზე ხშირად შეგიძლიათ იპოვოთ შემდეგი ხატები:

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

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

კარგი ბრტყელი ხატების მაგალითი:

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

დაბალი ხარისხის ბინის დიზაინის პრობლემები

1. ნავიგაცია და გამოყენებადობა

ქსელი არ არის რეალური სივრცე, ამიტომ, რეალობის განცდის შესაქმნელად და თქვენი მდებარეობის გასაგებად, საიტები იყენებენ „პურის ნამსხვრევებს“, ხოლო ხატების სურათები ახლოსაა რეალურ ობიექტებთან სწრაფი გაგებისა და ნავიგაციის გასაადვილებლად. ასე რომ, სახლის ხატიდან დაუყოვნებლივ ირკვევა, რომ ეს არის "სახლი", ტელეფონის ხატით - რომ ეს არის ტელეფონი, კალათით - რომ ეს არის კალათა (როგორც სუპერმარკეტში - ყველაფერი ნათელია და მარტივი), ხატი საჩუქრის სურათით - საჩუქარი და ა.შ.

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

2. გრძელი ბრტყელი ფეხის სახვევები

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

3. დამაბნეველი ღილაკები

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

4. ცუდად დახატული ხატები

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

ვვარაუდობ, რომ ხატების შექმნაზე მუშაობა დაახლოებით ასე მიდის: ტექნიკური მახასიათებლების მიხედვით საჭიროა ხატი „ინდივიდუალური მიდგომა კლიენტებთან“. პირადად მე მაქვს მენეჯერის და ორი კლიენტის იმიჯი, რომელთაგან თითოეულს მიჰყავს განსხვავებული ფერის ისარი (ლურჯი ისარი მივყავართ ლურჯ კლიენტს, წითელი ისარი - წითელ კლიენტს). თუ დიზაინერმა ხატვა არ იცის, ხატს მზა კომპლექტებში დაეძებს (საუკეთესო შემთხვევაში ფოტობანკიდან იყიდის, უარეს შემთხვევაში ინტერნეტიდან ჩამოტვირთავს) და გამოიყენეთ ის, რაც მნიშვნელობით ყველაზე შესაფერისია. სავარაუდოდ, ეს იქნება ჰალსტუხიანი ან ჩემოდანი კაცის ხატი. ზოგადად, ის არც თუ ისე შორს წასულა, მაგრამ მაინც საიტის დიზაინში ირკვევა, რომ ჩემოდანი „ყველასთვის ინდივიდუალური მიდგომისთვის“ და საათი „10 წელი ბაზარზე“ (სხვათა შორის, მე რეალურად ვნახე ეს!) – მოატყუა დიზაინერმა.

5. ყალბი შინაარსის ფოკუსი

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

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

ანუ ბრტყელი დიზაინი საერთოდ აუცილებელია ვებსაიტებისთვის?

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

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

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

მაღალი ხარისხის ბრტყელი დიზაინის მაგალითი:

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



 

შეიძლება სასარგებლო იყოს წაკითხვა: