Tvorba vizuálního stylu - moodboardy, barvy, jednejte vždy osobně - 5. díl
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Tvorba vizuálního stylu - moodboardy, barvy, jednejte vždy osobně - 5. dílTvorba vizuálního stylu - moodboardy, barvy, jednejte vždy osobně - 5. díl

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín

Tvorba vizuálního stylu - moodboardy, barvy, jednejte vždy osobně - 5. díl

Google       Google       26. 9. 2011       8 945×

Proč je tvorba moodboardů důležitá? Proč je dobré zjistit si, jaké barvy používá konkurence v daném segmentu trhu a proč? A nakonec také zjistíte, proč byste měli barevnost definovat ještě před tvorbou logotypu.

Reklama
Reklama

Dostaňte barevnost na svou stranu

Barevnost určuji podle 4 parametrů. Vezmu si jako příklad Starthead:

  1. odlišení od konkurence
  2. komunikace filozofie společnosti
  3. sjednocení vizuální komunikace
  4. zapamatovatelnost

Jako první jsem si zjistil, jakou barevnost používá nejbližší konkurence.

Dál jsem potřeboval komunikovat filozofii společnosti. Nápady, úspěch, kreativita, čistota, modernost, svěžest, peníze. Hledal jsem tedy předměty a situace a z nich následně analyzoval barevnost. Přišel jsem na to, že fialová je barvou úspěchu, mysli, že je to královská barva a zároveň barva kreativity.

Jedna barva mi ale nestačila, protože jsem chtěl vytvořit kombinaci, která by byla zapamatovatelná, která by se dala jednoduše popsat. Další barva musela být mnohem konzervativnější a mířit přímo na peníze, které Starthead vybírá. Proto jsem se rozhodl použít zelenou.

Je dobré vytvořit si moodboard, který bude obsahovat všechny tyto položky, postupně jakmile na ně budete narážet.

K tomu, abych sjednotil vizuální komunikaci, jsem potřeboval víc než jen barvy. Chtěl jsem vytvořit systém, který bude založený na barevnosti a zároveň se stane charakteristickým. Rozhodl jsem se pro pruhy, které vždy začínají a končí bílou nebo fialovou. Pruhy jsou jasně popsatelné a dostatečně variabilní.

Systém jednotící barevnosti.

Když se v závěru podívám a shrnu, zdali pouze podle barevnosti je možné si zapamatovat brand, jako příklad poslouží následující ilustrace. Je to logo složené ze základních tvarů. Přesto je v něm vidět finální logo a to je úspěch.

Piktogram z loga Starthead.

Rozložení piktogramu z loga Starthead na základní tvar.

Barvy vždy definuji v CMYK, RGB, Hexa, Pantone a RAL.

Pantone je extrémně komplexní a doporučoval bych každému, nechť si koupí vzorníky, pokud je nemá. Používám papírové Pantone Solid Coated a Uncoated z Plus Series.

Závěr

Zkontrolujte si vždy barvu předem na testovacím vzorku. Nespoléhejte se, že to udělá tiskárna.

Shrnutí

  1. Zjistěte si, jaké barvy používá konkurence v daném segmentu trhu a ideálně proč.
  2. Odrážejte vlastní barevností filozofii společnosti.
  3. Vytvořte si moodboard.
  4. Rozložte logo do základních tvarů (kruhy, obdélníky) a zkontrolujte, jak je čitelné pouze v barvách.
  5. Barevnost definujte ještě před tvorbou logotypu.
  6. Buďte zapamatovatelní.
  7. Nejdříve barvu zkontrolujte v tiskárně, než si necháte vytisknout všechny materiály.

Prezentování s wow efektem

Odvádějte jen práci, se kterou jste 100% spokojeni a dali byste za ni ruku do ohně. Naučte se vyvarovat odpovědi „To bylo jenom pro peníze“. Z dlouhodobého hlediska si budujete svoji vlastní značku profesionála, jenž dělá pouze kvalitní věci.

Seznamte ostatní s vývojem

U prezentace přibližuji posluchačům myšlenky, které jsem zvažoval při vývoji. Proč jsem „to“ udělal právě „takto“. Vývoj ukazuji na konkrétních skicách, jež vedly k výslednému návrhu, a vysvětluji, proč jsem zavrhl ty, co nevedly. Snažte se co nejbarvitěji přiblížit celý proces, a to včetně způsobu, jakým jste dělali analýzu a z jakých faktů jste vycházeli. Jednoduše zrekapitulujte vše, co vás vedlo k výsledku ve srozumitelných faktech.

