Odkaz na složku
🔖 Podklady v Google Drive složce Marketing Česko.Digital - Brand
Česko.Digital je komunita expertních dobrovolníků, kteří ve svém volném čase dělají Česko lepším místem k životu. Chceme technologie přiblížit lidem tak, aby k nim přistupovali s důvěrou a naučili se je efektivně využívat. Vizuální identita Česko.Digital je soubor pravidel, která dohromady určují jednotný vizuální styl značky, komunity i její komunikace. Tak, aby byla identifikovatelná, rozpoznatelná, originální a funkční.
Vizuální identita Česko.Digital je jednoduchá a účelná. Jednoduše zajišťuje, aby informace, které předáváme dál, vždy vyzněly v souladu s našimi hodnotami a cíli.
Vizuální identita Česko.Digital pracuje s několika prvky, které dohromady umožňují vytvářet
...
Jak s jednotlivými prvky pracovat, popisuje komplexní MANUÁL VIZUÁLNÍ IDENTITYČesko.Digital.
Najdete zde informace, jak správně používat:
> Logotyp
> Písmo a komunikace
> Barvy
> Tonalita komunikace
> Práce s fotografií
> Práce se vzory, ilustracemi a tvary
Pro další zjednodušení práce s vizuální identitou máme k dispozici následující materiály či soubory pravidel:
> Visual book - zjednodušená forma manuálu s podklady ke stažení
> Aplikace vizuální identity - soubor ready-to use materiálů> Kategorizace brandu - architektura a souvstažnosti značekArchitektura značek (dříve jsme používali Kategorizace brandu) - studie Lumíra Kajnara vyjadřující vztahy mezi značkou č.d a dalšími značkami (zadavatelé, projekty, partneři ad.)
> Podznačky Česko.Digital - WIP
> Aplikace vizuální identity - soubor ready-to use materiálů ve Figma (odkazy níže v bodě 4)
1. Logotyp, typografie a manuál vizuální identity Česko.Digital
Logotyp a písmo Česko.Digital jsou základními stavebními kameny vizuální identity Česko.Digital.
...
👉 Více o vzniku originálního písma pro Česko.Digital v rozhovoru s Tomášem Brousilem
❗ Jak pracovat s logem a písmem Česko.Digital:
Komplexní doporučení, jak pracovat s logem Česko.Digital, tj. jaké má logo původ a význam, jaké jsou povolené rozpaly, ochranné zóny, jaké jsou doporučené i zakázané barevné varianty, i zástupný symbol loga č.d stanovujestanovují:
🎨 MANUÁL VIZUÁLNÍ IDENTITYČesko.Digital
Ten obsahuje i kompletní informace k typografii Česko.Digital: manuál stanovuje práci s primárním písmem, sekundární - zástupný font i typografické tipy, tj. strukturu nadpisů, podnadpisů a další doporučení.
🔖 Odkaz na Google Drive s veškerými podklady
🎨 VISUALBOOK:
Ve zjednodušené podobě jsou k dispozici informace týkající se použití loga, písma a barev k dispozici i v on-line podobě design manuálu, v tzv. Visualbooku, kde jsou k dispozici i loga a fonty v různých variantách dle potřeby použití volně ke stažení.
...
Autorem online aplikace Visualbook je designér Jiří Chlebus, který Česko.Digital poskytl Visualbook zdarma jako opensource řešení. Visualbook je možné (a doporučené) dále rozšiřovat a doplňovat o další prvky či odkazy.
Pozn. 💡 Doporučení 1: po finalizaci revize hodnot je třeba tyto informace upravit i v manuálu vizuální identity, kde je výčet jednotlivých hodnot č.d uvedený. Za úpravu informací stojí i samotný úvod, který je vytvářen v době vzniku Česko.Digital, kdy byla organizace primárně IT/technologickou organizací.
Pozn 💡 Doporučení 2.: po Vizuální identita Česko.Digital (logotyp, vlastní písmo, manuál i studie architektury značek má kvalitu a hodnotu, která je pro dobrovolnické prostředí unikátní. V dobrovolnickém prostředí tak vznikla práce, za kterou si designová studia účtují vyšší statisíce, hodnota dodaných materiálů by se řádově mohla vyšplhat k sedmicifernému číslu. Po dokončení písemných rozhovorů na téma vizuální identita doporučuji oslovit specializovaná média a domluvit článek na míru na téma vizuální identita a spolupráce Česko.Digital a známých osobností českého designu. Je to nejen možnost vyzdvihnout výsledek práce dobrovolníků, ale i expertízu. Ale především možnost tak lidem, kteří se na práci podíleli, poděkovat. Doporučená média k oslovení:
Popř. specializované odborné/ekonomické tituly jako
2. Kategorizace brandu - architektura vztahů pro co-branding
3. Podznačky Česko.Digital
4. Aplikace vizuální identity
Aplikace/Samolepky -💡 Doporučení 3: Vzít si k srdci slova Lumíra Kajnara. Co může vizuální identitě č.d uškodit? Ego, přílišná kreativita a snaha o vlastní invenci. Vizuální identita Česko.Digital je záměrně jednoduchá, účelová a účelná. Pro dodržení jednotného stylu stačí dodržovat jednoduché principy popsané v manuálu. Tak jako se rozvíjí organizace Česko.Digital, fluidní může být i vizuální identita a rozvíjet se o další prvky, před tím však doporučuji nastudovat si navržené principy a poslechnout rozhovor s Albertem Zikmundem a Jakubem Foglarem, kteří o dalším možném rozvoji i používání identity v praxi, mluví.
2. Kategorizace brandu - Architektura značek pro co-branding
Česko.Digital je komunita expertních dobrovolníků. A každá komunita je primárně o vztazích. Vztahy v Česko.Digital máme na více úrovních - s dobrovolníky v komunitě, se zadavateli, v rámci projektů i s našimi partnery a dalšími spolupracujícími organizacemi. O vyjádření těchto vztahů a souvstažností mezi značkou Česko.Digital a dalšími subjekty usiluje v designu zatím zcela unikátní projekt - studie Lumíra Kajnara “Architektura značek”. Tento dokument je více než návrh co-brandingu. Jde o zcela unikátní projekt, kdy se na co-branding díváme z vícero úrovní:
>podle vztahů: tj. jaký vztah č.d má a může mít
>podle typu projektu: jde o projekt, který vznikl v komunitě? Nebo o projekt, který jen konzultujeme, je v realizaci? I tyto informace i průběžný stav jsme schopni vyjádřit principem tohoto unikátního co-brandingu.
>podle toho, kdo dělá grafiku. Má projekt svou vlastní vizuální identitu? Nebo vše děláme na klíč?
>podle umístění v médiích a důležitosti zobrazení.
🎨 Studie Architektura značek od Lumíra Kajnara (poslední verze je č. 6 ze 4. 8. 2021)
🔖 Odkaz na složku Google Drive s veškerými podklady a verzemi
Aktuální stav: nejde o hotový manuál, nýbrž o studii, která je aktuálně ve fázi testování. Je třeba projít použitou termilogii a testovat používání vztahů jednotlivých značek v praxi.
používáme to skutečně tak, jak je uvedené? jsou informace v měnícím se pojetí č.d i nadále platné?
funguje nám takovéto vyjádření vztahů v rámci co-brandingu projektů, v rámci prezentací pro partnery apod.?
❗ V komentáři sdílím feedback od Jany Kneschke - na základě použití v rámci projektu Nedlužím státu. Obdobný feedback je vhodné posbírat napříč projekty a s Lumírem konzultovat a průběžně aktualizovat.
💡 Doporučení: Lumír Kajnar čeká na zpětnou vazbu od nás, je otevřený průběžné konzultaci k používání v praxi. Nejde o finální dokument a dalším společným rozvojem této studie může společnými silami vzniknout zcela unikátní (a třeba i monetizovatelný) model pro co-branding, se kterým dále mohou pracovat i další složky veřejného i neziskového sektoru nebo naši partneři.
3. Podznačky Česko.Digital (WIP)
Podprojekt, který vychází z logiky Architektury značek.
Cílem je vytvoření modelu - principů i samotného design návrhu - pro podobu podznaček (vlastních subbrandů) Česko.Digital. Pilotním modelem by měl být návrh názvu a loga pro vzdělávání v Česko.Digital č.edu.
Podprojekt realizují:
Jana Kneschke - modelové schéma, principy a doporučení
Kateřina Synková - design
Termín nasdílení prvního návrhu: konec září
4. Aplikace vizuální identity
Součástí vizuální identity jsou i tzv. Aplikace identity Česko.Digital. Tj. příklady použití vizuálního stylu na konkrétních materiálech, které v rámci Česko.Digital potřebujeme pro naše fungování uvnitř organizace i pro prezentaci pod značkou Česko.Digital navenek. A také ready-to-use materiály, které může jednoduše použít kdokoliv z kmenového týmu či komunity (s přístupem do Figma). Jedinou podmínkou použití těchto materiálů je stažení písma (fontu) Česko.Digital.
Seznam jednotlivých aplikací vizuální identity, na kterých se průběžně pracovalo, je k dispozici zde:
?? Seznam aplikací vizuální identity - stav a přehled nápadů i potřeb
🎨 Hotové aplikace a ready-to-use materiály, které vycházejí z vizuální identity Česko.Digital a materiály, na nichž se již s vizuální identitou č.d pracuje. Vše již aplikováno do praxe nebo je ve fázi návrhu k dalšímu dopracování.
Web - základní design:
>Aplikace vizuální identity na webu Česko.Digital: https://www.figma.com/file/8YdGIHXLPo8zt4ZN8KJ4Hy/C.D-Web
autor původního návrhu: Albert Zikmund
stav: aplikováno, zapracovány úpravy na základě feedbacku, možno dále rozvíjet na základě zdrojových dat ve Figma
Web
Aplikace/Medailonek - ostatní design:
>Stránka pro partnery Česko.Digital: https://www.figma.com/file/pR10VLAdaz01MJuceYqVY3/C.D-Partne%C5%99i
stav: kóduje se dle návrhu designu i obsahu, je třeba vyřešit možnost editace textů v Airtable a obsah pro další záložky
>Návrh designu pro Portál dobrovolníka
autor návrhů: Šnorbi
stav: aktuální návrh neodpovídá původnímu návrhu z důvodu iterativního vývoje projektu
Blog.Cesko.Digital:
>Aplikace/Blogová grafika - https://www.figma.com/file/kmmPYesyx2fXXNzghC4jrR/C.D-Blogov%C3%A1-grafika
autor návrhů: Šnorbi
stav: aplikováno, hotovo
>Aplikace/Nový blog - návrh redesignu - https://www.figma.com/file/fEMK0nLact6n6viD7u8P4cMHqkHyxlHRmOeMDs8OB6fX/C.D-Medailonek
Aplikace/Profilovka na Slack -Blog-2.0
autor návrhu: Šnorbi
stav: připraven návrh designu s cílem zpřehlednění a modernizace blogu. Návrh vychází z inspirační analýzy a nejnovějších trendů.
Sociální sítě a Slack:
>Aplikace/Cover na socky - https://www.figma.com/file/0924DXf6REm03IdUhWti69GnJgavm56yUQOoxipYWyc6/C.D-ProfilovkaCover-naSoci%C3%A1ln%C3%AD-s%C3%ADt%C4%9B
Aplikace/Závěrečné zprávy
autor návrhu: Šnorbi
stav: aplikováno na oficiální Facebook, Twitter, LinkedIn stránky Česko.Digital
>Aplikace/Cover na osobní Linkedin - https://www.figma.com/file/eWin2YRPhOgZFDgjJg0YFOdsgSNBYYwMhHOEvKol8f8L/C.D-Z%C3%A1v%C4%9Bre%C4%8Dn%C3%A9-zpr%C3%A1vy
Aplikace/Blogová grafika Cover-LinkedIn
autor návrhu: Šnorbi
stav: upraven oficiální LN banner na formát osobního banneru, nutná úprava vizuálu, text na banneru zasahuje do fotografie
>Aplikace/Profilovka do Slacku - lidé/avataři č.d - https://www.figma.com/file/kmmPYesyx2fXXNzghC4jrRViGzyUEMguqxAtt6djtbaj/C.D-Profilovka-Blogov%C3%A1-grafika
Aplikace/Favicon C.D do-Slacku
autor návrhu: Šnorbi (zadání), Kateřina Synková (design)
stav: hotovo, použili jsme k otestování na Slacku s cílem budoucí aplikace na sociálních sítích. Otestováno, na konci srpna se od návrhu ustoupilo na základě zpětné vazby kmenového týmu č.d.
návrh v podobě 👉 minimanuálu je k dispozici na tomto odkazu, celá konverzace k návrhu je k dispozici v tomto Slackovém vlákně
>Aplikace/Profilovka na Slack a sítě - č.d zástupný symbol - https://www.figma.com/file/0924DXf6REm03IdUhWti69/C.D-Profilovka-na-s%C3%ADt%C4%9B
>Aplikace/Favicon c.d (většítko) - https://www.figma.com/file/vZEX2O4sbg5XK2T9YSWnJ9/C.D-Favicon
Aplikace/Cover na Linkedin
autor návrhů: Šnorbi
stav: hotovo, aplikováno
>Aplikace/Medailonek dobrovolníků - https://www.figma.com/file/dsgSNBYYwMhHOEvKol8f8LfEMK0nLact6n6viD7u8P4c/C.D-Cover-LinkedIn
Aplikace/Show and tell Medailonek
autor návrhu: Šnorbi
stav: používáme v praxi
Partneři Česko.Digital:
>Aplikace/Závěrečné, průběžné a výroční zprávy (titulní stránka) - https://www.figma.com/file/hVdvOG8tkHnq2M06V9pc0qeWin2YRPhOgZFDgjJg0YFO/C.D-Show-and-Tell
Aplikace/Profilovka do Slacku - Z%C3%A1v%C4%9Bre%C4%8Dn%C3%A9-zpr%C3%A1vy
> Template prezentace (k využití pro prezentační účely č.d) - soubor zde
View file | ||
---|---|---|
|
autor návrhu: Šnorbi
stav: používáme v praxi. Prezentaci testovali Tomáš Walek, Anežka Müller a Tereza Gagnon v praxi, prvotní připomínky zapracované.
>Stránka pro partnery Česko.Digital: https://www.figma.com/file/ViGzyUEMguqxAtt6djtbajpR10VLAdaz01MJuceYqVY3/C.D-Profilovka-do-Slacku
Aplikace/Cover na socky Partne%C5%99i (viz výše v sekci web)
Vzdělávání Česko.Digital:
>Aplikace/Show and Tell - https://www.figma.com/file/GnJgavm56yUQOoxipYWyc6hVdvOG8tkHnq2M06V9pc0q/C.D-CoverShow-Soci%C3%A1ln%C3%ADand-s%C3%ADt%C4%9BTell
Aplikace>Aplikace/č.edu - https://www.figma.com/file/FKyYfZAQMtyCTOFhCRNyji/C.D-%C4%8D.edu
autor návrhů: Šnorbi
stav: používáme v praxi
Ostatní:
>Aplikace/Samolepky -
>Podpis do e-mailu
Další nápady, které jsme měli a deprioritizovaly se (nebyly zatím zapotřebí) viz výše uvedený seznam ?? Seznam aplikací vizuální identity - stav a přehled nápadů i potřeb