Telegram, WhatsApp  +380637610482
ვალერი დანიუკი
ვალერი დანიუკიდეველოპერიბიზნესებისთვის ხელოვნური ინტელექტის ინსტრუმენტების შემუშავება. მაღალი ხარისხი. ხელმისაწვდომი ფასი.Telegram-ში მოწერა
Apple — ამ სტილის საიტის გადახედვა

Apple

თეთრი ოთახი ერთი ლურჯი ჩამრთველით

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

გვერდის განლაგება სრული სიგანის გვერდია კონტეინერის ფიქსირებული მაქსიმალური სიგანის გარეშე — სექციები გადაჭიმულია კიდიდან კიდემდე, ტექსტური ბლოკებით, რომლებიც ცენტრშია დაახლოებით 980 პიქსელზე. ნავიგაცია არის ერთი, ფიქსირებული გლობალური ზოლი დამატებითი ქვესაქაღალდით თითოეული პროდუქტისთვის, რომელიც გადახვევისას ჩნდება. ძირითადი განლაგება ყოველთვის ცენტრირებულია: დიდი პროდუქტის სახელი, ერთსტრიქონიანი სლოგანი, ორი აბის ღილაკი და შემდეგ პროდუქტის სურათი, რომელიც ავსებს დარჩენილ ხედვის არეალს. სექციები ვერტიკალურად არის დაწყობილი დიდი ვერტიკალური რიტმით (64 პიქსელი+ სექციებს შორის), #f5f5f7 და ფერადი ფონის მონაცვლეობით. ქვედა გვერდი არის სრული სიგანის სერვისის ბარათების ერთი ჰორიზონტალური რიგი (Apple TV+, Fitness+, Music, Arcade), თითოეული ფოტო ბლოკია გადაფარვის ტექსტით და აბის ღილაკით. არ არის გვერდითი ზოლები, არ არის მრავალსვეტიანი კონტენტის განლაგება, არ არის ასიმეტრიული კომპოზიციები — ყველაფერი არის ცენტრირებული, დაწყობილი და სიმეტრიული.

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

პალიტრა

ბრენდი

  • Apple Blue #0071e3 — შევსებული მოქმედების ღილაკები, შერჩეული მდგომარეობები - ერთადერთი ინტერაქტიული ქრომატული ფერი, რომელიც იშვიათად გამოიყენება ყველა გამოჩენას აზრიანი რომ გახადოს.
  • Link Blue #0066cc — მოქმედების ხაზგასმული საზღვრები, ჩაშენებული ბმულები - Apple Blue-ზე უფრო გაჯერებული ფერი გამოიყენება იქ, სადაც შევსებული პლანშეტი ზედმეტად თვალშისაცემი იქნებოდა.
  • Signal Blue #2997ff — დეკორატიული ჩარჩოები, გამოსახულების კონტურები, ხატულების საზღვრები - სისტემაში ყველაზე ღია ლურჯი ფერი, რომელიც გამოიყენება ატმოსფეროსთვის და არა მომხმარებლის ურთიერთქმედებისთვის.

ნეიტრალური

  • Carbon #1d1d1f — ძირითადი ტექსტი, სათაურების საზღვრები, ნავიგაციის ხაზები, ბარათის საზღვრები - მელნის დომინანტური ფერი თითქმის შავია თბილი ელფერით.
  • Frost #f5f5f7 — გვერდის ტილო, მთავარი ტექსტის ფონი და ქვედა კოლონტიტულის ზედაპირი Apple-ის დამახასიათებელი ღია ნაცრისფერია, რომელიც ოდნავ უფრო გრილი ფერისაა, ვიდრე სუფთა თეთრს.
  • Ice #f4f8fb — ექსპრესიული ზედაპირის შევსება, დახვეწილი ელფერები, ღილაკების ტექსტი მუქ ფონზე - დახვეწილი ლურჯი ელფერი, რომელიც აცოცხლებს განყოფილებას მისი გამორჩევის გარეშე.
  • Smoke #333333 — მეორადი ტექსტი, ნავიგაციის შევსება, ღილაკის საზღვრები - მრავალმხრივი ნეიტრალური ფერი საზღვრებისა და ხატულებისთვის, რომლებსაც საშუალო ნაცრისფერთან შედარებით მეტი გამოკვეთა სჭირდებათ.
  • Graphite #474747 — ნავიგაციის ტექსტი, ნავიგაციის საზღვრები, ბმულის საზღვრები - ელემენტების იერარქიაში ნახშირბადსა და კვამლს შორის შუალედურ პოზიციას იკავებს.
  • Ash #707070 — ქვედა კოლონტიტულის ტექსტი, სიის საზღვრები, ნავიგაციის საზღვრები, მდუმარე ძირითადი ტექსტი - საშუალო ნაცრისფერი ფერი იმ კონტენტისთვის, რომელიც უნდა იყოს წარმოდგენილი, მაგრამ არა თვალსაჩინო.

