Kaloni te përmbajtja
Të gjitha veçoritëProdukti / Redaktori i faqes

Bëjeni faqen tuaj, hap pas hapi.

Ndryshoni përmbajtjen, përshtatni pamjen dhe zgjidhni veçoritë pranë faqes suaj. Redaktori tregon çfarë po ndryshoni para ruajtjes.

Shiko veçoritë

Faqja juaj. Zgjedhjet tuaja. Një rrugë e qartë nga ndryshimi i parë te drafti i ruajtur.

Punoni aty ku shihni rezultatin.

Zgjidhni një pjesë më poshtë për të hapur redaktorin e vërtetë në këtë faqe. Ilustrimi tregon lidhjen mes faqes dhe kontrolleve.

Pamje ilustruese · kontrollet e vërteta hapen kur zgjidhni
Pamje ilustruese e faqes
Faqja juaj

Një vend për të filluar.

Përmbajtja juaj shfaqet këtu ndërsa punoni në redaktorin pranë saj.

Zgjedhur: kjo faqe
Ndrysho faqen

Zgjidhni me çfarë doni të punoni.

Çdo zgjedhje hap redaktorin ekzistues të faqes.

Pikënisja dhe zgjedhjet e tua

Shiko çfarë përfshin shablloni fillestar dhe si ndryshojnë zgjedhjet e tua në shfletues. Hap Veçoritë ose Dizajnin për të vazhduar me të njëjtin draft.

Duke hapur zgjedhjet e tua në shfletues…

Ky krahasim vetëm lexon draftin në shfletues. Nuk ndërron shabllone, nuk zëvendëson përmbajtje dhe nuk krijon blerje ose shkarkime. Përmbajtja, navigimi, përkthimet dhe cilësimet e tjera të dizajnit mbeten në të njëjtin draft.

Shihni dizajnin tuaj në përdorim

Ndryshoni ngjyrat, qoshet dhe hapësirën në pjesë të njohura të një faqeje.

Pamje paraprake e dizajnit

Një dizajn, pjesë të njohura.

Këta shembuj përdorin ngjyrat dhe zgjedhjet e dizajnit të draftit tuaj aktual në shfletues.

Shembull faqeje

Teksti, sipërfaqet dhe veprimet

Ngjyrat e përbashkëta i mbajnë të lidhura pjesët përkatëse.

Shembull veprimi
Shembull formulari
Shembull vetëm për lexim
Shembull administrimi

Pjesët e projektit

  • Faqet
  • Navigimi
  • Cilësimet

Shembuj vetëm për lexim. Shembulli i administrimit nuk ka llogari të lidhur apo veprime.

Zgjedhjet aktuale

Qoshet
Të balancuara
Hapësirat
Rehatshëm
Kornizat
Të përcaktuara
Dendësia
E rehatshme
Ngjyrat automatike dhe të përshtatura

Çdo ngjyrë ka një qëllim. Vlerat automatike ndryshojnë me ngjyrat e lidhura; vlerat e përshtatura mbajnë zgjedhjen tuaj. Përdorni kontrollet ekzistuese të ngjyrave për të ndryshuar ose rivendosur një vlerë.

Duke redaktuar pamjen e errët

Sfondi
#101010Automatike
Teksti
#F5F5F5Automatike
Veprimi kryesor
#EEF067Automatike
Sipërfaqja
#181818Automatike
Teksti mbi sipërfaqe
#F5F5F5Automatike
Teksti i butonit
#000000Automatike
Sipërfaqe e zbutur
#232323Automatike
Teksti dytësor
#ADADADAutomatike
Kufijtë
#787878Automatike
Fokusi i tastierës
#EEF067Automatike

Dizajni

Ngjyrat

Zgjidhni një ngjyrë bazë. Ngjyrat e tjera përshtaten së bashku që faqja të mbetet e lexueshme.

Duke redaktuar pamjen e errët

Automatike
Automatike
Automatike
Shfaq më shumë ngjyra

Këto ngjyra përshtaten automatikisht me ngjyrat bazë për të ndihmuar në ruajtjen e kontrastit. Personalizimi ndalon përditësimin automatik vetëm për atë ngjyrë. Kontrolli i kontrastit mbetet aktiv.

Automatike
Automatike
Automatike
Automatike
Automatike
Automatike
Automatike
QoshetTë balancuara
Rehatshëm
Më shumë zgjedhje dizajni

