Notion
Ikaye ishyushye ku zuba rya saa sita
Imiterere ya Notion isa n'ikaye ikundwa cyane ku manywa y'ihangu: ikaye ishyushye kandi ifite amavuta meza (#f6f5f4) yumva ikora neza aho kuba idafite ubusembwa, ikoresha uburyo bwinshi bwo kwandika budafite ubusembwa butanga uburemere ku nyandiko y'ibicuruzwa, n'amabara akoreshwa nk'utumenyetso duto - "ibinini" byerekana inshinga, ubururu bumwe bushimangira igikorwa nyamukuru, n'urutonde rw'amabara azenguruka (korali, umuhondo, ikirere, ijoro rya mu gitondo) ashyira ibara inyuma y'amakarita nk'udupapuro. Amakarita atondekwa ku kaye ifite imipaka mito n'imfuruka - nta gicucu, nta chrome - nk'ibice by'ikaye ya Moleskine. Amashusho arakina kandi afite ubushyuhe, afite impinduka nziza kuri 200ms n'amashusho y'imibare afite ubushyuhe azana ubuzima ku kaye nta gushushanya.
Hagati, ubugari ntarengwa bugarukira kuri pikseli 1440. Ikintu nyamukuru ni agace gashyirwa hagati: umurongo w'ibimenyetso → umutwe munini w'imirongo ibiri ufite agapira k'amabara gashyizwemo → umutwe muto → umurongo ufite utubuto tubiri two guhamagarira abantu gukora → icyitegererezo kinini cya UI cy'ibicuruzwa. Munsi y'ikintu nyamukuru, ibice bisimburana hagati y'imirongo y'amakarita yera n'amabara yuzuye. Urukuta rw'ikirango ni umurongo umwe hagati w'ibirango by'abafatanyabikorwa mu gishishwa cy'umukara. Utuzu tw'ibiranga dukoresha imiterere y'inkingi ebyiri (inyandiko ibumoso, agace k'amabara iburyo), gasimburana ibumoso ugana iburyo hagati y'ibice. Igice cya "Baza abafasha bawe igihe ubishaka" gikoresha agace k'amakarita ya 2x2, aho ikarita yo hejuru ifata ubugari bwose, kandi umurongo wo hasi ugabanyijemo inkingi ebyiri zingana. Imiyoboro iri hagati y'ibice ni myinshi (~pikseli 80), bigatuma habaho umuvuduko utuje uhagaze. Uburyo bwo kugenda ni umurongo uhoraho wa pikseli 64 hejuru ufite ibintu byo kugenda hagati hamwe n'utubuto tw'ibikorwa dufatanye iburyo.
Amashusho ni ingenzi cyane, nta mafoto afite. Ururimi rw'amashusho rwubatswe ku bimenyetso birambuye kandi bifite amashusho (impande zizengurutse mu ruziga rw'amabara ya 2px), ibintu by'imitako idasobanutse (udupira dushushanyijeho intoki, umweru, imyambi, imiterere y'indabyo), n'ibishushanyo by'umukoresha w'icyo gicuruzwa. Ibirango bigaragara mu idirishya rikuru nk'umurongo utambitse w'amashusho arindwi kandi bitatanye ku ipaji nk'utumenyetso tw'ikinamico. Amashusho y'ibicuruzwa ni yo yonyine "nyayo" agaragara: agaragaza uburyo nyabwo bwo guhuza ibitekerezo (ibibaho bya Kanban, inyandiko zirebwa, paneli z'abahuza ba AI) hamwe n'ibintu byuzuye n'amakuru nyayo. Igishushanyo cy'ibicuruzwa mu idirishya rikuru ni kinini, kiri hagati, kandi gitanga igicucu kimwe gitandukanya na canvas. Nta mafoto y'ubuzima, nta mashusho y'ibintu, nta shusho idasobanutse ya 3D.
Paleti
Ikirango
- Notion Blue
#0075de— Ikintu cy'ingenzi cyuzuza buto ya "call-to-action" (CTA), ikimenyetso muri "active navigation", utubuto twuzuye tw'ibikorwa ni byo byonyine bifite amabara muri sisitemu isa n'iy'umwero umwe yuzuye bihagije ku buryo yafatwa nk'ihinduranya.
Ntaho bibogamiye
- Paper Warmth
#f6f5f4— Ibara ry'urupapuro, inyuma y'idirishya rikuru, n'inyuma y'igice byose ni amabara ashyushye, y'umutuku muto, atuma sisitemu igaragara nk'aho ikora neza kandi imeze nk'iya analog. - Pure White
#ffffff— Ubuso bw'amakarita, ibipande byazamuwe, inyuma y'ikirango, inyandiko inyuranye ku makarita yijimye. - Ink Black
#000000— Inyandiko nyamukuru, amasano yo kuzenguruka, imitwe - ikoreshwa mu buryo butandukanye bwo kubona ibintu (100%, 95%, 90%, 60%, 40%, 20%) kugira ngo hubakwe urutonde rw'ibintu nta mabara mashya yongeyeho. - Charcoal
#111111— Uburyo bwo kwandika umwijima ku bice bya UI aho umukara wonyine wagaragara nk'aho ukaze cyane. - Stone
#757575— Inyandiko y'igenzura ya kabiri, inyandiko y'inyongera yaburiwe irengero, utubuto twakuweho - alpha ya wino ya 60% - Graphite
#615d59— Inyandiko nyamukuru ifite ibara ry'umukara wijimye, rihuye n'inyuma ishyushye.
Imyandikire
kuva kuri 12 kugeza kuri 96px · Intambwe 10
- NotionInter — gusimbuza: Inter · imirongo 400, 500, 600, 700 · Inyuguti nyamukuru ya sans-serif ni inyuguti y’ubumuntu ifite ubusobanuro buto, ikoreshwa ku ngano 400 ku nyandiko y’umubiri, 500 ku buryo bwo kugenda/gukoresha, na 600-700 ku mitwe. Igipimo cy’inyuguti gikoresha intera y’inyuguti mbi ku ngano nini (-4.6px kuri 96px, -2px kuri 72px), ibyo bigatuma umutwe wumva utoroshye kandi ufite icyizere, aho kuba nk’aho uri mu kirere.
- Lyon Text — gusimbuza: Source Serif Pro · imirongo 400 · Inyuguti ya serif y’umwanditsi, igenewe ibice bimwe na bimwe by’inyandiko nyamukuru n’ibice by’ibanze, ikoreshwa gake (inshuro enye) kugira ngo ihe uburemere bw’inyandiko, nk’uko bivugwa mu kinyamakuru. Ikora nk’imvugo ishingiye kuri gahunda aho kuba nk’urwego rujyanye.
Intera n'imiterere
| Intego | Ubusobanuro |
|---|---|
| Ubucucike | impuzandengo |
| Intambwe y'ibanze | 8px |
| Umurambararo w'ubuto | 8px |
| Umwanya w'ikarita | 12px |
| Ibicucu | oya - imipaka aho kuba igicucu |
| Hagati y'ibice | 80px |
| Ubugari bw'ipaji | 1440px |
AI izubaka urubuga rwawe mu buryo bwa Notion kandi irwuzuze
- Uzuza ibicuruzwa n'inyandiko ukoresheje link - Instagram, TikTok, Facebook.
- Kuramo ibikubiye ku rubuga rwawe rwa kera—shyiraho aderesi gusa.
- Igishushanyo mbonera gigezweho kuri moteri nziza: React ( Next.js) hamwe no gukora neza kwa seriveri no kunoza SEO.
- Gukora SEO neza byikora ku buryo bwikora kugira ngo habeho ibisubizo by'ishakisha n'inama ku miyoboro y'ubwonko.
Imiterere isa
- ElevenLabs — Inyandiko y'amafoto mu mabara ashyushye afite imitwe y'amajwi. Ikaye imeze nk'iya Bauhaus—impapuro z'amabara y'igi, wino y'umukara, n'ibara rimwe ry'umuhengeri n'umuhondo wo kwerekana ibicuruzwa.
- Awesomic — Uduce tw'inyandiko twa zinc dufite utumenyetso tw'icunga twibutsa confetti
- Monad — ikinyamakuru cy'ubuhanga ku nyandiko zishyushye
- Dub — Akadomo k'impapuro z'umuceri za Link kakozwe mu buryo bwa matte
- Seline Analytics — Imbonerahamwe ituje yo gusesengura ku mpapuro zishyushye
- Anthropic — Ikinyamakuru cya siyansi kivuga ku ruhu rushyushye rw'amaboko y'inzovu, imitwe y'inyandiko isobanutse neza, n'imvugo imwe y'ibumba igaragara gusa iyo hakenewe igikorwa.
- Calendly — Wino y'ubururu bwijimye ku mabuye akonje
- Augen Pro — Ishusho y'umweru ya Apple igaragaza ubururu budafite uburemere, bukoresha amashanyarazi nk'uburyo bwonyine bwo gushyira mu mwanya wa monochrome.
- Antimetal — Inkuru y'ubwanditsi ku nyandiko nziza—igitondo gituje mu kinyamakuru cya siyansi, aho kwifata bigaragaza icyizere naho abasirikare bakuru bakarushaho kwitwara neza
- Perk — Ishishwa ry'amashanyarazi ku mpapuro zishyushye zo mu bwoko bwa "parchment"
- Ditto — Akazu k'izuba gatanga ingero z'indabyo zo mu gasozi. Ubuso bushyushye bw'amata, ibara ry'umuhondo ugaragara, wino y'ubururu bwijimye, amabara y'umwimerere arakura inyuma y'igice.
- Officevibe — Ikinyamakuru cy’umwanditsi ku mpapuro zishyushye zifite ibara ry’umutuku. Tekereza inyandiko ishishikaje ku micungire y’abakozi, igaragazwa nk'umusaruro—inyuguti y’ubururu ikoresha umurongo ngenderwaho w’ubururu bugezweho.