
Duolingo
თეთრ ქაღალდზე ხალისიანი კლასის თილისმა
Duolingo-ს ინტერფეისი ბავშვებისთვის განკუთვნილი სურათებიანი წიგნის მსგავსადაა შექმნილი: თეთრი ქაღალდის ტილო, მომრგვალებული შრიფტი და ერთი, მდიდარი მწვანე ფერი, რომელიც მაშინვე „სწორ პასუხს“ იწვევს. მთავარი ტექსტი დამამშვიდებელი შუა ნაცრისფერი ტონებითაა შექმნილი, რაც მწვანეს და მის აქცენტირებულ ლურჯ ფერს საშუალებას აძლევს, შეასრულოს მთელი ემოციური სამუშაო - მწვანე პროგრესისა და სათაურებისთვის, ლურჯი კი დაწკაპუნებადი ბმულებისა და დამატებითი მოქმედებებისთვის. კომპონენტები აბების ან მსხვილი, მომრგვალებული კუთხეების ფორმისაა სქელი შავი ან ფერადი საზღვრებით, რაც თითოეულ ღილაკს უფრო გვერდზე მიკრულ სტიკერს ჰგავს, ვიდრე ბრტყელ ინტერფეისის მართვის საშუალებას.
სექციები გვერდის სრულ სიგანეს იკავებს და ვერტიკალურად არის განლაგებული ერთ სვეტად, თითოეული დაახლოებით 800 პიქსელის სიმაღლით. მაქსიმალური კონტენტის სიგანე დაახლოებით 1 პიქსელია ცენტრში. მარცხენა მხარეს ტექსტი და მარჯვენა მხარეს ილუსტრაციები ერთმანეთს ენაცვლება, რაც უზრუნველყოფს ვერტიკალურ სივრცეს (სექციებს შორის 80 პიქსელი). არ არსებობს ბადისებრი ბარათები ან მრავალსვეტიანი განლაგება - თითოეული სექცია წარმოადგენს ერთ ტექსტურ ბლოკს, რომელიც შეწყვილებულია ერთ ილუსტრაციასთან. ნავიგაცია არის მინიმალისტური ზედა ზოლი ლოგოთი და ენის შერჩევის ღილაკით, რომელიც სექციებს შორის ფიქსირებული ზოლის სახით ჩნდება. ქვედა კოლონტიტული არის მწვანე ზოლი, რომელიც მთელ სიგანეზე ვრცელდება. რიტმი რედაქციულია: სათაური, აბზაცი, მოქმედებისკენ მოწოდება, ილუსტრაცია, გამეორება.
წიგნის ილუსტრაციული ენა წარმოდგენილია ბრტყელი, ორგანზომილებიანი თილისმ პერსონაჟებით (ბუს დუეტი და სხვადასხვა ადამიანის ფიგურები) მომრგვალებული გეომეტრიული ფორმებით, თამამი შავი კონტურებით და ვარდისფერი, იისფერი, ყვითელი, ნარინჯისფერი და ლურჯი ფერის დამატებითი პალიტრით, რომელიც თავად ინტერფეისში არასდროს ჩნდება. ილუსტრაციები განთავსებულია ტექსტის გვერდით, თითოეული სექციის მარჯვენა მხარეს, სუფთა თეთრ ფონზე, კონტეინერების ან ფონის გარეშე. არ არის ფოტოები - პერსონაჟები ვიზუალურ შინაარსს წარმოადგენენ. ხატწერა იყენებს სქელ კონტურებს, რაც შეესაბამება თილისმების სტილს. გამოსახულების სიმკვრივე ზომიერია: თითოეულ განყოფილებაში წარმოდგენილია პერსონაჟის ერთი დიდი ილუსტრაცია, ხოლო გვერდის დანარჩენი ნაწილი ტიპოგრაფიასა და თეთრ სივრცეს ეთმობა.
პალიტრა
ბრენდი
- Eager Green
#58cc02— მწვანე ფერი გამოიყენება ბმულების, თეგებისა და მოკლე ფრაზების გამოსაკვეთად. ის არ უნდა იქნას გამოყენებული მოქმედებისკენ მოწოდებების ძირითად ფერად. - Storybook Green
#d7ffb8— ღია ზედაპირებზე რბილი განათება, ქვედა კოლონტიტულის ნავიგაციის წარწერების უკან კი დახვეწილი ფონის ტონები.
ნეიტრალური
- Spark Blue
#1cb0f6— ლურჯი ფერი გამოიყენება ბმულების, თეგებისა და მოკლე ფრაზების გამოსაყოფად. ის არ უნდა იქნას გამოყენებული მოქმედებისკენ მოწოდების ძირითად ფერად. - Fresh Leaf
#a5ed6e— მწვანე ფერი გამოიყენება ბმულების, თეგებისა და მოკლე ფრაზების გამოსაკვეთად. ის არ უნდა იქნას გამოყენებული მოქმედებისკენ მოწოდებების ძირითად ფერად. - Night Ink
#000437— ბმულები, თეგები და მოკლე, მონიშნული ფრაზები იისფერით არის მონიშნული. - Paper White
#ffffff— გვერდის ტილო, მუყაოს ზედაპირები, ღილაკების ტექსტი მწვანე/მუქ ფონზე. - Charcoal
#4b4b4b— გმირის სათაურები და ძირითადი ტექსტი - უნივერსალური მუქი ტექსტი, რომელიც ფერადი სათაურების გამორჩევის საშუალებას იძლევა. - Pencil Gray
#777777— ტექსტის ძირითადი აბზაცები შეუმჩნეველი ასოებით არის ხაზგასმული, ხოლო მეორადი აღწერითი ტექსტი ფონზე ინაცვლებს, რათა ფერადი ელემენტები წინა პლანზე გამოვიდეს.
ტიპოგრაფია
13-დან 64 პიქსელამდე · 7 ნაბიჯი
- feather — ჩანაცვლება: Inter · კონტურები 700 · სექციის სათაურები, როგორიცაა „უფასო. გართობა. ეფექტური“ და „Duolingo English Test“, ნაჩვენებია მომრგვალებული შრიფტით, რაც ბრენდს მხიარულ, მეგობრულ, თილისმის მსგავს სტილს სძენს. შეცვალეთ შესაბამისი სისქის „Feather Bold“-ით ან „Nunito Black“-ით. ასოებს შორის დაშორება: -0.0200em
- duolingo-sans — ჩანაცვლება: Inter · კონტურები 500 · მთავარი აბზაცები და ნავიგაციის ბმულები 17 პიქსელი/500-ზე — გეომეტრიული sans-serif შრიფტი, რომელიც იკითხება, რაც 700 ხაზის სისქეს მნიშვნელოვანი პუნქტების ხაზგასმის საშუალებას აძლევს. შეცვალეთ „DIN Next“, „Inter“ ან „Nunito Sans“-ით.
- duolingo-sans — ჩანაცვლება: Inter · კონტურები 700 · გამოყენებულია ყველა წონა-700 მნიშვნელობა: ნავიგაციის ეტიკეტებში დიდი ასოების ზომაა 15 პიქსელი (ls 0.0530em), ქვესათაურებია 19 პიქსელი და 32 პიქსელი, ხოლო ბმულის აქცენტირებაა 13 პიქსელი. იგივე შრიფტი, რაც ძირითადი ტექსტი - ვიზუალური განსხვავება წონაშია და არა შრიფტის ცვლილებაში. ასოებს შორის დაშორება: ნავიგაციის ეტიკეტებში დიდი ასოებისთვის 0.0530em.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 12px |
| ღილაკის რადიუსი | 12px |
| ბარათის რადიუსი | 12px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 80-120px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Duolingo სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Family — ზღაპრის ნაწყვეტი კრემის პერგამენტზე
- Say Briefly — კრეატიული სააგენტოს ესკიზების რვეული კრემისფერ ქაღალდზე
- Flying Papers — აღსარება შაბათ დილის მულტფილმში
- Portrait — მოგონებების კედელი, აღბეჭდილი პოლაროიდებით კრემისფერ ქაღალდზე. კაშკაშა, კრემისფერი ალბომი, სადაც მუქი ლურჯი მელანი ერთადერთ ტექსტს წარმოადგენს, ერთადერთ სტრუქტურულ ხაზებს და ერთადერთ ჩარჩოს ფერს — ხელით დახატული ერთი ცისარტყელათი, რომელიც ერთხელ ჩნდება, „რეგისტრაციის“ ღილაკზე და დახრილ სიტყვაზე „სამუდამოდ“ და აღარასდროს.
- Karl — 3D ამომხტარი წიგნის სტილის დიორამა მზიან დღეს
- Navigate — დაფაზე მიმაგრებული სტიკერების დიდი ნაკრები: დიდი გროტესკული შრიფტი, ყველა ტაბლეტის სახით და ხუთი მრავალფეროვანი ხატულა, რომლებიც ლოგოს მსგავსად მეორდება.
- Monte — დილა სანაპიროზე ჟანგისფერი ელფერით
- MotherDuck — ტერმინალი კოდირებულია ფერადი ფანქრებით კრემისფერ ქაღალდზე
- Wise Design — ნეონის ბაზრის დახლი გლობალურ ქუჩაზე - კაშკაშა მწვანე აბრა ხალხმრავალ ბაზარზე ყვირის, მის უკან კი შეუმჩნევლად ჩნდება გაპრიალებული პროდუქტის ინტერფეისი.
- Hatch — ხელით დახატული, სამიზდატის სტილის დიზაინი, შერწყმული პასტელის ფერის კანფეტის თასებთან. კრემისფერი ქაღალდის ტილო, მორთული პიტნისფერი აქცენტებით, კონფეტის წერტილებითა და აბების ფორმის მოწოდებებით, სადაც დიდი, თამამი სერიფული შრიფტი გართობაზე მიანიშნებს, ხოლო ლურჯი თილისმა კუთხეში თვალს ახელს.
- Superr — თბილი სკოლის რვეული შუადღის რბილ შუქზე. კრემისფერი ფურცელი, ნარინჯისფერი მარკერი თავსახურის გარეშე და ლამინირებული სახელობითი სტიკერების დასტა, რომლებიც მოშორებას ელოდებიან.
- Mews — გამთენიისას, ვარდისფერში გაჟღენთილი სტუმართმოყვარეობის მართვის ცენტრი. თეთრი კედლებით, მზით განათებული სამუშაო სივრცე, სადაც თითოეულ ეკრანს გამოსახავს მუქი შავი შრიფტი, თბილი კრემისფერი ბარათები და ერთი კაშკაშა ვარდისფერი მოქმედების ღილაკი - უფრო მეტად ხალისიანი თავდაჯერებულობა, ვიდრე კორპორატიული თავშეკავება.