Figma
chassis monochrome maka ọgba aghara chromatic
Njikọta ahụ na-arụ ọrụ dị ka akpa siri ike, nke nwere ọdịiche dị elu, na-enye njikwa anya zuru oke na ọdịnaya ndị onye ọrụ mepụtara. Ntọala bụ #000000 ruo #ffffff palette siri ike, nke na-ewepụ agba dị nro nke isi awọ iji kwado ọdịiche kachasị elu maka ókèala na ederede bụ isi. Nhazi edemede dabere na nha na oghere mkpụrụedemede na-adịghị mma kama mgbanwe agba, na-agbanwe nnukwu ahịrị ederede ka ọ bụrụ blọk eserese dị oke arọ. Echiche nke radius ókèala na-emepụta ọdịiche dị egwu: "mbọ" mpụga 50px maka ihe ịnyagharị ụwa na-eme ka ọ dị iche na akụkụ 0px dị nkọ nke akpa ọdịnaya.
Ihe mejupụtara ya dabere na oke obosara kachasị elu (1440px kacha elu) nke na-eme ka ebe nlele ahụ dị n'etiti ma gụnye nnukwu mkpokọta ọdịnaya nke nnukwu oghere kewara (96-120px nke oghere ọcha n'etiti ngalaba). Ụdị "dike" a na-ejikarị ebe ngosi ihe onyonyo a na-anaghị agbanwe agbanwe nke edobere n'okpuru ngọngọ UI na-ese n'elu mmiri, nke etiti ya zuru oke. N'okpuru mpịachi ahụ, ozi na-adaba ozugbo na grid kọlụm anọ siri ike na-enweghị oke, na-ahazi otu kaadị ugboro ugboro, na-eme ka njupụta ihe dịkwuo elu ebe na-ewepụ oke na etiti ahụ.
Nhazi ihe osise a dabere na nsonaazụ ndị onye ọrụ lekwasịrị anya. A na-egosi onyonyo dị ka square dị larịị, enweghị frame ma ọ bụ iberibe gbasasịrị agbasasị, na-eme ka ihe ndị a na-ahụ anya dị nro, n'akụkụ ndabere dị larịị, tọgbọ chakoo. Foto bụ naanị isi iyi agba na weebụsaịtị ahụ. Enweghị ihe osise ụdị ndụ ma ọ bụ ihe osise ụlọ ọrụ nkịtị - ihe osise ọ bụla bụ foto ziri ezi, nke nkịtị nke ákwà dijitalụ, na-arụ ọrụ n'otu oge dị ka ihe akaebe ngwaahịa na ihe mara mma bụ isi.
Paletị
Akara
- Context Action Violet
#4d49fc— Oku izizi emere n'ime obere panel - otu agba nkwụsịtụ na-akọwa isi ihe dị na ya.
Na-anọpụ iche
- Absolute Canvas
#ffffff— Ntọala ibe, ngwaọrụ ngwaọrụ na-ese n'elu mmiri, ntọala panel e buliri elu. - Structural Ink
#000000— Mkpuruedemede dị mfe, ndabere bọtịnụ siri ike, ihe osise bọtịnụ. - Graphite Metadata
#595959— Ederede nke abụọ nke edemede, ederede mpaghara, uru ihe njide - Boundary Frame
#e2e2e2— Ihe ndị na-ekewapụ ihe dị nro na ókèala ubi ntinye na-adịghị arụ ọrụ. - Angular Teal
#33dfdf— Mmetụta ịchọ mma, ihe ngosi ibu na ihe ngosi nke kọsọ na-arụ ọrụ.
Ụdị edemede
site na 12 ruo 72px · nzọụkwụ 6
- figmaSans — nnọchi: Inter · ihe nhazi 320, 330, 340, 400, 450, 480, 520, 700 · Ngwaọrụ dị iche iche nke na-ejikwa ihe niile site na aha ngosi ruo na akara igodo. Ọ na-emepụta ọdịdị pụrụ iche site na ịgbanwe ihe nlele anya na-adịghị mma.
- figmaMono — nnọchi: JetBrains Mono · ihe nhazi 400 · Akara microtags, nsochi nhazi, na okwu teknụzụ ndị na-arụ ọrụ dị ka ihe ndị metụtara interface onye ọrụ karịa dị ka ọdịnaya.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | dị oke arọ |
| Nzọụkwụ bụ isi | 24px |
| Redịọs bọtịnụ | 8px |
| Redịọs kaadị | 12px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 96-120px |
| Obosara ibe | 1440px |
AI ga-ewulite weebụsaịtị gị n'ụdị Figma ma jupụta ya
- Jupụta ngwaahịa na ozi site na njikọ ahụ - Instagram, TikTok, Facebook.
- Bufee ọdịnaya site na saịtị ochie gị—kpọọ naanị adreesị ahụ.
- Nhazi ọgbara ọhụrụ na injin kacha mma: React ( Next.js) na nhazi sava na nhazi SEO n'ime igbe.
- Nhazi SEO akpaghị aka zuru oke maka nsonaazụ ọchụchọ na ndụmọdụ netwọkụ akwara.
Ụdị ndị yiri ya
- Caldera — Gbanye ọkụ n'elu nkume limestone na-ekpo ọkụ. Kanvas ahụ bụ ihe e ji kpụọ ọkụ, nke na-adịghị ekpo ọkụ, ihe ọ bụla e ji oroma mee dịkwa ka ire ọkụ na-ere ọkụ nke a pịnyere n'elu ya.
- Vercel — E biri na akwụkwọ ọcha nke e biri n'elu ọdụ
- Dylanbrouwer — Ụlọ ọrụ ihe owuwu ndị omekome n'oge anyanwụ dara
- Headspace — Nkuku ahụike anwụ na-acha n'elu akwụkwọ ọkụ
- WHOOP — Ụlọ nyocha arụmọrụ n'etiti abalị - tebụl ụlọ nyocha ahụike ọcha n'okpuru oghere ihe nkiri ojii, otu ọkụ eletrik odo odo
- (dot)connect — Ihe osise injinia nke Switzerland nwere otu iberibe unyi
- Together AI — Ngwa nyocha na akwụkwọ glacial
- Vivid+Co — ìhè prismatic site na obsidian
- Sequel — Ihe ngosi nkeonwe mgbe ọchịchịrị gasịrị bụ naanị ìhè na-ekpo ọkụ n'ime sinima gbara ọchịchịrị.
- v0 by Vercel — Ịse ihe e ji asa ákwà. Ịse ihe na ịrụ ọrụ ya dị oke mkpa, ihe ọ bụla e ji ya mee ihe doro anya n'elu ebe dị ọcha ma zuru oke n'ụzọ teknụzụ.
- ThoughtLab — Ihe ncheta obsidian nwere akara uhie uhie. Ihe oyiyi ojii nke tọgbọ chakoo, ebe naanị ihe uhie juru eju na katidral ahụ, nke e biri n'akwụkwọ ọcha buru ibu, bụ otu ihe oyiyi chromatic.
- Dovetail — Ihe osise n'okpuru ọnwa ojii—ahịrị eserese a na-anaghị ahụ anya, mkpụrụedemede ọcha, otu ihe na-egbuke egbuke odo odo