Google-ის Material Design UI განახლდება ახალი ფერებით, იკონოგრაფიით და შეხებაზე ფოკუსირებით

click fraud protection

ახალი ვალდებულებები Chromium Gerrit-ში, როგორც ჩანს, მიუთითებს "Material Design 2"-ზე, რომელიც შესაძლოა იყოს Google-ის Material Design ენის ახალი და გაუმჯობესებული ვერსია.

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

მას შემდეგ, რაც Material Design-ის დებიუტი შედგა 2014 წელს, ის გავრცელდა Android-ის ეკოსისტემაში, როგორც ხანძარი — რომ აღარაფერი ვთქვათ Google აპებზე, როგორიცაა YouTube, Chrome, Gmail, Hangouts და Google Calendar. მცურავი მოქმედების ღილაკები, სასიამოვნო ფერები და ამაღლების ტექნიკა ხელმისაწვდომი გახდა, როგორც ნაწილი მასალის კომპონენტების ბიბლიოთეკა GitHub-ზე (Android-ის დიზაინის მხარდაჭერის ბიბლიოთეკის და Google-ის ვებ-ზე ორიენტირებული Material Design Lite-ის შემდგომი მოქმედება), რომელიც მოაქვს Material's-ს სიკეთე Android-ისთვის მორგებული ხედების სახით და ვებზე პაკეტების სახით, რომლებიც შეიძლება იყოს იმპორტირებული და გამოყენებული, როგორც სტანდარტული HTML ტეგები.

ახლა, Material Design-ის მეოთხე წლისთავის წინა დღეს, როგორც ჩანს, Google ამზადებს მის მომავალ თაობას ქაღალდისა და მელნისგან შთაგონებული ესთეტიური: მასალის დიზაინი 2. ძვირფასი მცირე ინფორმაცია საჯაროდ არის ხელმისაწვდომი Material Design 2-ის შესახებ, რომლის არსებობაც ამ კვირაში გავარკვიეთ Chromium Gerrit-ის ახალ კომისიებში. ჩვენ არ ვაცხადებთ პრეტენზიას, რომ ეს არის ა სათანადო მასალის დიზაინის უახლესი ჩარჩოს მემკვიდრე, მაგრამ ვალდებულებები მიუთითებს შესამჩნევ, თუ დახვეწილ ცვლილებებზე ფერების პალიტრებში, იკონოგრაფიასა და სენსორული ეკრანის ქცევაში.


Material Design 2 გამოჩნდება Chromium Gerrit-ში

თებერვლის დასაწყისში, Chromium Gerrit-ის ახალმა კომისიებმა განახორციელეს "Material Design 2" UI Chrome-ში. tabstrip — გადასატანი ჩანართები, რომლებიც შეიცავს ვებგვერდების სათაურებს, ფავიკონებს და ღილაკს „დახურვა ჩანართი“ Chrome-ის ზემოთ. მისამართის ზოლი.

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

Chrome ჩანართების კოლექცია.

აშკარაა, რომ ვალდებულებები მიუთითებს "Material Design 2" ჩანართის დახურვის ღილაკის ხატულაზე და "Google Material Design 2-ისთვის საჭირო ძირითადი ფერის მუდმივებზე".

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

Material Design 2-ის წითელი არის ოდნავ მუქი ვიდრე მიმდინარე მატერიალური დიზაინის წითელი 800 (# C62828) და წითელი 600 (#E53935), ხოლო ნაცრისფერის ახალ ფერებში (#3C4043, #5F6368, #BDC1C6, #F1F3F4) უფრო ღია, მოლურჯო ელფერი აქვს. მასალის დიზაინში წარმოდგენილია ტრადიციული ნაცრისფერი, სადაც R=G=B, ხოლო აქ, B>G>R ყველა ჩრდილში (მაგრამ მხოლოდ 1-4 255-დან).

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

აქ არის სწრაფი მაკიაჟი, თუ როგორ გამოიყურება ხელსაწყოების პანელი გამოყენებული ახალი ფერებით:

საბოლოოდ, commit ამატებს ახალს IsTouchOptimizedMaterial() დროშას MaterialDesignController, რომელიც შეიძლება ეხებოდეს შეხებით ოპტიმიზებულ Material Design 2 ელემენტებს. ჩვენ დავწერეთ იანვრის დასაწყისში Google-ის მცდელობის შესახებ გაუმჯობესებისთვის Chrome ვებ ბრაუზერის სენსორული ეკრანის მხარდაჭერა Chrome OS მოწყობილობებზე და, როგორც ჩანს, მისი გაგრძელებაა.

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


ფერის მნიშვნელობა მასალის დიზაინში

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

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

Google გთავაზობთ ნიმუშს ფერის პალიტრები შექმნილია იმისთვის, რომ „კარგად იმუშაოს ერთად“ სხვადასხვა პლატფორმებზე და წაახალისებს დეველოპერებს, რომლებიც იყენებენ წყაროს უპირატესობას აპის ძირითადი ფერი - სხვაგვარად ცნობილი როგორც "დომინანტური" ფერი - 500 განსხვავებული კოლექციიდან ნიმუშები. (იფიქრეთ "ლურჯი", "მწვანე" ან "იისფერი" და სხვა ძირითადი ფერები.) საჭიროების შემთხვევაში, ისინი იღებენ მეორად ფერს 700 ფერის გაფართოებული კოლექციიდან. (დამატებითი ფერები ყველაზე მნიშვნელოვანი UI ელემენტებისთვის და ანალოგიური ნაკლებად მნიშვნელოვანი UI ელემენტებისთვის და მესამეული ფერი ქვეჯგუფიდან 300).

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

იმის მიხედვით, რაც ჩვენ ვიცით Material Design 2-ის ფერთა პალიტრის შესახებ, Google-ის „პირველადი 500“-ის რამდენიმე ნიმუში მაინც, როგორიცაა Red 600 და 800, უფრო მუქია, ვიდრე მათი წინამორბედები Material Design. მაგრამ სხვები, როგორიცაა ნაცრისფერი, იღებენ საპირისპირო მკურნალობას -- როგორც ნაცრისფერ, ასევე თეთრ ნიმუშებს, რომლებიც ნაჩვენებია Chrome-ის ჩანართის მაკეტში, აქვთ უფრო ცივი ნაცრისფერი და უფრო მაღალი ცისფერი მნიშვნელობები.


ახლა, ეს არის ყველაფერი, რაც ნამდვილად ვიცით Material Design 2-ის შესახებ. მაგრამ ვალდებულებები შეიძლება იყოს ნიშანი იმისა, რომ რაღაც ხდება კულისებში და თუ ეს ასეა, შეიძლება უფრო ადრე ვისწავლოთ. Google-ი, სავარაუდოდ, ანდროიდის P-ს, Android-ის შემდეგ ძირითად ვერსიას, მარტისთანავე შეასრულებს, ხოლო Google I/O 2018 8 მაისს დაიწყება. ორივე არის მთავარი შესაძლებლობა მასალის დიზაინი 2-ის შესასრულებლად.

განახლება 2/4/2018: ამ სტატიის გამოქვეყნებიდან მალევე, ჩადენა კერძო გახდა, რაც პოტენციურად ნიშნავს, რომ ის გასაიდუმლოებული იყო. ჩვენ გავაგრძელებთ Chromium Gerrit-ის შემოწმებას ცვლილებებისთვის და განვაახლებთ ამ სტატიას, თუ რაიმეს ვიპოვით.