ტიპოგრაფია

12-დან 56 პიქსელამდე · 8 ნაბიჯი

  • SF Pro Display — ჩანაცვლება: Inter · კონტურები 400, 600, 700 · სათაურები და დიდი ტექსტი — 40 პიქსელზე მეტი ზომისთვის გამოიყენება ეკრანის ფორმატი უფრო ვიწრო დიაფრაგმისა და უფრო ძლიერი ნეგატიური თვალთვალისთვის; 700 განკუთვნილია სარეკლამო განლაგებისთვის, ხოლო 400 - სარედაქციო კონტენტში პროდუქტის დასახელებებისთვის.
  • SF Pro Text — ჩანაცვლება: Inter · კონტურები 300, 400, 600 · ძირითადი ტექსტი, ნავიგაცია, ღილაკები, ქვესათაურები — სამუშაო შრიფტი; 400 ძირითადი ტექსტისთვის, 300 ქვესათაურებისა და კვალიფიციური ეტიკეტებისთვის, 600 ნავიგაციის ელემენტებისა და ღილაკის ტექსტისთვის; უარყოფითი ასოების ინტერვალი მცირდება ზომის პროპორციულად (-0.022em-დან 12px-მდე, -0.01em-დან 44px-მდე).

ინტერვალები და ფორმა

მიზანიმნიშვნელობა
სიმჭიდროვესაშუალო
ძირითადი ნაბიჯი12px
ღილაკის რადიუსი980px
ბარათის რადიუსი8px
ჩრდილებისაზღვრების გარეშე ჩრდილების ნაცვლად
სექციებს შორის64px
გვერდის სიგანე1440px

ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Apple სტილში და შეავსებს მას

  • შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
  • გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
  • თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
  • სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.

მსგავსი სტილები

  • Ui — კლინიკური გეგმა მქრქალ ქაღალდზე
  • ElevenLabs — ფოტოესე თბილ კრემისფერ ტონებში, დახვეწილი სათაურებით. ბაუჰაუსის სტილის ბლოკნოტი - კვერცხის ნაჭუჭისფერი ქაღალდი, შავი მელანი და ერთი იისფერი და ნარინჯისფერი აქცენტი პროდუქტის საჩვენებლად.
  • monopo saigon — სარედაქციო სიჩუმის მიღმა თხევადი, მოელვარე ნათება - მონოქრომული სარედაქციო გალერეა, რომელიც გამდნარ შუქზე ლივლივებს.
  • Awesomic — სარედაქციო თუთიის ბადე ნარინჯისფერი პუნქტუაციის ნიშნებით, რომლებიც კონფეტის მოგვაგონებს
  • Monad — სარედაქციო ტექნიკური ჟურნალი თბილ პერგამენტზე
  • Dub — Link-ის მქრქალი ბრინჯის ქაღალდის მართვის პანელი
  • Seline Analytics — მშვიდი ანალიტიკური მაგიდა თბილ ქაღალდზე
  • Ventriloc — თბილ ქაღალდზე მონაცემების სარედაქციო დაკვირვება - ერთი ნარინჯისფერი ნაკვერჩხალი, რომელიც ხაზს უსვამს მონოქრომულ სიზუსტეს.
  • Duolingo — თეთრ ქაღალდზე ხალისიანი კლასის თილისმა
  • Stripe — ინდიგოს მელნით დაწერილი სააღრიცხვო წიგნი მქრქალ მინაზე
  • Notion — თბილი ქაღალდის რვეული შუადღის მზეზე
  • Hyer Aviation — პერგამენტზე დახატულ ქაღალდზე კაბინაში შებინდება. ფერმკრთალი განთიადის ცა ფიუზელაჟის ზომის სერიფის ლოგოს ერწყმის და ერთი თბილი თიხის აქცენტი მონოქრომულ თავშეკავებას არღვევს.