Figma
xromatik xaos üçün monoxrom şassi
İnterfeys, istifadəçi tərəfindən yaradılan məzmuna tam vizual dominantlıq verən ciddi, yüksək kontrastlı struktur konteyner kimi fəaliyyət göstərir. Əsas xətt, əsas haşiyələr və mətn üçün mütləq maksimum kontrastın lehinə incə boz çalarlarından imtina edən ciddi #000000-dən #ffffff-ə qədər palitradır. Tipoqrafik iyerarxiya, demək olar ki, tamamilə rəng dəyişikliklərinə deyil, ölçüyə və aqressiv mənfi hərf aralığına əsaslanır və böyük mətn sətirlərini sıx qrafik bloklara çevirir. Haşiyə radiusunun məntiqi kəskin bir dixotomiya yaradır: qlobal naviqasiya elementləri üçün 50 piksel xarici "dırnaqlar" qəsdən məzmun konteynerlərinin kəskin 0 piksel küncləri ilə ziddiyyət təşkil edir.
Kompozisiyalar, baxış sahəsinin mərkəzində yerləşən həddindən artıq maksimum enli sərhədlərə (maksimum 1440 piksel) əsaslanır və geniş makro boşluqla (bölmələr arasında 96-120 piksel boşluq) ayrılmış sıx məzmun qruplarını əhatə edir. "Qəhrəman" arxetipi tez-tez üzən, mükəmməl mərkəzləşdirilmiş UI blokunun altında dinamik olaraq lövbərlənmiş asimmetrik təsvir qalereyasından istifadə edir. Qatlanmanın altında məlumat dərhal kənarları olmayan ciddi dörd sütunlu bir şəbəkəyə uyğunlaşır, təkrarlanan kart qruplarını çərçivəyə salır, obyekt sıxlığını maksimum dərəcədə artırır və çərçivədən kənarları aradan qaldırır.
Vizual dizayn istifadəçiyə yönəlmiş nəticələrə əsaslanır. Şəkillər düz, çərçivəsiz kvadratlar və ya səpələnmiş, üst-üstə düşən, fiziki obyektləri xatırladan fraqmentlər şəklində sərt, boş bir fonda göstərilir. Şəkillər veb saytdakı yeganə rəng mənbəyidir. Həyat tərzi fotoqrafiyası elementləri və ya standart korporativ illüstrasiyalar yoxdur - hər bir qrafik element rəqəmsal kətanın dəqiq, hərfi anlıq görüntüsüdür və eyni zamanda məhsul sübutu və əsas estetik element kimi fəaliyyət göstərir.
Palitra
Brend
- Context Action Violet
#4d49fc— Alt panellər daxilində lokallaşdırılmış əsas çağırış - tək bir kəsici rəng fokus nöqtəsini müəyyən edir.
Neytral
- Absolute Canvas
#ffffff— Səhifə arxa planı, üzən alətlər panelləri, qaldırılmış panel əsasları. - Structural Ink
#000000— Sadə şrift, bütöv düymə arxa planı, düymə konturları. - Graphite Metadata
#595959— İkinci dərəcəli müəllif mətni, lokallaşdırılmış alt mətn, yer tutucu dəyərlər - Boundary Frame
#e2e2e2— İncə ayırıcılar və qeyri-aktiv giriş sahəsi sərhədləri. - Angular Teal
#33dfdf— Dekorativ effektlər, yükləmə göstəriciləri və aktiv kursor vizuallaşdırması.
Tipoqrafiya
12-dən 72 pikselə qədər · 6 addım
- figmaSans — əvəzetmə: Inter · konturlar 320, 330, 340, 400, 450, 480, 520, 700 · Ekran başlıqlarından tutmuş naviqasiya etiketlərinə qədər hər şeyi idarə edən universal bir vasitə. Optik mənfi izləməni dəyişdirərək unikal bir görünüş yaradır.
- figmaMono — əvəzetmə: JetBrains Mono · konturlar 400 · Mikroteqlər, koordinat izləmə və məzmundan daha çox istifadəçi interfeysi elementləri kimi fəaliyyət göstərən texniki tonlar.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 24px |
| Düymə radiusu | 8px |
| Kart radiusu | 12px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 96-120px |
| Səhifə eni | 1440px |
Süni intellekt veb saytınızı Figma üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Caldera — İsti əhəngdaşı üzərində od qalayın. Kətan çiy, isti suvaqdan hazırlanıb və hər narıncı element səthə basılmış közlərə bənzəyir.
- Vercel — Terminal ağ kağız üzərində çap olunub
- Dylanbrouwer — Gün batanda qəddar tökmə zavodu
- Headspace — İsti kağız üzərində günəşli bir sağlamlıq guşəsi
- WHOOP — Gecəyarısı performans laboratoriyası - qara teatr boşluğunun altında ağ klinik laboratoriya masaları, tək bir bənövşəyi elektrik impulsu
- (dot)connect — Tək bir kömür parçası ilə İsveçrə mühəndislik rəsmi
- Together AI — Buzlaq kağızı üzərində tədqiqat konsolu
- Vivid+Co — Obsidian vasitəsilə prizmatik işıq
- Sequel — Qaranlıq bir kinoteatrda qaranlıqdan sonra yalnız isti işıq özəl seansda görünür.
- v0 by Vercel — Torna dəzgahının çəkilişi. Dəqiqlik və funksionallıq hər bir elementin təmiz və texniki cəhətdən mükəmməl bir səthdə aydın bir məqsədə xidmət etməsi ilə vacibdir.
- ThoughtLab — Qırmızı işarəli obsidian abidəsi. Katedraldəki yeganə doymuş qırmızı obyektin böyük ağ hərflərlə çap olunmuş tək xromatik fiqur olduğu qara boşluqlu bir kətan.
- Dovetail — Qara ayın altındakı plan — çətinliklə görünən qrafik xətləri, ağ şrift, bir bənövşəyi parıltı