City of Poprad Brand Guidelines

  • Upload
    sano

  • View
    228

  • Download
    1

Embed Size (px)

Citation preview

  • 8/17/2019 City of Poprad Brand Guidelines

    1/54

  • 8/17/2019 City of Poprad Brand Guidelines

    2/54

    Dizajn manuál mesta Poprad

  • 8/17/2019 City of Poprad Brand Guidelines

    3/54

     

    Vitajte! Tento dizajnmanuál som vytvoril ako prílohu ku môjmu maturitnému projektu, kde sa zaoberámproblematikou jednotného vizuálneho štýlu mesta Poprad. Chcel by som vyjadriť úprimné poďakovanie mojejkonzultantke Ing. Nataši Sobanskej, za odbornú spolupráci pri tvorbe.

    V tomto dizajn manuáli sa nachádzajú štyri časti, logomanuál, merkatnilné tlačoviny, vizualizácie loga a návrhmobilnej aplikácie a webstránky. Na celý obsah uvedený v tomto dizajnmanuáli sa vzťahuje licencia

    Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)dispozícií na bit.ly/1iadJPP

  • 8/17/2019 City of Poprad Brand Guidelines

    4/54

    Obsah

    1. Logo manuál  4 - Základná značka a základná verzia loga  6 - Denícia farebnosti  8 - Ochranná zóna loga

      10 - Denícia typograe  12 - Horizontálna a vertikálna verzia loga

      14 - Ostatné použitie loga  16 - Čiernobiele prevedenie loga  18 - Aplikácia loga na podkladovú plochu

    20 - Zakázané varianty

    2. Merkantilné tlačoviny  21,22 - Vizitky, CD obal a potlač CD  24 - Bannerová - roll up reklama

    26 - Potlač textilu -tričká  27,28 - Darčekové tašky, visačka, menovka na stôl  30 - Hlavičkový papier

    3. Vizualizácie loga  31,32 - Polep autobusu MHD, polep auta pre služby mesta  33,34 - Vizualizácia korešpondencie, polep steny v konferenčnej miestnosti

    35,36 - Vizualizácia potlače látkovej tašky a interiérovej reklamy  37,38 - Vizualizácia loga (3D vyrezávané drevené logo, polep bielou fóliou na sklo  39,40 - Vizualizácia exterérovej reklamy na autobusovej zastávke a na billboarde  41,42 - Vizualizácia označenia bytového domu a smerových značiek na označenie ulíc

    43 - Redizajn vizuálu mestských čipových kariet

    4. Návrh mobilnej aplikácie a webstránky  46 - Návrh webstránky

      50 - Návrh mobilnej aplikácie

  • 8/17/2019 City of Poprad Brand Guidelines

    5/54

  • 8/17/2019 City of Poprad Brand Guidelines

    6/54

    Základná verzia loga  V základnej verzii loga, sa uplatňuje použitie farebnosti definovanej v príslušnej Časti tohtologomanuálu. Pre použitie na inej podkladovej farbe je určené buď jednofarebné použitie značky,prípadne čiernobiela verzia loga.

    Základná značka  Značka Popradu je základným prvkom nového vizuálneho štýlu. Skladá sa z grafickej častisymbolu a textovej časti „POPRAD“. Pre značku sú použité dve základné farby, definované v príslušnej častilogomanuálu, takisto ako presná konštrukcia tohoto loga.

      Grafický symbol, znázorňuje modernizovaný erb mesta poprad, preskladaný do modernej podoby.Vyjadruje tri tatranské kopce a šípy, ktoré sú znakom mesta už dlhé storočia.

  • 8/17/2019 City of Poprad Brand Guidelines

    7/54

    CMYK : 100, 33, 0, 20 RGB : 0, 112, 171 PANTONE Solid Uncoated 3015 U 

    CMYK : 3, 100, 70, 12 RGB : 186, 32 ,49 PANTONE Solid Uncoated 200 C 

  • 8/17/2019 City of Poprad Brand Guidelines

    8/54

    Denícia farebnosti  Farby pre logo mesta som zvolil zadefinovaním farieb erbu, ktoré mesto používa. Popis týchtofarieb je uvedený pre systémy CMYK a RGB a pre systém priamych farieb Pantone. Odtiene týchtofarieb sa len približujú k definovaným farbám. Keďže rôzni výrobcovia disponujú vlastnými vzorkovními,

     je vhodné farbu konzultovať podľa vzorky farebnosti.

  • 8/17/2019 City of Poprad Brand Guidelines

    9/54

  • 8/17/2019 City of Poprad Brand Guidelines

    10/54

    Ochranná zóna loga  Minimálne vzdialenosti od značky, v ktorých sa nesmie nachádzať text alebo iný grafický prvok,vymedzujú plochu ochrannej zóny. Dodržanie ochrannej zóny zabezpečuje dobrú rozpoznateľnosťznačky a jej dobrú čitateľnosť. Jednotkou pre vymedzenie ochrannej zóny je jednotka x, ktorá máveľkosť strany základného štvorca v sieti grafického symbolu značky. Táto zóna sa nevzťahuje na

    použitie sloganu, ktorý je definovaný v ďalšej časti tohto manuálu  Veľkosť ochrannej zóny je rovnaká pre základné prevedenie, pre negatívne prevedenie aj prenegatívne prevedenie v poli, ktorého veľkosť aj definuje.

  • 8/17/2019 City of Poprad Brand Guidelines

    11/54

  • 8/17/2019 City of Poprad Brand Guidelines

    12/54

    Denícia typograe  Použité fonty sú dostupné podľa licencie aj pre komerčné použitie, t.j. aj pre logo mestaPoprad. Prikazuje sa striktne používať fonty uvedené v tomto dizajn manuáli. Pre zobrazenie slova“POPRAD” v logu, je použitý font ktorý je síce uvedený v tomto manuáli, ale je špeciálne upravený prepotreby tohto loga.

  • 8/17/2019 City of Poprad Brand Guidelines

    13/54

    Horizontálne logo

    Vertikálne logo

  • 8/17/2019 City of Poprad Brand Guidelines

    14/54

    Horizontálna a vertikálna verzia loga  Logo je dovolené použivať v horizantálnej, ale aj vertikálnej verzii, podľa potreby aplikácie loga.Pri použití oboch verzií, je stále definovaná rovnaká ochranná zóna.

  • 8/17/2019 City of Poprad Brand Guidelines

    15/54

    Použitie len symbolu zvláśť

    Použitie so sloganom

    miesto pre život

    miesto pre život

  • 8/17/2019 City of Poprad Brand Guidelines

    16/54

    Ostatné použitie loga  V prípade že nám aplikácia loga nedovoľuje použiť logo ako celok, je dovolené použiť ako logolen symbol. Takisto aj definujem použitie sloganu, alebo iného textu popri logu, avšak treba brať ohľad

    na zachovanie výpovednej hodnoty loga, a zachovať zarovnanie textu tak ako je určené v tejto stránke.

  • 8/17/2019 City of Poprad Brand Guidelines

    17/54

    50%

    100%

  • 8/17/2019 City of Poprad Brand Guidelines

    18/54

    Čiernobiele prevedenie loga 

    Čiernobiele prevedenie značky sa používa v prípade čiernobielej tlače alebo v prípade, aksprávne farby značky (v základných farbách alebo v jednofarebnej verzii) nie je možné z určitýchdôvodov zabezpečiť.Využívať je možné 3 druhy čiernobieleho prevedenia značky:

    - pozitívne prevedenie- negatívne prevedenie v čiernom poli- negatívne prevedenie

  • 8/17/2019 City of Poprad Brand Guidelines

    19/54

    0%

    10%

    20%

    40%

    60%

    80%

    100%

  • 8/17/2019 City of Poprad Brand Guidelines

    20/54

    Aplikácia loga na podkladovú plochu  Nasledujúce ukážky naznačujú použitie značky Popradu na podkladových plochách rôznejfarebnosti a tonality. Plnofarebná verzia značky v základnom farebnom prevedení smie byť aplikovaná ibana bielom pozadí. Jednofarebná pozitívna verzia značky smie byť používaná iba na bielom pozadí. Jedno-farebná negatívna verzia značky v modrom poli, alebo bez, môže byť aplikovaná na pozadiach rôznejfarebnosti, pokiaľ je zabezpečené dostatočné odlíšenie grafických prvkov od podkladovej plochy.

    Čiernobiela pozitívna verzia sa používa iba na bielom podklade alebo na podklade s rastrom do20%. Čiernobiela negatívna verzia sa používa na podklade s rastrom 80%-100%. Čiernobiela negatívnaverzia značky v čiernom poli sa môže používať na podkladoch s rastrom 0%-80%.

  • 8/17/2019 City of Poprad Brand Guidelines

    21/54

  • 8/17/2019 City of Poprad Brand Guidelines

    22/54

    20

    Zakázané varianty  Celkovú podobu značky a jej variant je nutné dodržiavať podľa predpisov uvedených napredchádzajúcich stranách. Nie je prípustné značku upravovať, deformovať, meniť farebnosť alebo typpísma. Uvedené príklady nezahŕňajú všetky možnosti neprípustného použitia, predstavujú iba ich

    vzorku.

  • 8/17/2019 City of Poprad Brand Guidelines

    23/54

    Vizitky

  • 8/17/2019 City of Poprad Brand Guidelines

    24/54

    CD obaly a potlač CD

  • 8/17/2019 City of Poprad Brand Guidelines

    25/54

  • 8/17/2019 City of Poprad Brand Guidelines

    26/54

    Banner - roll up reklama

  • 8/17/2019 City of Poprad Brand Guidelines

    27/54

    Tričká

  • 8/17/2019 City of Poprad Brand Guidelines

    28/54

  • 8/17/2019 City of Poprad Brand Guidelines

    29/54

    27

    Darčekové tašky

  • 8/17/2019 City of Poprad Brand Guidelines

    30/54

    Visačka

    Menovka na stôl

  • 8/17/2019 City of Poprad Brand Guidelines

    31/54

    Hlavičkový papier

  • 8/17/2019 City of Poprad Brand Guidelines

    32/54

    30

  • 8/17/2019 City of Poprad Brand Guidelines

    33/54

    Vizualizácia polepu autobusu MHD

  • 8/17/2019 City of Poprad Brand Guidelines

    34/54

    Vizualizácia polepu auta pre služby mesta

  • 8/17/2019 City of Poprad Brand Guidelines

    35/54

    Vizualizácia prednej strany korešpondencie

  • 8/17/2019 City of Poprad Brand Guidelines

    36/54

    Polep steny v konferenčnej miestnosti

  • 8/17/2019 City of Poprad Brand Guidelines

    37/54

    Vizualizácia potlače textilnej tašky

  • 8/17/2019 City of Poprad Brand Guidelines

    38/54

    Vizualizácia interiérovej reklamy

  • 8/17/2019 City of Poprad Brand Guidelines

    39/54

    Vizualizácia loga (3D drevené logo)

  • 8/17/2019 City of Poprad Brand Guidelines

    40/54

    Vizualizácia loga (polep bielou fóliou na sklo)

  • 8/17/2019 City of Poprad Brand Guidelines

    41/54

    Vizualizácia reklamy na autobusovej zástavke

  • 8/17/2019 City of Poprad Brand Guidelines

    42/54

    Vizualizácia exteriérovej reklamy

  • 8/17/2019 City of Poprad Brand Guidelines

    43/54

    Vizualizácia smerových značiek na označenie ulíc

    Vi li á i č i b t éh d

  • 8/17/2019 City of Poprad Brand Guidelines

    44/54

    Vizualizácia označenia bytového domu

    Redizajn vizuálu mestských čipových kariet

  • 8/17/2019 City of Poprad Brand Guidelines

    45/54

  • 8/17/2019 City of Poprad Brand Guidelines

    46/54

  • 8/17/2019 City of Poprad Brand Guidelines

    47/54

  • 8/17/2019 City of Poprad Brand Guidelines

    48/54

    Návrh Webstránky

      Návrh tejto webstránky bol vytovrený v grafickom editore, a je možné ho upraviť tak, abyspĺňal štandard CSS a HTML5. Dizajn webstránky je nadčasový, a plne využíva potenciál nového loga.Pri návrhu som sa snažil pracovať s Material designom, a s negatívnym priestorom.

    Prihlasovacie okno

  • 8/17/2019 City of Poprad Brand Guidelines

    49/54

    Okno pre aktuality

  • 8/17/2019 City of Poprad Brand Guidelines

    50/54

    i i

    i i

    ' i

    Zhrnutie dňa

      i

    i

     i l i i i i li . ll l

    i ll . I l i i i l i .

    I l i i i i i . i i

    i ll l . ll

    i i i i l i

    . i i i i i i .ii i i i i

    i i l . i ill i i

  • 8/17/2019 City of Poprad Brand Guidelines

    51/54

      i

  • 8/17/2019 City of Poprad Brand Guidelines

    52/54

    Návrh mobilnej aplikácie  Návrh mobilnej aplikácie bol vytvorený na základe dizajnu webstránky. Táto aplikácia môže byťspúšťaná buď v inetrnetovom prehliadači mobilného telefónu (web-based), alebo ako mobilná aplikáciana stiahnutie cez Apple App Store, alebo cez Google Play store.  Cez túto aplikáciu môže občan pridať podnet na mestský úrad, zaplatiť parkovné, spojiť sa sosusedmi v bytovom dome, vyhľadať spoje MHD, alebo vyhľadať otváracie hodiny mestských inštitúcií aobchodov.

  • 8/17/2019 City of Poprad Brand Guidelines

    53/54

    Prihlasovacia obrazovka

    Karta s počasím

    Notifikácie pre občana

    Profil občana

  • 8/17/2019 City of Poprad Brand Guidelines

    54/54

    Prihlásiť sa

    Menu parkovania

    Okno pre poslanie podnetu na Mestský úrad