Figma
шасси монохромӣ барои бесарусомонии хроматикии
Интерфейс ҳамчун як контейнери сохтории қатъӣ ва дорои контрасти баланд амал мекунад, ки бартарии пурраи визуалиро ба мундариҷаи аз ҷониби корбар тавлидшуда медиҳад. Асосӣ палитраи қатъии #000000 то #ffffff мебошад, ки сояҳои нозуки хокистариро ба манфиати контрасти мутлақи ҳадди аксар барои марзҳо ва матни асосӣ рад мекунад. Иерархияи типографӣ қариб пурра ба андоза ва фосилаи манфии ҳарфҳои хашмгин асос ёфтааст, на ба тағйироти ранг, ки сатрҳои калони матнро ба блокҳои зичи графикӣ табдил медиҳад. Мантиқи радиуси марз дихотомияи шадидро ба вуҷуд меорад: "мехҳо"-и берунии 50px барои унсурҳои навигатсионии ҷаҳонӣ қасдан бо кунҷҳои 0px-и контейнерҳои мундариҷа муқобилат мекунанд.
Композитсияҳо бар асоси сарҳадҳои паҳнои ҳадди аксар (ҳадди аксар 1440 пиксел), ки майдони намоишро дар марказ ҷойгир мекунанд, сохта шудаанд ва кластерҳои зичи мундариҷаро дар бар мегиранд, ки бо фазои фаровони макро (96-120 пиксел фосилаи холӣ байни бахшҳо) ҷудо карда шудаанд. Архетипи "қаҳрамон" аксар вақт галереяи носимметрии тасвирҳоро истифода мебарад, ки ба таври динамикӣ дар зери блоки UI-и шинокунанда ва комилан марказонидашуда ҷойгир карда шудааст. Дар зери қат, маълумот фавран ба шабакаи қатъии чорсутунӣ бидуни ҳошия мувофиқат мекунад, кластерҳои такрории кортҳоро чаҳорчӯба мекунад ва зичии объектро ба ҳадди аксар мерасонад ва дар айни замон ҳошияҳоро аз чаҳорчӯба нест мекунад.
Тарроҳии визуалӣ бар асоси натиҷаҳои ба корбар нигаронидашуда тартиб дода шудааст. Тасвирҳо ҳамчун чоркунҷаҳои ҳамвор, бе чаҳорчӯба ё пораҳои пароканда ва ҳампӯш, ки ба ашёи ҷисмонӣ монанданд, дар пасманзари сахт ва холӣ намоиш дода мешаванд. Тасвирҳо ягона манбаи ранг дар вебсайт мебошанд. Дар он унсурҳои аксбардории тарзи зиндагӣ ё тасвирҳои стандартии корпоративӣ мавҷуд нестанд - ҳар як унсури графикӣ акси дақиқ ва аслии як порчаи рақамӣ мебошад, ки ҳамзамон ҳамчун исботи маҳсулот ва унсури асосии эстетикӣ амал мекунад.
Палитра
Бренд
- 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 — Нақшае дар зери моҳи сиёҳ — хатҳои графикии қариб намоён, шрифти сафед, як дурахши арғувонӣ