Apple (España)
თეთრი სივრცის ტაძარი ძლივს გასაგონი სათაურებით. უზარმაზარი, კაშკაშა დარბაზი, სადაც ჰაერში უზარმაზარი, 700-იანი სიმკვრივის შრიფტები ჰკიდია, რომლებიც მხოლოდ პასტელის ფერებითა და ერთი ლურჯი ძაფითაა ერთმანეთთან შეკრული.
Apple-ის პროდუქტის გვერდის ენა ტიპოგრაფიული კეთილშობილების შესწავლაა: უზარმაზარი SF Pro Display სათაურები მოთეთრო ფონზე ლივლივებს, გარშემორტყმულია უზარმაზარი თეთრი სივრცით, რაც ყველა სიტყვას განზრახულს ხდის. პალიტრა თითქმის მონოქრომატულია - ტექსტი #1d1d1f-შია, ტილო მონაცვლეობით #ffffff-სა და #f5f5f7-ს შორის - ერთი ლურჯი აქცენტით (#0071e3), რომელიც ექსკლუზიურად ინტერაქტიული მომენტებისთვისაა განკუთვნილი. ფერი წარმოდგენილია თავად პროდუქტის სურათებში (პასტელური ტონები), არასდროს არის დეკორატიული ინტერფეისის ელემენტები. კომპონენტები ჩარჩოს გარეშეა: მომრგვალებული ბარათები 28 პიქსელის რადიუსით, აბის ფორმის ღილაკები თითქმის ეხება გვერდის კიდეებს, ხილული კონტეინერების ან ჩრდილების გარეშე. რიტმი იქმნება თეთრი და ნაცრისფერი ზოლების მონაცვლეობით და არა გამყოფებით ან საზღვრებით.
სექციები გვერდის სრულ სიგანეს იკავებს, კიდიდან კიდემდე გადაჭიმულია უხვი შევსებით (დაახლოებით 40-100 გვერდი). მაქსიმალური კონტენტის სიგანე ეფექტურად არის ცენტრირებული თითოეულ ზოლში. მთავარი ელემენტი არის ცენტრირებული დასტა: წარბის ფორმის ეტიკეტი, გადიდებული სათაური, ერთი მოწოდების ღილაკი, ფასის რიგი და შემდეგ პროდუქტის სურათი, რომელიც ავსებს ხედვის ფანჯრის ქვედა ნაწილს. სექციები მიჰყვება განმეორებად ნიმუშს: ზოლში მარცხნივ გასწორებული სათაური, რასაც მოჰყვება ან ორსვეტიანი განლაგება პროდუქტის აღწერილობებით (ტექსტი მარცხნივ/სურათი მარჯვნივ ან მონაცვლეობით), ბარათების სამსვეტიანი ბადე ან ცენტრირებული ვიზუალური ვიტრინა. კონტენტის რიტმი მთლიანად კონტროლდება თეთრი და სამფეროვანი ფონის მონაცვლეობით 100-100 სმ ვერტიკალური ხარვეზებით - გამყოფების გარეშე, ელემენტების შემცველი ბარათების გარეშე. გლობალური ნავიგაცია არის ერთი, ფიქსირებული ზოლი. პროდუქტის სპეციფიკაციის სექციები იყენებს სრული სიგანის ზოლებს უხვი შევსებით, სადაც ტექსტი ცენტრირებულია ვიწრო სვეტებში (~560 პიქსელი) უფრო ფართო ვიზუალურ არეალზე.
Apple-ის ვიზუალური ენა, ძირითადად, პროდუქტის ფოტოგრაფიაა: აპარატურის ახლო ხედები სუფთა თეთრ ან ფერად ფონზე, ცხოვრების წესის კონტექსტის ან დადგმული სცენების გარეშე. მთავარ სურათზე გამოსახულია ხელები, რომლებსაც უჭირავთ პასტელის მწვანე MacBook Neo - ადამიანური ელემენტი მეორეხარისხოვანია, რაც ემოციის ნაცვლად მასშტაბსა და ტექსტურას აჩვენებს. პროდუქტის ვარიანტების განყოფილებებში, ორი მოწყობილობა წარმოდგენილია გვერდიგვერდ, შესაბამისი ფერის მორთვების ფონზე (ვარდისფერი, მწვანე, ვერცხლისფერი, ცისფერი), თითოეული ბარათი ბრტყელი ფერის ველია, რომლის ცენტრშიც პროდუქტია. დეტალური კადრები იყენებს უკიდურეს ახლო ხედებს (ლეპტოპის საკიდი, კამერის მოდული) ნეიტრალურ ფონზე. არ არის ილუსტრაციები, აბსტრაქტული გრაფიკა, დეკორატიული გამოსახულებები - თავად პროდუქტია ვიზუალური ელემენტი. იკონოგრაფია ყველგანაა - მონოქრომული ხაზის ხატები SF Symbols სტილში, 1.5–2 პიქსელი სისქით, აღებული Apple-ის სისტემის ხატულების ნაკრებიდან. ფოტოგრაფია ყოველთვის მაღალი ტონით არის შესრულებული: ერთგვაროვანი, ჩრდილის გარეშე განათება, რომელიც პროდუქტს სამგანზომილებიან ობიექტად კი არა, გრაფიკულ ფორმამდე ამცირებს.
პალიტრა
ბრენდი
- Electric Blue
#0071e3— შევსებული მოქმედების ღილაკები ინტერფეისის ერთადერთი ფერადი აქცენტია, რომელიც მოქმედებისკენ მოწოდებებისთვის იშვიათად გამოიყენება. - Link Blue
#0066cc— ჩასმული ტექსტური ბმულები, ისრებითა და შევრონებით მონიშნული ბმულები. - Citrus Gradient
#3b3b23— ალტერნატიული დასრულება, რომელიც პროდუქტის დამახასიათებელი ნიშანი გახდა, არის მუქი ბაზა, რომელიც ყვითელ-მწვანე ელფერებში იცვლება.
ნეიტრალური
- Primary Ink
#1d1d1f— სათაურები, ძირითადი ტექსტი და ღილაკების იარლიყები ყველა ზედაპირზე დომინანტური წინა პლანის ტონია; პროდუქტის მთავარი სურათის ფონი შეუფერხებლად გადადის ზედა ნაწილში არსებული მყარი #1d1d1f-დან ქრომატულ ლურჯ ფერში. - Mid Gray
#707070— მეორადი ტექსტი, არააქტიური ნავიგაციის მდგომარეობა, დადუმებული ინტერფეისის ეტიკეტები - Deep Gray
#474747— ნავიგაციის ტექსტი და ხატოგრაფია საშუალო შრიფტითაა დაწერილი. - Hairline
#d6d6d6— თხელი საზღვრები სექციებსა და UI ელემენტებს შორის. - Canvas
#f5f5f7— მონაცვლეობითი სექციის ფონი - ნაცრისფერი ზოლი, რომელიც თეთრ უბნებს ჰყოფს. - Paper
#ffffff— ბარათის ზედაპირი, მთავარი გვერდის ფონი, ღილაკის ტექსტი მუქ ფონზე.
ტიპოგრაფია
12-დან 96 პიქსელამდე · 10 ნაბიჯი
- SF Pro Display — ჩანაცვლება: Inter · კონტურები 600, 700 · საჩვენებელი მთავარი სათაურები და ქვესათაურები — 700 წონა 80–96 პიქსელით, ასოებს შორის უარყოფითი ინტერვალით -1.44 პიქსელი, ქმნის Apple-ის ნიშან-თვისებას „თეთრ ფერში მოტივტივე მასიური სათაურით“. შემცვლელები: Inter, system-ui
- SF Pro Display — ჩანაცვლება: Inter · კონტურები 600 · სექციების სათაურები, ბარათების სათაურები, ქვესათაურები - 600 ზომის შრიფტი ასოებს შორის ოდნავ დადებითი დაშორებით, საშუალო ზომის შემთხვევაშიც კი, თბილ და მეგობრულ შთაბეჭდილებას ტოვებს, ზემოთ მოცემული მოკლე სათაურებისგან განსხვავებით.
- SF Pro Text — ჩანაცვლება: Inter · კონტურები 400, 500, 600 · ძირითადი ტექსტის, ნავიგაციის, დამხმარე აბზაცებისა და მცირე წარწერებისთვის, ძირითადი შრიფტია 400 ინდექსის მქონე შრიფტი 17 პიქსელით. უარყოფითი ასოების ინტერვალი საშუალებას იძლევა უფრო ლაკონური იყოს ძირითადი ტექსტი ინფორმაციულად დატვირთულ გვერდებზე.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 8-10px |
| ღილაკის რადიუსი | 980px |
| ბარათის რადიუსი | 28px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 100-120px |
| გვერდის სიგანე | 1200px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Apple (España) სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Airbnb — წყნარი თეთრი გალერეის კედელი ერთი მარჯნისფერი წითელი სანიშნეთი
- Peak Design — გალერეის კედელი, ნაწილობრივ განათებული
- Ramp — რედაქციის ფინანსური განყოფილება, შავ-თეთრი გვერდები ერთი ნეონის მარკერით. გამოცემის პრაქტიკულად მონოქრომული ზედაპირი, სადაც ერთი კაშკაშა, ლაიმისფერ-მწვანე შტრიხი ყველა ურთიერთქმედებას ფულად სიგნალად გარდაქმნის.
- 099 SUPPLY — გალერეის კედელი, სავსე შავ-თეთრი ობიექტებით
- Orderful — სამრეწველო ლოჯისტიკის კონტროლის დასტა - ლოჯისტიკის დისპეჩერის დაბეჭდილი საკონტროლო სია, შესრულებული შავი მელნით და ქირურგიული წითელი საღებავით, თითოეული გვერდი საკმარისად შეუმჩნეველია იმისათვის, რომ ერთმა ოპერატორმა რაიმე მნიშვნელოვანი წამოიძახოს.
- Apple (España) — თეთრი გალერეის ვიტრინა
- teenage engineering — სტუდიური განათების სამრეწველო კატალოგი - პროდუქტი გვერდზე ერთადერთი მნიშვნელოვანი ობიექტია და ყველაფერი დანარჩენი მის გარშემოა განხილული.
- Apple (España) — გალერეის ვიტრინა დილის ნისლში
- Lightship — ღია გზის კინემატოგრაფიული დიორამა. თბილი კრემისფერი გალერეის კედლები მორთულია ახლო ინტერვალებით დამონტაჟებული დიდი პეიზაჟების ფოტოებით, ჩარჩოებზე ძლივს შესამჩნევი თხელი შავი შრიფტით და ერთი კაშკაშა ნარინჯისფერი აქცენტით, რომელიც მონოქრომულობას არღვევს, როგორც კოცონი მდელოზე.
- Custo — მონოლითური შრიფტით მოჭიქული მეტალის ფერის გალერეა. მდუმარე ნაცრისფერ-მწვანე ტონებში შექმნილი შოურუმი, სადაც ერთი მუქი ობიექტი და 57 პიქსელიანი შრიფტი თავისთავად მეტყველებს.
- Silencio — თეთრი ოთახი მცურავი არტეფაქტებით. თბილი ქაღალდისგან დამზადებული გალერეის ექსპონატი, სადაც თითოეული ელემენტი თავის ადგილს იკავებს უარყოფითი მოცულობის ფონზე და სიჩუმე განზრახ მიღებული დიზაინის გადაწყვეტილებაა.
- ORYZO AI — ფოტოესე ბნელ ოთახში. თბილ სიბნელეში ლივლივებს მარტოხელა ობიექტი, რომლის ერთადერთი დეკორაცია კრემისფერი შრიფტია.