Dendësia dhe gjerësia e kornizave ndryshojnë shembujt e komponentëve në faqen e redaktuesit. Pjesët e tjera të faqes mbajnë paraqitjen e tyre ekzistuese.

Pamja juaj paraprake në shfletues

Ngjyrat, qoshet dhe hapësira janë të përbashkëta në këtë pamje paraprake të faqes. Dendësia dhe gjerësia e kornizave ndryshojnë shembujt më sipër. Ndryshimet e ngjyrave vlejnë për pamjen e shfaqur.

Riktheni zgjedhjet tuaja

Duke hapur zgjedhjet e ruajtura…

Ruajtja mban zgjedhjet tuaja në këtë shfletues. Rivendosja e një ngjyre e kthen atë te vlera automatike. Rivendosja në redaktues kthen të gjitha ndryshimet e paruajtura, përfshirë përmbajtjen dhe veçoritë, te ruajtja e fundit.

Ruajtja dhe rikthimi
Çfarë ndryshon së bashku

Hapësira ndryshon largësinë rreth grupeve. Dendësia ndryshon hapësirën brenda shembujve. Qoshet dhe kornizat formojnë kartat, fushat dhe veprimet. Më shumë zgjedhje dizajni hap fushat ekzistuese të dendësisë dhe kornizave.

Kontrolloni rezultatin

Këta shembuj tregojnë një burim të përbashkët dizajni. Ata nuk verifikojnë çdo faqe të instaluar, ekran administrimi apo email. Kontrolloni kontrollet reale dhe fokusin e tastierës në të dyja pamjet. Njoftimet për kontrastin nuk certifikojnë aksesueshmërinë.

Tipografia, faqosja dhe marka

Shihni ritmin e tekstit. Kuptoni çfarë mund të ndryshojë kjo pamje paraprake.

Po ngarkohet parapamja e shkronjave…

Identiteti i projektit

Emri i faqes së projektit
Field & Fold
Përshkrimi i projektit
Shënime terreni dhe praktika të qeta për vëmendjen, reflektimin dhe atë që ndodh kur kthehesh në të njëjtin vend.

Shembull skede shfletuesi

Ikona fikse e faqes KottokoField & Fold

Ky shembull bashkon emrin e projektit tuaj me ikonën fikse të Kottoko. Ndryshimi i identitetit ose dizajnit të projektit nuk zëvendëson ikonën ose emrin grafik të kësaj faqeje.

Shembuj emaili

Shikoni shembuj mesazhesh transaksionale që ndjekin dizajnin e projektit. Shikimi i tyre nuk konfiguron një dërgues dhe nuk dërgon email.

Shikoni shembujt e emailit
Daljet e mbështetura dhe kufizimet

Këta shembuj tregojnë draftin tuaj në shfletues. Prova lokale e veçantë e markës mbështet dy skedarë SVG fiksë dhe një skedar që përshkruan burimin e tyre. Shkarkimet nuk janë të disponueshme në këtë pamje paraprake publike.

Prova lokale e fletës së markës
brand-sheet.svg · 1600 × 1000
Prova lokale e njoftimit social
social-announcement.svg · 1200 × 630
Informacioni i burimit
kottoko-brand-assets.manifest.json

Prova lokale përdor një dizajn të instaluar dhe të verifikuar. Ndryshimet e paruajtura të draftit nuk përfshihen. Eksporti bllokohet nga një dizajn i zbatuar vetëm në faqen lokale, një regjistrim i pavlefshëm për të ose një dizajn i instaluar që nuk përputhet me projektin. Kjo pamje nuk verifikon skedarët e eksportit dhe nuk autorizon publikimin.

Skedarët SVG u referohen shkronjave të projektit; nuk i përfshijnë ato. Prova lokale përdor një emër projekti deri në 80 karaktere dhe një përshkrim deri në 240; paraqitjet fikse mund ta shkurtojnë tekstin e gjatë.

Eksportet e ikonave, emailit, PNG, PDF dhe prezantimeve nuk përfshihen në këtë pamje paraprake publike. Këtu nuk ka gjenerator materialesh në një shërbim të jashtëm.

Aksesueshmëria dhe përshtatja e ekranit

Provojeni me tastierë

Lexoni një shembull, korrigjoni një formular të paplotë dhe shihni pamjen në një ekran të vogël.

Shembull leximi

Shi në skajin e rrugës.

Një shënim për ndërprerjen, vëmendjen dhe atë që zbulojnë sipërfaqet e lagura.