Postup vývoje piktogramu hlavy do loga Starthead s konstrukcí.

Dejte si záležet na aplikaci

Pro mě je to klíčová fáze, kdy designér může ukázat kreativitu. Při první prezentaci se snažím aplikovat vizuální styl na všechny možné předměty a situace, které souvisejí s daným podnikáním. Není potřeba se něčím omezovat, ukažte to nejlepší, co ve vás je. Čím propracovanější aplikace je, tím větší šanci na úspěch budete mít.

Část z prezentace vizuální identity Starthead. Kompletní prezentace je v mém portfoliu.

Pouze osobně

Jediný možný způsob úspěšné prezentace je osobně. Zbylé možnosti snižují šanci na úspěch minimálně o polovinu.

Vytvořte luxusní brožuru procesu

Až se za mnou zavřou dveře kanceláře, tohle bude jediná věc, která může zlomit klientovu nerozhodnost.

Fáze prezentace

Celá prezentace by se měla vejít maximálně do 20 minut. Prvně zrekapituluji, co vím. Důvod je, abych naladil své publikum na tutéž vlnu. Abych je donutil přikyvovat a nejdříve od nich slyšel spoustu „ano“. Jakmile se opět shodneme na bodech, které jsme probírali při analýze, začnu prezentovat proces vývoje. Až poté ukážu logo a následnou aplikaci. Rozdám brožury, ve kterých bude obsažené vše z prezentace. A nakonec dávám prostor otázkám.

Nechtějte, aby se klient rozhodoval hned, ale aby si vše nechal projít hlavou a alespoň týden se sžíval s novou identitou. Ještě na této prezentační schůzce si sjednávám tu další, za týden, kde probereme výsledky.

Kolik návrhů prezentovat

Jsem přesvědčený, že jeden kvalitní je lepší než tři průměrné.

Pochlubte se s vývojem i ostatním

Celý proces použijte i na svém webu a vždy ukažte ostatním, co bylo za vývojem návrhu. Lidé milují ukázky ze zákulisí, a vy tak ukážete, že něco vytvořit není jen otázkou pěti minut. Tady vyhrává ten, kdo je ochotný dřít dvakrát tolik, aby později vydělal desetkrát víc.

Shrnutí

  1. Naučte se být svým vlastním klientem a odpovězte na otázky ještě dřív, než budou položeny.
  2. Prezentujte jen práci, se kterou jste spokojeni (je lepší přijít o peníze než o úroveň kvality).
  3. Vždy jednejte jedině osobně.
  4. Dejte si záležet na aplikaci vizuálního stylu, i kdyby měla trvat stejný čas jako jeho tvorba.
  5. Nechte klientovi týden na rozmyšlenou a fyzickou brožuru, kterou si bude moci listovat.
  6. Ještě dřív, než padne jakýkoliv verdikt, naplánujte si osobní schůzku na další týden, kde proberete finální rozhodnutí.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
7 hlasů
Google
(fotka) Michal SobelAutor se věnuje budování značek. Zároveň studuje způsoby myšlení a schopnosti vedoucí k úspěchu. V roce 2011 spoluzaložil službu Starthead, která je produktem těchto zkušeností.
Web     Twitter     LinkedIn    

Nové články

Reklama
Reklama
Obrázek ke článku NopCommerce – datová vrstva a přístup k datům – 2. díl

NopCommerce – datová vrstva a přístup k datům – 2. díl

V minulém článku jsme si představili platformu NopCommerce z globálního pohledu. V dnešním díle se již zaměříme na konkrétní část systému, a to datovou vrstvu. Představíme si základní stavební kameny systému v podobě doménových objektů. Ukážeme si, jakým způsobem rozšířit doménové objekty a jakým způsobem přistupuje NopCommerce k nastavení systému a modulů.

Obrázek ke článku Seznamte se s open source platformou NopCommerce – 1. díl

Seznamte se s open source platformou NopCommerce – 1. díl

Hledáte e-commerce řešení, které si dokážete přizpůsobit podle vašich požadavků? Chcete čistý a srozumitelný kód, se kterým bude radost pracovat? Prozkoumejte s námi možnosti open source projektu NopCommerce. Seriál programování pod NopCommerce vám pomůže překonat první kroky nejistoty a úspěšně zvládnout vývoj pod platformou NopCommerce.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý