Figma
chassis ya monochrome ya chisokonezo cha chromatic
Chida cholumikizira chimagwira ntchito ngati chidebe cholimba komanso chosiyana kwambiri, chomwe chimapereka mawonekedwe owoneka bwino pazinthu zopangidwa ndi ogwiritsa ntchito. Choyambira ndi #000000 mpaka #ffffff, chomwe chimapewa mithunzi yocheperako ya imvi m'malo mwa kusiyana kwakukulu kwa malire ndi zolemba. Kuchuluka kwa zilembo kumadalira pafupifupi kukula ndi malo olakwika a zilembo m'malo mwa mitundu, kusintha mizere yayikulu ya zolemba kukhala zidutswa zokhuthala. Malingaliro a radius ya malire amapanga kusiyana kwakukulu: "misomali" yakunja ya 50px ya zinthu zoyendera padziko lonse lapansi imasiyana mwadala ndi ngodya za 0px za zotengera zomwe zili mkati.
Mapangidwe ake amachokera ku malire akutali kwambiri (1440px max) pakati pa malo owonera ndipo amaphatikizapo magulu okhuthala a zinthu zomwe zimalekanitsidwa ndi malo akuluakulu (96-120px ya malo oyera pakati pa magawo). Mtundu wa "hero" nthawi zambiri umagwiritsa ntchito zithunzi zosafanana zomwe zimakhazikika pansi pa block ya UI yoyandama, yokhazikika bwino. Pansi pa fold, chidziwitsocho nthawi yomweyo chimagwirizana ndi gridi yolimba ya mizere inayi yopanda malire, kupanga magulu obwerezabwereza a makadi, kukulitsa kuchuluka kwa zinthu ndikuchotsa malire kuchokera pa chimango.
Kapangidwe ka zithunzi kamachokera ku zotsatira zomwe ogwiritsa ntchito amayang'ana. Zithunzi zimawonetsedwa ngati mabwalo athyathyathya, opanda chimango kapena zidutswa zobalalika, zolumikizana, zomwe zimakumbutsa zinthu zakuthupi, kumbuyo kopanda kanthu. Zithunzi ndiye gwero lokhalo la utoto patsamba lino. Palibe zithunzi za moyo kapena zithunzi zamakampani wamba—chithunzi chilichonse ndi chithunzi chenicheni cha nsalu ya digito, chomwe chimagwira ntchito nthawi imodzi ngati chitsimikizo cha zinthu komanso chinthu chachikulu chokongoletsera.
Paleti
Mtundu
- Context Action Violet
#4d49fc— Kuyitana koyamba koyambirira kuchitapo kanthu mkati mwa ma sub-panels - mtundu umodzi wosokoneza umatsimikizira malo ofunikira.
Osalowerera
- Absolute Canvas
#ffffff— Chiyambi cha tsamba, zida zoyandama, maziko okwezeka a mapanelo. - Structural Ink
#000000— Chilembo choyambira, maziko olimba a batani, ndi mafotokozedwe a batani. - Graphite Metadata
#595959— Zolemba zachiwiri, mawu am'munsi omwe ali m'deralo, mfundo za cholozera malo - Boundary Frame
#e2e2e2— Zolekanitsa zobisika ndi malire osagwira ntchito a gawo lolowera. - Angular Teal
#33dfdf— Zotsatira zokongoletsa, zizindikiro zokweza ndi kuwonetsa kwa cholozera chogwira ntchito.
Kulemba zilembo
kuyambira 12 mpaka 72px · masitepe 6
- figmaSans — cholowa m'malo: Inter · mndandanda 320, 330, 340, 400, 450, 480, 520, 700 · Chida chogwiritsidwa ntchito mosiyanasiyana chomwe chimayang'anira chilichonse kuyambira mitu yowonetsera mpaka zilembo zoyendera. Chimapanga mawonekedwe apadera mwa kusintha njira yotsatirira yowoneka bwino.
- figmaMono — cholowa m'malo: JetBrains Mono · mndandanda 400 · Ma Microtag, kutsata kogwirizana, ndi ma overtones aukadaulo omwe amagwira ntchito kwambiri ngati zinthu zolumikizirana ndi ogwiritsa ntchito osati monga zomwe zili.
Zosintha ndi mawonekedwe
| Cholinga | Tanthauzo |
|---|---|
| Kuchulukana | wokhuthala |
| Gawo loyambira | 24px |
| Utali wa batani | 8px |
| Utali wa khadi | 12px |
| Mithunzi | ayi - malire m'malo mwa mithunzi |
| Pakati pa magawo | 96-120px |
| Kukula kwa tsamba | 1440px |
AI idzamanga tsamba lanu lawebusayiti mu kalembedwe ka Figma ndikulidzaza
- Dzazani ndi zinthu ndi zolemba kudzera pa ulalo - Instagram, TikTok, Facebook.
- Tumizani zinthu kuchokera patsamba lanu lakale—ingotchulani adilesi.
- Kapangidwe kamakono pa injini yabwino kwambiri: React ( Next.js) yokhala ndi mawonekedwe a seva ndi kukonza SEO koyambirira.
- Kukonza bwino SEO yanu yokha kuti mupeze zotsatira zakusaka ndi malingaliro a netiweki ya neural.
Masitaelo ofanana
- Caldera — Yatsani moto pa miyala yamchere yofunda. Kanivasi ndi yaiwisi, yofunda, ndipo chinthu chilichonse cha lalanje chimaoneka ngati makala ofuka omwe amakanikizidwa pamwamba.
- Vercel — Chosindikizira chosindikizidwa pa pepala loyera
- Dylanbrouwer — Malo opangira zitsulo zankhanza dzuwa litalowa
- Headspace — Kona yowala bwino pa pepala lofunda
- WHOOP — Labu yochitira zinthu pakati pausiku - matebulo oyera a labu yachipatala pansi pa malo akuda owonetsera zisudzo, kugunda kwamagetsi kofiirira kamodzi
- (dot)connect — Chithunzi chaukadaulo cha ku Switzerland chokhala ndi makala amodzi
- Together AI — Chokonezo chofufuzira pa pepala la glacial
- Vivid+Co — kuwala kwa prismatic kudzera mu obsidian
- Sequel — Kuwonera pawekha usiku ndi nyali yokhayo yotentha mu sinema yomwe mwina inali yamdima.
- v0 by Vercel — Kujambula kwa lathe. Kulondola ndi magwiridwe antchito ndizofunikira kwambiri, ndipo chinthu chilichonse chimagwira ntchito bwino pamalo oyera komanso angwiro.
- ThoughtLab — Chipilala cha obsidian chokhala ndi chizindikiro chofiira. Chinsalu chakuda chopanda kanthu, komwe chinthu chofiira chokhacho chomwe chili mu tchalitchi chachikulu, chosindikizidwa ndi zilembo zazikulu zoyera, ndi chithunzi chimodzi cha chromatic.
- Dovetail — Chithunzi chojambulidwa pansi pa mwezi wakuda—mizere ya graph yosaoneka bwino, zilembo zoyera, kuwala kofiirira kamodzi