Korrigjoni një formular të paplotë

Lëreni bosh një fushë të detyrueshme. Formulari shembull tregon çfarë duhet plotësuar dhe ruan atë që keni shkruar.

Shembulli i formularit nuk është i disponueshëm në këtë kontekst. Përgjigjet e ruajtura dhe drafti i faqes ruhen.

Vazhdoni të njëjtën detyrë në një ekran të vogël

Hapni pamjen paraprake për celular në redaktues. Pastaj përdorni zmadhimin e shfletuesit për të kontrolluar përmbajtjen në një madhësi më të madhe.

Pamja paraprake e redaktuesit nuk është e disponueshme në këtë kontekst.

Më pak lëvizje, të njëjtat veprime

Hapeni dhe mbylleni këtë shënim leximi. Preferenca e pajisjes për lëvizje të reduktuar heq lëvizjen e shkurtër gjatë hapjes.

Shi në skajin e rrugës.

Një shënim për ndërprerjen, vëmendjen dhe atë që zbulojnë sipërfaqet e lagura.

Teksti dhe sfondet ndjekin temën e kësaj pamjeje paraprake. Kontrolloni përmbajtjen tuaj në të dyja pamjet.

Shembuj lokalë, jo auditim aksesueshmërie. Kontrolloni përmbajtjen tuaj dhe rrjedhat e plota të përdorimit para publikimit.

Shembull në shfletues

Lëvizje që ju ndihmon të ndiqni një ndryshim

Provoni një shfaqje të shkurtër. Zgjedhja e projektit dhe preferenca e pajisjes veprojnë së bashku.

Shfaqni shënimin e leximit

Shi në skajin e rrugës.

Një shënim për ndërprerjen, vëmendjen dhe atë që zbulojnë sipërfaqet e lagura.

E njëjta përmbajtje leximi mbetet e disponueshme pa lëvizje.

Çfarë tregon kjo pamje paraprake

Hapja e shënimit mund ta shfaqë shkurt përmbajtjen përkatëse. Mbyllja është e menjëhershme. Lëvizja e reduktuar e projektit ose preferenca e pajisjes e heq lëvizjen, me të njëjtën përmbajtje dhe kontrolle.

Ky shembull lokal nuk ndryshon çdo kontroll ekzistues dhe nuk verifikon të gjithë bibliotekën e lëvizjes.

Lëvizja e projektit
E qetë
Kohëzgjatja e reagimit
120ms
Kohëzgjatja e shfaqjes
240ms
Kurba e kohës
cubic-bezier(0.2, 0, 0, 1)

Dijeni sa larg shkon ndryshimi.

Redaktori emërton elementin që po ndryshoni. Navigimi i përbashkët dhe dizajni i projektit kanë ndikim më të gjerë.

01 / Faqe

Kjo faqe

Ndryshoni tekstin e faqes së zgjedhur në gjuhën aktuale.

02 / E përbashkët

Pjesë të përbashkëta

Lidhjet e kreut dhe fundit përdoren në të gjithë faqen.

03 / Projekti

I gjithë projekti

Zgjedhjet e dizajnit si ngjyrat dhe shkronjat ndjekin temën e projektit.

Mbani parasysh pamjen e plotë.

Redaktori punon me gjuhën aktuale dhe draftin tuaj të ruajtur. Disa procese kanë mjete të veçanta rishikimi.

Gjuhët

Ndërroni gjuhën në krye të faqes. Ndryshimet e përmbajtjes vlejnë për gjuhën që shihni; zgjedhjet e dizajnit vlejnë për gjithë projektin.

Historia e artikullit

Artikujt kanë rishikim redaksional dhe histori versionesh më vete. Redaktori i faqes përdor Ruaj dhe Rikthe për draftin aktual demonstrues.

Hap shembullin e artikullit

Përmbledhja e projektit

Është planifikuar një përmbledhje opsionale për audiencën, qëllimet dhe kufizimet. Ajo ende nuk mund të ndryshohet në këtë demo publike.

Rishikoni, ruani dhe riktheni.

Shikoni këtë faqe në përmasa për kompjuter, tablet dhe telefon. Shembujt e veçorive që e mbështesin tregojnë edhe gjendje të zakonshme. Ruani draftin demonstrues kur të jetë gati, ose konfirmoni Rikthimin për t’u kthyer te ruajtja e fundit.

Gjendja e ruajtjes shihet qartëRikthim me konfirmim