Figma
მონოქრომული შასი ქრომატული ქაოსისთვის
ინტერფეისი ფუნქციონირებს როგორც მკაცრი, მაღალი კონტრასტის სტრუქტურული კონტეინერი, რომელიც მომხმარებლის მიერ გენერირებულ კონტენტს სრულ ვიზუალურ დომინირებას ანიჭებს. საბაზისო ხაზი არის მკაცრი #000000-დან #ffffff-მდე პალიტრა, რომელიც გამორიცხავს ნაცრისფერ დახვეწილ ტონებს ძირითადი საზღვრებისა და ტექსტისთვის აბსოლუტური მაქსიმალური კონტრასტის სასარგებლოდ. ტიპოგრაფიული იერარქია თითქმის მთლიანად ეფუძნება ზომას და აგრესიულ უარყოფით ასოებს შორის ინტერვალს ფერის ვარიაციებზე და არა ფერთა ვარიაციებს, რაც ტექსტის დიდ ხაზებს მკვრივ გრაფიკულ ბლოკებად გარდაქმნის. საზღვრის რადიუსის ლოგიკა ქმნის მკვეთრ დიქოტომიას: გლობალური ნავიგაციის ელემენტების 50 პიქსელიანი გარე „ლურსმნები“ განზრახ ეწინააღმდეგება კონტენტის კონტეინერების მკვეთრ 0 პიქსელურ კუთხეებს.
კომპოზიციები დაფუძნებულია მაქსიმალური სიგანის უკიდურეს საზღვრებზე (მაქსიმუმ 1440 პიქსელი), რომლებიც ხედვის ფანჯრის ცენტრშია და მოიცავს შინაარსის მკვრივ კლასტერებს, რომლებიც გამოყოფილია დიდი მაკრო სივრცით (სექციებს შორის 96-120 პიქსელი თეთრი სივრცე). „გმირის“ არქეტიპი ხშირად იყენებს სურათების ასიმეტრიულ გალერეას, რომელიც დინამიურად არის მიმაგრებული მცურავი, იდეალურად ცენტრირებული ინტერფეისის ბლოკის ქვეშ. დაკეცვის ქვემოთ, ინფორმაცია დაუყოვნებლივ შეესაბამება მკაცრ ოთხსვეტიან ბადეს ზღვრების გარეშე, ჩარჩოებში ათავსებს ბარათების განმეორებად კლასტერებს, მაქსიმალურად ზრდის ობიექტის სიმკვრივეს და ამავდროულად ამცირებს ზღვრებს ჩარჩოდან.
ვიზუალური დიზაინი მომხმარებელზე ორიენტირებულ შედეგებზეა დაფუძნებული. სურათები გამოსახულია ბრტყელი, ჩარჩოს გარეშე კვადრატების ან მიმოფანტული, გადაფარვის ფრაგმენტების სახით, რომლებიც ფიზიკურ ობიექტებს მოგვაგონებს, მკვეთრ, ცარიელ ფონზე. ვებსაიტზე ფერის ერთადერთი წყარო სურათებია. არ არსებობს ცხოვრების წესის ფოტოგრაფიის ელემენტები ან სტანდარტული კორპორატიული ილუსტრაციები - თითოეული გრაფიკული ელემენტი ციფრული ტილოს ზუსტი, პირდაპირი ანაბეჭდია, რომელიც ერთდროულად ფუნქციონირებს როგორც პროდუქტის მტკიცებულება და პირველადი ესთეტიკური ელემენტი.
პალიტრა
ბრენდი
- Context Action Violet
#4d49fc— ქვეპანელებში ლოკალიზებული პირველადი მოწოდება მოქმედებისკენ - ერთი შემაფერხებელი ფერი განსაზღვრავს ფოკუსურ წერტილს.
ნეიტრალური
- Absolute Canvas
#ffffff— გვერდის ფონი, მოტივტივე ხელსაწყოთა ზოლები, აწეული პანელის ბაზები. - Structural Ink
#000000— ძირითადი შრიფტი, ღილაკის მყარი ფონი, ღილაკების კონტურები. - Graphite Metadata
#595959— მეორადი ავტორის ტექსტი, ლოკალიზებული ქვეტექსტი, ჩანაცვლების ველის მნიშვნელობები - Boundary Frame
#e2e2e2— დახვეწილი გამყოფები და არააქტიური შეყვანის ველის საზღვრები. - Angular Teal
#33dfdf— დეკორატიული ეფექტები, დატვირთვის ინდიკატორები და აქტიური კურსორის ვიზუალიზაცია.
ტიპოგრაფია
12-დან 72 პიქსელამდე · 6 ნაბიჯი
- figmaSans — ჩანაცვლება: Inter · კონტურები 320, 330, 340, 400, 450, 480, 520, 700 · მრავალმხრივი ინსტრუმენტი, რომელიც მართავს ყველაფერს, ეკრანის სათაურებიდან დაწყებული ნავიგაციის ეტიკეტებით დამთავრებული. ის ქმნის უნიკალურ იერსახეს ოპტიკური ნეგატივის თვალთვალის შეცვლით.
- figmaMono — ჩანაცვლება: JetBrains Mono · კონტურები 400 · მიკროტეგები, კოორდინატების თვალყურის დევნება და ტექნიკური ელფერები, რომლებიც უფრო მომხმარებლის ინტერფეისის ელემენტების ფუნქციას ასრულებენ, ვიდრე შინაარსის.
ინტერვალები და ფორმა
| მიზანი | მნიშვნელობა |
|---|---|
| სიმჭიდროვე | მკვრივი |
| ძირითადი ნაბიჯი | 24px |
| ღილაკის რადიუსი | 8px |
| ბარათის რადიუსი | 12px |
| ჩრდილები | საზღვრების გარეშე ჩრდილების ნაცვლად |
| სექციებს შორის | 96-120px |
| გვერდის სიგანე | 1440px |
ხელოვნური ინტელექტი შექმნის თქვენს ვებსაიტს Figma სტილში და შეავსებს მას
- შეავსეთ პროდუქტებითა და პოსტებით ბმულის საშუალებით - Instagram, TikTok, Facebook.
- გადაიტანეთ კონტენტი თქვენი ძველი საიტიდან — უბრალოდ მიუთითეთ მისამართი.
- თანამედროვე დიზაინი საუკეთესო ძრავზე: React ( Next.js) სერვერის რენდერინგით და SEO ოპტიმიზაციით, დაუყოვნებლივ.
- სრულად ავტომატიზირებული SEO ოპტიმიზაცია ძიების შედეგებისა და ნეირონული ქსელის რეკომენდაციებისთვის.
მსგავსი სტილები
- Caldera — თბილ კირქვაზე ცეცხლი გამოჭედე. ტილო უმი, თბილი თაბაშირისგანაა დამზადებული და თითოეული ნარინჯისფერი ელემენტი ზედაპირზე ჩაჭედილ მბჟუტავ ნაკვერჩხლებს ჰგავს.
- Vercel — თეთრ ქაღალდზე დაბეჭდილი ტერმინალი
- Dylanbrouwer — ბრუტალისტური საამქრო მზის ჩასვლისას
- Headspace — მზიანი ველნეს კუთხე თბილ ქაღალდზე
- WHOOP — შუაღამისას საშემსრულებლო ლაბორატორია - თეთრი კლინიკური ლაბორატორიის მაგიდები შავი თეატრალური სიცარიელის ქვეშ, ელექტროენერგიის ერთი იისფერი იმპულსი.
- (dot)connect — შვეიცარიული საინჟინრო ნახატი ნახშირის ერთი ნაჭრით
- Together AI — კვლევითი კონსოლი მყინვარულ ქაღალდზე
- Vivid+Co — პრიზმული შუქი ობსიდიანის მეშვეობით
- Sequel — დაბნელების შემდეგ კერძო ჩვენება ერთადერთი თბილი სინათლეა სხვაგვარად ბნელ კინოთეატრში.
- v0 by Vercel — ხრახნით შესრულებული ნახაზი. სიზუსტე და ფუნქციონალურობა უმნიშვნელოვანესია, თითოეული ელემენტი კი სუფთა, ტექნიკურად იდეალურ ზედაპირზე მკაფიო დანიშნულებას ემსახურება.
- ThoughtLab — ობსიდიანის ძეგლი ჟოლოსფერი სიგნალით. შავი სიცარიელის ტილო, სადაც ტაძარში ერთადერთი გაჯერებული წითელი ობიექტი, რომელიც დიდი თეთრი ასოებით არის დაბეჭდილი, ერთიანი ქრომატული ფიგურაა.
- Dovetail — შავი მთვარის ქვეშ ნახაზები - ძლივს შესამჩნევი გრაფიკული ხაზები, თეთრი შრიფტი, ერთი იისფერი ნაპერწკალი