Přejít na obsah
Menu

#graficky design

Minimalismus je designový styl, který se stal synonymem pro jednoduchost, čistotu a účinnost. Jeho jednoduché, ale pečlivě promyšlené přístupy se staly oblíbenými v mnoha oblastech designu, od architektury a interiérů po grafický design a webdesign. V tomto článku se podíváme na základní principy minimalistického designu a na to, jak je možné je využít v praxi.

Principy minimalistického designu

  1. Zjednodušení: Minimalismus začíná odstraněním nadbytečných prvků. Méně je více. Všechny prvky by měly mít jasný a záměrný účel.
  2. Čistá linie: Minimalismus preferuje čisté, rovné linie a jednoduché tvary. Vyhýbá se zbytečné komplexitě.
  3. Omezená barevná paleta: Používá se omezený počet barev, často pastelových nebo neutrálních odstínů. To pomáhá vytvořit jednotný a klidný vizuální dojem.
  4. Prázdný prostor: Minimalistický design často využívá negativního prostoru, což jsou prázdné oblasti mezi prvky, které poskytují dýchací prostor a zdůrazňují důležité prvky.
  5. Funkčnost: Každý prvek by měl sloužit funkčnímu účelu. Minimalismus zdůrazňuje užitečnost designu.

 Obrázek #1 a 2 a 3 z Webu z Webu a z Webu

Využití minimalistického designu v praxi

Webový design: Minimalismus vytváří webové stránky, které jsou snadno navigovatelné a rychle načítají. Jednoduchý layout a omezená barevná paleta zlepšují uživatelskou zkušenost.

 Obrázek #4 z Webu

Interiérový design: Minimalistický interiér vytváří klidné a uklidňující prostředí. Málo nábytku a málo dekorativních prvků dává prostoru jedinečný pocit prostornosti.

 Obrázky #5 a 6 z Webu

Grafický design: Minimalistický grafický design se zaměřuje na jasné komunikace. Jednoduché logo a čistý layout jsou klíčem k výraznému designu.

 Obrázek #7 z Webu

Architektura: Minimalistická architektura staví na jednoduchosti a čistotě tvarů. Skládá se z prvků, které mají smysl a slouží svému účelu.

H11_12.jpg

 Obrázky #8 a 9 z Webu

Produktový design: Minimalistický produktový design se soustředí na jednoduché a elegantní formy. Méně je více, co se týče designu produktu.

 Obrázky #10 a 11 z Webu

Minimalismus v designu je mnohem více než jen estetický koncept; je to filozofie, která zdůrazňuje důležitost jednoduchosti a funkčnosti. Použitím principů minimalistického designu můžete dosáhnout efektivní komunikace, klidného prostředí a výrazného vizuálního dojmu. Takže ať už se jedná o váš web, interiér nebo grafický design, zvážte výhody, které minimalismus nabízí a jak můžete tyto principy uplatnit v praxi.

Dozvědět víc můžete u nás na kurzu:

Obrázek titulní z Webu a z Webu

Co to je Figma?

4. března 2022

figma

Každý, kdo pracoval s Dokumenty Google, ví, jak pohodlné je ukládat a upravovat dokumenty online. Na článcích můžete spolupracovat, otevírat je z libovolného počítače, vytvářet pokyny a sdílet prezentace.

Pro webdesignéry existuje podobný nástroj – Figma. V tomto článku vám řekneme, co je Figma, jaké jsou její hlavní vlastnosti a omezení.

Jedná se o grafický editor pro webdesign. Ve Figmě můžete vytvořit:

  • interaktivní prototypy webových stránek a mobilních aplikací;
  • prvky rozhraní — ikony, tlačítka, nabídky, okna, formuláře zpětné vazby;
  • vektorové ilustrace.

Ve Figmě jsou všechny dokumenty uloženy v cloudu. Díky tomu můžete v editoru hromadně pracovat na layoutech a otevírat je přes odkaz, bez stahování.

K Figmě můžete přistupovat prostřednictvím prohlížeče nebo si program stáhnout do počítače. Je vhodný pro Windows i Mac. V desktopové verzi můžete pracovat offline a když máte přístup k internetu, změny se synchronizují.

Benefity pro práci:

  • zdroje dokumentů jsou uloženy v cloudu;
  • není třeba odesílat rozvržení, nahrávat je do cloudu a ovládat verze. Stačí přejít na svůj účet Figma a zobrazit originál;
  • pokud zaměstnanec není v práci, nemusíte hledat rozložení na jeho počítači – vše je v týmovém přístupu.

Týmová práce na rozvrženích.
Stejně jako v Dokumentech Google můžete ve Figmě pracovat na dokumentu společně: umožnit přístup k prohlížení a úpravám, paralelně pracovat na rozložení – na obrazovce budou viditelné kurzory různých barev.

Díky tomu všichni účastníci projektu lépe chápou souvislosti. Například designér vyvíjí prototyp aplikace a UX copywriter píše texty pro rozhraní přímo ve Figmě. Pokud na účtu pracujete sami, všechny funkce jsou zdarma. Stačí se zaregistrovat a začít pracovat. Můžete poskytnout přístup k zobrazení dokumentu – je to také zdarma.

Figma vypadá jako dobře promyšlený nástroj vytvořený designéry pro designéry. Hlavní funkce editoru:

  • umožňuje spolupracovat na dokumentech – vytvářet a upravovat týmem v reálném čase.
  • ukládá dokumenty do cloudu – rozvržení nezabírá místo na disku, není třeba jej nahrávat, aby se ukázalo kolegům nebo zákazníkovi.
  • cross-platform – možnost práce s editorem na Windows, Mac, Linux.
  • schopnost vytvářet interaktivní prototypy, vektorové sítě, hlavní a závislé komponenty.

Doufáme, že recenze pro vás udělala Figmu srozumitelnější a inspirovala vás k práci. 🙂 Přihlaste se na náš kurz Figmy pro začátečníky:  https://www.drawplanet.cz/kurz/figma-ux-ui-pro-zacatecniky-kurz-webove-grafiky-a-designu-eshopu-2/

Pokud nejste z Prahy, máme pro Vás online kurz Figmy: https://www.drawplanet.cz/online-kurz/figma-ux-ui-pro-zacatecniky-online-webova-grafika-a-landing-page/

MDS-1662-BP-Spreadshop-Tool-Canva_teaser_mxar2u

1) Navrhněte přístup pro více uživatelů. Můžete otevřít přístup pro úpravy, jako je tomu v Google Documents, a pracovat na stejném projektu společně. Chcete-li toto provést, klikněte na tlačítko „Sdílet“ nad vaším návrhem a vložte e-mailovou adresu jiného uživatele (nebo zkopírujte odkaz pro úpravu).

2) Synchronizujte koncepty mezi webem a mobilní aplikací. Pokud jste začali navrhovat na počítači, můžete pokračovat z telefonu – změny v souboru se uloží. Koncepty návrhu se automaticky synchronizují.

3) Zkopírujte nastavení fotografií a barvy položek pomocí klávesových zkratek (alt+ctrl+C a alt+ctrl+V). Zachováte tak konzistentní styl napříč více designy. Upravit text nebo obrázek → Stiskněte alt+ctrl+C → Vybrat další prvek → Stiskněte alt+ctrl+V → Nastavení prvního prvku se zkopíruje do dalšího.

4) Zamykejte prvky v Canvě. Pro ty z vás, kteří neznají funkci zámkových prvků, v podstatě vám umožňuje uzamknout jakýkoli designový prvek na místě, takže jej nemůžete náhodně přesunout, když navrhujete jiné aspekty grafiky. To je také velmi užitečné, pokud často sdílíte své návrhy nebo umožňujete členům týmu upravovat vaše šablony!

5) Propojte váš účet v Canvě s Facebookem a Instagramem s možností nahrávat fotografie přímo ze sociálních sítí. Klikněte na záložku „Více“ na levém panelu → Vyberte Instagram nebo Facebook → Zadejte podrobnosti pro propojení stránek sociálních médií.

Klávesové zkratky pro usnadnění práce v Canvě:

  • T – vytvoří textové pole
  • CTRL + ] nebo CTRL + [ – upraví pozici – přiblíží nebo oddálí prvek
  • TAB nebo CTRL + kliknutí levým tlačítkem – označení přeskočí na další element v návrhu
  • → nebo ← – přesune označený prvek o 1 px do strany
  • SHIFT + → nebo SHIFT + ← – posune označený prvek o 10 px do strany
  • ALT + zvětšení objektu levým tlačítkem myši – element se zvětší ze středu
  • ALT + přesun objektu levým tlačítkem myši – vytvoří kopii objektu

Přihlaste se do kurzu Canvy v Draw Planet, dozvíte se další tipy a rady! https://www.drawplanet.cz/kurz/canva-pro-zacatecniky-grafika-a-video-pro-socialni-site/

Tenhle kurz máme i online, přihlaste se a tvořte odkudkoliv: https://www.drawplanet.cz/online-kurz/canva-online-kurz-kreativni-reklamni-grafiky-pro-zacatecniky/

Co to je Canva

24. února 2022

1_BDL2pAIDEOgKQBUuhI6_5Q

Canva je grafický online program, který je skvělý jak pro začátečníky tak i pro zkušené profesionály. Služba umožňuje rychle a snadno vytvářet skvělé příspěvky pro sociální sítě, kreativní videa, prezentace, Stories pro Instagram a další vizuální materiály.

Nejčastěji se služba využívá k výrobě ilustrací pro sociální sítě. Editor má již připravené šablony pro všechny oblíbené sociální sítě, takže není potřeba hledat vhodné velikosti a ořezávat obrázky. Stačí najít rozvržení a na základě toho vytvořit návrh.

Canva má rozvržení pro snímky prezentace. Layouty jsou rozděleny do kategorií: vzdělávací, marketingové, obchodní prezentace a tak dále. Tento typ šablon je jeden z nejoblíbenějších, využívají jej marketéři, zaměstnanci i majitelé firem, učitelé i studenti.

V Canvě také najdete šablony, které vám umožní vytvořit atraktivní životopis na míru vašim potřebám. V Canvě máte návrhy životopisů ve všech stylech a barvách 🙂 Máte minimalistický design a sofistikovanější design. Nezapomeňte, že šablony jsou upravitelné, takže pokud vás nepřesvědčí barva, ale design, můžete jej vždy změnit.

Canva má vlastní foto a video banku, takže ani nemusíte opouštět program, abyste přidali fotografie, videa, tvary, ikony a ilustrace, i když samozřejmě můžete, ale také umožňuje stažení externích zdrojů.

Pokud chcete navrhovat z prázdného dokumentu a nebudete používat žádnou šablonu, palety barev Canva vám pomohou vybrat harmonické barevné schéma. Když vložíte obrázek, paleta barev této fotografie se zobrazí v možnostech barev, takže můžete vybrat fotografie s podobnou paletou nebo tyto barvy přiřadit různým prvkům v dokumentu.

Pokud jde o typografická písma, skvělé je, že nejenže vám dávají přístup k velké rozmanitosti, ale dávají vám také nápady na dobré kombinace písem.

V Draw Planet otevíráme kurz Canvy pro začátečníky, v rámci kterého, pod vedením lektora, si vyzkoušíte všechny nástroje programu. Dozvíte se hodně užitečných informací a naučíte se vytvářet své vlastní grafické návrhy. Přihlaste se na náš kurz v Praze: https://www.drawplanet.cz/kurz/kurz-kreativni-reklamni-grafiky-canva-pro-zacatecniky/

A nebo na online kurz Canva od Draw Planet: https://www.drawplanet.cz/online-kurz/canva-online-kurz-kreativni-reklamni-grafiky-pro-zacatecniky/

krisztian-tabori-IyaNci0CyRk-unsplash

Pokud jste se právě ponořili do velkého, složitého, ale zároveň zajímavého světa grafického designu, je toho hodně, co se můžete naučit.

Pohodlně se usaďte a přečtěte si pár našich tip:

Nespěchejte. Není na škodu být ze začátku pomalý. To je přirozené a nedá se tomu uniknout. Hlavní je vědět, že kvantita neznamená kvalitu. Za půl roku bude Vaše tempo jiné a za rok zase.

Analyzujte práci zkušených designérů, které se vám líbí. Přemýšlejte o tom, jaké je jejich pozadí, jaké jsou hlavní prvky díla, zda se pracovalo se štětcem, jaké použil autor písmo atd. Co byste mohli použít pro vlastní tvorbu?

Pokud se vám líbil design té či oné stránky nebo třeba logo, zkuste udělat něco podobného. Není lepší způsob získání zkušeností než napodobovat styl někoho jiného. Použijte prvk, které jste viděli ve své vlastní práci, transformujte je a přetvořte. To vám umožní ucelit váš individuální styl.

Zůstaňte naladěni na nové produkty. Svět designu se nikdy nezastaví. A pokud se chcete stát vyhledávaným specialistou, pak je důležité držet krok s nejnovějšími inovacemi, studovat je a zapojit je do svého vývoje. Nebojte se zkoušet nové věci!

Začněte kreslit. I když jste nikdy nedrželi tužku v ruce a jste si jisti, že o kreslení nevíte absolutně nic, přesto to zkuste. Věřte mi. Velmi vám to pomůže ve vaší každodenní práci a rozšíří vaše profesní obzory.

Budete si moci dělat makety svých budoucích projektů a sdílet je se zákazníky, místo abyste s nimi zdlouhavě komunikovali. V nepřítomnosti prvku nebo části, kterou potřebujete hotové, si je můžete vytvořit sami.

A konečně vizuální aktivita pomůže rozvíjet vaši kreativitu.

Na všech našich kurzech můžete začít zcela od začátku. Pomůžeme všem – ať už to jsou začátečníci nebo pokročilí. Naši lektoři jsou odborníky v oboru a připraveni pomoci, kdykoliv bude potřeba. Přihlaste se na kurz Grafického designu ještě dnes! https://www.drawplanet.cz/online-kurz/graficky-design-online-kurz-pro-zacatecniky/

per-loov-4wOkqiXNP7M-unsplash

Tvoření webové stránky je jen o vašich uživatelích. Musíte si být vědomi svého publika a vybudovat kolem nich identitu své značky. Existuje tisíce způsobů, jak vylepšit přiblížit uživatelské prostředí vaše webu. Jednou ze strategií, se kterými se často setkáváme, je používání humoru a roztomilých prvků přidaných do stylu webu.

Co je spojené s humorem a roztomilostí? Je to jen o tom dělat si vtipy a být sarkastický? Je to něco mnohem víc. Pokud se rozhodnete vybrat si cestu humoru, dáváte vaší značce konkrétní nálepku a je potřeba být opatrný. Humor vám pomůže udělat skvělý první dojem vašeho uživatele a snadněji vám prošlape cestičku k němu.
Zde je vše, co potřebujete vědět, pokud chcete použít humor pro zlepšení uživatelského prostředí vašich webových stránek.

1. Vytvořte si maskota

Mít maskota reprezentujícího vaši značku je strategie, která existuje už od 50.let 20. Století.
Každý z nás jsme si užili sledování maskotů na obrazovce, kteří hovoří jménem značky, ať už je to Mr. Proper od Procter and Gamble, Nesquik nebo Michelin.
Jak můžete vidět, světově proslulé značky používají maskoty, aby vnesli do identity své značky trochu humoru. Používají je jako primární hlas značky a používají je v celé své globální marketingové kampani.

Pro příklad, podívejme se na M&M’s.
M&M’s maskoti jsou tu od roku 1995 a doposud se na nás nepřestávají smát.
Malí M&M’s vás na webových stránkách pozdraví pomocí vtipů nebo sarkastických komentářů.
„Vytvoření vtipného maskota, který všechny příchozí přivítá, vám pomůže probudit ve vašich uživatelích pobavené a uvolněné emoce. Kromě toho celý zážitek ze stránek pro ně bude nezapomenutelný, a to je přesně to, co chcete.“ říká Mariah Daley, psycholog a spisovatel.

2. Návnada

Humor můžete použít jako návnadu. Uživatelé tak vydrží na webové stránce o něco déle a „donutí“ je to provést vámi požadovanou akci.
Dosáhnete tak tím, že přes vstupem na webové stránky na uživatele vyskočí něco zábavného, tajemného nebo vtipného.
Skvělým příkladem je Cultivated Wit. Web o propojení komedie s technologií. Jakmile na něj vstoupíte, zobrazí se vám první 3 sekce a budete dotázáni, zda-li se chcete dostat do 4. A vtip je tady!

Díky tomu se přirozeně ušklíbnete a samozřejmě potvrdíte.

Nyní prostě musíte pokračovat, protože jste zvědaví, co bude dál. Později se vás budou ptát jaká je vaše superschopnost a jak to, že jste jim tak rychle prozradili vaše jméno. Tento celkově zábavný a chytlavý proces ve vás probudí chtíč být na jejich „straně“.

Skvělým příkladem užívání humoru, který se používá k přenosu důležité zprávy je od Slavery Footprint. Tento web se zabývá bojem proti dětské práci a otroctví v dodavatelských řetězcích. Podívejte se na úvodní stránku na jejich webovkách.


Tento druh formulace nutí většinu uživatelů rozhodnout se k dalšímu průzkumu. To následně vede k tomu, že se dozví více o poslání webu a o tom, jak se k němu připojit.

3. Stránka „O nás“

Humor má prokazatelně pozitivní účinky na náladu a paměť. To znamená, že si vtipné informace lze snadněji zapamatovat než ty, které nějaký vtip postrádají.
Vtipný web zapamatovatelnější.

Pokud si chcete udržet své uživatele a upoutat více pozornosti na svůj web, udělejte stránku „O nás“ vtipnou a zábavnou. Můžete se třeba rozhodnout vtipně popsat členy vašeho týmu a přiblížit se tak uživatelům.

Takhle to udělali Less Films.

Na své stránce „O nás“ mají super vtipné úvodní video, které vypráví příběh o jejich podnikání a přiměje vás k smíchu. Kromě toho mají vtipné obrázky všech členů týmu spolu s vtipnými fakty o jejich podnikání. Celá věc je ryzím potěšením pro uživatele, kteří ocení dobrý vtip a kvalitní humor.

Jak to dokázat?

Možná tohle všechno čtete, ale nevíte, jak to reálně použít? Nejste komik?
Pravdou je, že nemusíte být komik, abyste měli vtipný web. Je třeba však být chytrý a takticky uvažovat.
Tohle jsou věci, které musíte mít vždy na paměti.

Plánování
Každý krok, který uděláte, musí být naplánován dopředu. Jinými slovy, musíte si stanovit cíle.

Vaše publikum
Pro koho píšete? Weboví návrháři, tanečníci, majitelé zverimexů? Jaký druh humoru je pro ně vtipný?

„Pokud dokážete identifikovat vaše publikum a analyzovat údaje, které o nich máte, budete schopni pro ně vytvořit vtípky, které ocení.“ říká Randal Morris, vývojář webu v Citatior.

Informace
Pamatujte proč jste tady – předat zprávu a doručit konkrétnímu publiku konkrétní informace. To znamená, že by vaše vtipny neměly jen rozesmát. Musí být vysoce informativní a užitečné zároveň.

Dobře psát
Nepřeceňujte proces psaní. Brainstormujte vaše nejlepší nápady a uvidíte, co nejlepší vyplave na povrch. Pak to pěkně vyleštěte dokud to není to, co jste chtěli. Před zveřejněním se ujistěte, že jste je otestovali na přátelích a rodině.

Skvělé uživatelské prostředí je to, co vás odlišuje od jiných webových stránek zabývajících se stejnými službami nebo produkty. Musíte být jedineční a nezapomenutelní, aby se k vám lidé vraceli. Vtip vám toho pomůže dosáhnout.

Pokud zjistíte, že je vaše značka v souladu s vtipným webem – jděte do toho! Dopřejte svým uživatelům nezapomenutelný zážitek a ujistěte se, že mají úsměv na tváří pokaždé, kdy navštíví váš web.

firmbee-com-gcsNOsPEXfs-unsplash (2)

„Grafický design se nikdy neohlíží zpět.“
– Steven Heller

Grafický design je obor neustálých změn. Technologie ovlivňují estetiku i to, jaký vliv má estetika na formu provedení. Jsou to myšlenky všeho druhu – komerční, filozofické i kritické – co určuje styly a postupy v běžné praxi grafického designu. V tomto článku se soustředíme na tři hlavní myšlenky, díky kterým má dnešní grafický design takovou podobu, jakou známe.

1. Pohyb

Bezpochyby nejrychleji rostoucí technikou je pohyb. Tato nová disciplína nastupuje na místo, kde se střetává film, video, animace a filmové intro a z každého si trochu půjčí. Grafika pohybu může být dokonce stejně důležitá jako typografie. Vizuální vyjádření zpěvu a tance je pro grafický design tím, čím jsou soundtracky pro němý film.
Titulní sekvence od Kyla Coopera pro film Sedm (Se7en) je jedním z nejbohatších příkladů moderní grafiky pohybu.

2. Zvuk

Saul Bass posunul filmová intra na vyšší level svou prací pro Alfreda Hitchcocka (Zdroj: Alfred Hitchcock Productions).


Více než přidání pohybu odpálilo grafický design do jiné dimenze přidání zvuku. První experimenty s tím, čemu se kdysi říkalo „vidět hudbu“, se shodovaly s programem zvukových kin z poloviny 20. let minulého století. Pohybová grafika si konečně přišla na své až v 60. letech, a to díky filmovému intru Saula Basse. Ten vytvořil pro Alfreda Hitchcocka sérii polo-abstraktních znělek, jejichž expresivní grafika byla v perfektní harmonii s repetitivními motivy hudební partitury skladatele Bernada Hermana. Od té doby se objevují stále hybridnější styly grafické animace.

Všechny formy designu vyjadřují aktuálnost, důležité je teď. V tomto smyslu je nezbytné zohlednit i druhou klíčovou myšlenku, která poukazuje na pozlátko modernosti, tzv. „nucené zastarávání“. Ve 20. letech 20. století se tomu říkalo „inženýrství stylů“ a šlo o to, aby produkty byly co nejstylovější a tím atraktivní pro spotřebitele. Propagátor reklamy a průkopník průmyslového designu Raymond Loewy tuto snahu slovem MAYA (Most Advanced Yet Acceptable neboli nejpokročilejší ale stále přijatelný). Princip MAYA prosazoval barvy a tvary, které odrážely hlavní myšlenku něčeho „nového a lepšího“, co však není svou novotou přespříliš šokující.

Pro většinu amerických designérů byl modernismus jen pytlem triků, díky kterým umělci dělali z nového ještě novější, a to včetně futuristického „dekorování“ za použití moderních fontů s lákavými jmény Cubist Bold či Novel Gothic. Nucené zastarávání bylo převlekem, který uměle stimuloval růst.

3. Barva
Práce Josefa Alberse s názvem Interaction of Color stála u zrodu psychedelického trendu (Zdroj: Josef Albers, muzeum Met).

Třetí myšlenkou je vibrující barva. V polovině šedesátých se díky umělci a studentu Bauhausu Josefu Albersovi objevil psychedelický styl. Prostřednictvím své práce Interaction of Color pomohl zahájit trend, který je typický svými psychedelickými plakáty a batikami vibrujícími barvou. Victor Moscoso, který studoval u Alberse na Yale a byl dalším ze zakladatelů vibrujících barev, prohlásil, že slavná Albersova cvičení s barevnými papíry se svou marností dají přirovnat k učení algebry na střední škole.

Psychedelici od základu překopali pravidla. Například z pravidla „nepoužívejte vibrační barvy“ se stalo „používejte je kdykoli a nešetřete jimi“. Ze zásady „písmo by mělo být vždy čitelné“ se stalo „zamaskujte písmena, ať jsou čitelná co nejhůře“.
Jedním z významných prvků Albersovy teorie byla relativita barev: barva se mění v přímém vztahu k jejímu okolí. Barva klame a nelze předpokládat, jak se bude chovat: tatáž barva může vypadat různě, protože nezáleží jen na samotné barvě ale i na tom, jaké barvy se nacházejí v jejím okolí. Vibrační barva byla urážkou smyslů a vehnala diváka do kinetického, dynamického vnímání dvourozměrného obrazu. V dnešní době je vibrační barva jen jedním z mnoha nástrojů na paletě ilustrátora.

Toto byly tři ze stovek nápadů, které změnily grafický design. V budoucnu bezpochyby dojde k dalším změnám. Změna je život!

Zdroj: Steven Heller je autorem celé řady publikací o grafickém designu.
Tento článek byl poprvé publikován v 294. čísle časopisu Computer Arts, nejprodávanějšího časopisu o designu na světě.

001 dark-mode

V angličtině „Dark Mode“ je výraz pro tmavý režim, který je teď populární. Nápad využití černé barvy měl své důvody. Maloobchodní společnost Edited v roce 2017 provedla studii trhu dámského oblečení, která ukázala, že 36% trhu je obsazeno černými věcmi.

Popularita tmavých odstínů překročila hranice módy a vstoupila do designu UI / UX. Desítky aplikací vám nabízejí možnost „tmavého motivu“, která invertuje barevné schéma internetu.

Tmavé pozadí a světlý text samozřejmě nejsou extra novinkou, kterou jsme nikdy neviděli. Vzestup WYSIWYG („to, co vidíte, je to, co získáte“) v 80. letech poprvé představil uživatelská rozhraní, která vypadala jako bílý text na bílém papíře. Před tím monitory zobrazovaly zelený text na černých obrazovkách. Sada Adobe Creative Suite používá tmavé rozhraní po mnoho let a Spotify má barevné schéma „světlo na tmavé“ (ačkoli bylo revidováno v roce 2015).

Tmavá rozhraní existují již dlouhou dobu, ale v posledních několika letech se staly neuvěřitelně populární a mají je Android, iOS, Instagram, Aplikace Gmail a spousta dalších.

Co pohání takovou posedlost? Tmavé pozadí je v noci příjemnější a v noci hezčí (a skutečně šetří energii baterie). Tmavý režim však z hlediska fragmentace ztrácí.

Na otázku, zda je tmavý režim příjemnější pro oči odpověděl Ralucy Budiu, vedoucí výzkumu ve skupině Nielsen Norman: „Když mluvíme o použitelnosti, máme pravidlo, které říká, neposlouchejte uživatele. Znamená to jednoduše to, že je potřeba sledovat lidi u toho jak věci dělají, místo toho, abychom věřili tomu co říkají“. 

Společnost neprováděla vlastní výzkum týkající se možnosti použití temného režimu, ale Budiu říká, že skupina Nielsen Norman nedoporučuje tmavý režim pro „uživatele s normálním zrakem“. Dobré staré schéma „Černý text na bílé obrazovce“ je snáze čitelné a zřetelnější, zejména za zhoršených světelných podmínek. 

Zdá se, že to potvrzují studie publikované v ergonomii. Studie z roku 2017 zjistila, že „tmavé postavy na světlém pozadí poskytují lepší čitelnost a jsou vysoce doporučovány bez ohledu na věk pozorovatele.“ V roce 2013 společnost The Journal of Human Factors and Ergonomics Society zjistila, že vyšší jas displeje s pozitivní polaritou vede ke zlepšenému vnímání detailů.

U osob se zrakovým postižením je jistota ještě menší. Podle Budiu několik prvních studií ukázalo, že lidé s „určitými typy poruch, vidí lépe při tmavém režimu“. Ale to jsou výjimky, ze kterých nelze vytvořit žádné pravidlo. 

Proto společnost Budiu doporučuje používat starý spolehlivý černobílý režim, pokud potřebujete hodně číst.

V některých situacích může být užitečný tmavý režim. Apple uvádí, že tmavý režim umožňuje „obsah vyniknout, zatímco okolní zasune uživatelského rozhraní do pozadí.“ Proto je logické, že Adobe Creative Cloud používá tmavé uživatelské rozhraní: pozornost uživatele je zaměřena na úpravy obrázků, tmavé rozhraní lépe zdůrazňuje vizuální část.

Ze stejného důvodu funguje tmavý režim dobře, pokud chcete, aby čtenář rychle skenoval statistiky a zaměřil se na klíčové datové body – například akcie nebo grafy. 

Výběr tmavého nebo světlého režimu by měl být založen na vašich osobních estetických preferencích, nikoli na trendech. Pokud jde o použitelnost a čitelnost, tmavý režim není ve skutečnosti o nic lepší než světlý režim. Je skvělé, že nám výrobci nabízejí možnost volby. Ale prozatím jde pouze o vizuální rozdíly, které nemají vliv na užitečnost.

fakurian-design-SwEugqgu3xI-unsplash

Pokud jste nováčkem ve světě designu, pravděpodobně se někdy setkáváte s nejasnostmi týkajícími se rozdílu mezi vektorovou a rastrovou grafikou. Pravdou je, že vysvětlení tohoto rozdílu se někdy může zdát komplikovanější než otázka sama! Tímto článkem se nyní však pokusíme navždy odstranit veškeré nejasnosti a vysvětlíme rozdíl mezi vektorovou a rastrovou grafikou snadno pochopitelným způsobem. 

Rastrová grafika

Rastrový obrázek je jako mozaika složená z pixelů. Každý pixel je ve skutečnosti malý čtverec, kterému je přiřazena určitá barva, a stejně jako dlaždice v mozaice jsou uspořádány tak, aby vytvářely obraz. Více pixelů v jednotkové oblasti znamená vyšší rozlišení a kvalitu. Jednotlivé pixely obvykle nevidíte, pokud není špatné rozlišení nebo pokud nezvětšíte rastrový obrázek.

Přiblížení k izolaci jednotlivých pixelů dává možnost upravovat obrázky s vysokou přesností pomocí nástroje, jako je Adobe Photoshop. Jednoduše vymažte nebo změňte barvu jednotlivých pixelů, dokud nedosáhnete efektu, který hledáte. Rastrová grafika se nejlépe používá, když je důležité zobrazit plynulý přechod odstínů a barev – například na fotografiích. Rastrová grafika je také vynikající pro tvorbu katalogů, letáků, pohlednic a dalších každodenních projektů. Rastrové obrázky zabírají více místa na pevném disku než obrázky ve vektorovém formátu, i když vypadají stejně. Je to proto, že rastrové soubory obsahují informace o každém pixelu v grafice. Techniky komprese mohou tento problém zmírnit, ačkoli pokud je prostor velkým problémem, může pro Vás tato grafika být trochu výzvou. Typické formáty rastrových grafických souborů zahrnují .bmp, .gif, .jpeg, .jpg, .png, .psd a .tif. 

  • Některé výhody rastrové grafiky zahrnují následující: jsou snadno použitelné; poskytují jemné gradace barev; a lze je snadno upravovat pomocí běžných programů, jako jsou Photoshop a Microsoft Paint. 
  • Primární nevýhodou rastrové grafiky je, že není vždy použitelná pro vytváření vysoce kvalitních tištěných projektů, zvláště když je požadovaným konečným produktem velkoformátový tisk.

Vektorová grafika

Vektorová grafika není tvořena pixely; místo toho je tvořen cestami, z nichž každá má vektorový nebo matematický vzorec, který řídí její tvar a barvu. Pokud se podíváte pozorně na vektorový obrázek, uvidíte kontrolní body s křivkami mezi nimi, téměř jako získání obrázku spojováním jednotlivých teček. Jedná se o vektory. Protože jsou vektory matematicky definované, vektorová grafika je škálovatelná a lze ji zvětšit na libovolnou velikost, aniž by došlo ke ztrátě kvality nebo získání rozostření, pixelovaných vlastností, které vidíte při přiblížení rastrových obrázků. Z tohoto důvodu je vektorová grafika ideální pro loga a další projekty, které musí zůstat ostré v různých velikostech. Adobe Illustrator a CorelDraw jsou nejoblíbenější editory vektorové grafiky. Mezi běžné typy vektorových souborů patří .ai, .cdr a .eps. Vektorová grafika se nejčastěji používá při tisku brožur, vizitek, velkých znaků, log, okenních grafik a jakýchkoli jiných projektů, které obsahují vzory, loga, symboly a / nebo text – cokoliv jiného než fotografie nebo složité vícebarevné vzory, které vyžadují jemné gradace barev. 

  • Hlavní výhodou vektorové grafiky je, že produkuje nejpřesnější a nejjasnější vzory v jakémkoli měřítku. 
  • Hlavní nevýhody spočívají v tom, že vektorová grafika vyžaduje profesionální designový software a schopnost jej používat.

Výhody a nevýhody rastrové a vektorové grafiky

Rastrová grafika dokáže rozkrýt velké množství barev v jednom obrázku a umožňuje přesnější úpravy barev. Předvádí jemnější nuance ve stínech a světle při vyšším rozlišení. Rastrové soubory, zejména soubory s vysokým rozlišením, jsou však velmi velké. Mají také omezenou škálovatelnost. 

Vektorové obrázky jsou škálovatelné, takže jedna verze návrhu bude vždy fungovat pro každou iteraci projektu. Vektorové soubory jsou také menší. Vektorové obrázky však nemohou zobrazovat fotografie přirozeným způsobem a vektorové formáty nejsou tak dobře podporovány online jako rastrové formáty.

Kdy je vhodné použít rastrovou a kdy vektorovou grafiku

Pro fotografie potřebujete rastrové obrázky a Adobe Photoshop; pro hlavičkový papír, text, loga a další jednoduché grafické prvky potřebujete vektorové obrázky a Adobe Illustrator. Pokud si nejste úplně jisti, jaký druh grafiky použít, postupujte podle těchto pokynů. Pokud upravujete fotografie ve více barvách, zvolte rastrové obrázky. Pokud kreslíte něco s omezeným počtem barev, vyberte vektorové obrázky. Můžete také vytvořit projekt, který používá fotografie i loga nebo oba druhy grafiky. Nakonec nezapomeňte, že z vektorové grafiky můžete kdykoli snadno udělat rastrový soubor. Nefunguje to však oběma způsoby. Z rastrového souboru nelze obvykle udělat vektorový soubor.

Jak postupovat, pokud si nejsme jisti o jakou grafiku se v souboru jedná

Může se to zdát jako hloupá otázka, ale ve skutečnosti tomu tak není. I když rozšíření souboru naznačuje, že se jedná o vektorovou grafiku, nemusí to tak být; může se například jednat o rastrovou grafiku, která však byla otevřena v Illustratoru a uložena. Jediným způsobem, jak toto s jistotou lze určit, je otevřít soubor a zblízka se podívat na část designu. Pokud uvidíte uzly pro úpravy vektorů, potvrdili jste si, že jde o vektorovou grafiku.

U jasných obrázků, jako jsou fotografie, které přenášejí jemné přechody barev, odstínů a světla, jsou rastrové obrázky dokonalé, i přes ztrátu kvality při větším měřítku a občas nepraktické velikosti souborů. U škálovatelných návrhů s menším počtem barev je vektorová grafika ideální i přes svou neschopnost vykreslit naprosto plynulé barevné přechody. Chcete-li pokrýt všechny základny, nechte svůj návrh v obou formátech nebo ho do vektorové podoby převeďte až pozdeji. 

Chcete proniknout do grafického designu? Láká vás komerční tvorba? Vrhneme se na počítačovou grafiku úplně od píky!

https://www.drawplanet.cz/kurz/kurz-pocitacove-grafiky-pro-zacatecniky/

 

Jak vytvořit logo

26. července 2021

doctype-hi-res

Už jste se někdy setkali se známou značku, která by existovala bez loga? Ne? Patrně je tomu tak proto, že žádné takové neexistují. Logo má zásadní vliv na to, jak zákazníci vnímají značku. Je tedy zcela přirozené chtít, aby logo bylo co možná nejlepší. Jak však takové logo získat?

Tento článek má za cíl naučit a vysvětlit vše, co je potřeba vědět, abyste navrhli perfektní logo pro Vás  a Vaše podnikání. Od definování identity Vaší značky a porozumění tomu, co dělá skvělé logo, až po správný výběr designu a navigaci v procesu navrhování.

Tady jsou nejdůležitější kroky k návrhu loga:

  1. Zkuste správně uchopit, proč potřebujete logo
  • Logo má vždy obrovský vliv na první dojem, který Vaše firma udělá: Poskytne zákazníkům informace o Vaší značce a sdělí jim, zda je pro ně to pravé.
  • Protože je logo tak důležitou součástí značky, je třeba se ujistit, že je vytvořeno dobře. Ve všech vašich značkových materiálech bude logo disponovat. Bude to to první, co zákazníci zaregistrují při vstupu na Vaše webové stránky. Bude to klíčový bod veškerých obalových materiálů, letáků a vizitek. A to se počítá!
  • Skvělý a profesionální design loga má sílu komunikovat s trhem, za čímž si stojíte. 
  • Udělat také dobrý první dojem Vám pomůže vyniknout mezi konkurencí.

2. Definujte vlastní identitu své značky

  • Chcete, aby Vaše logo vyjadřovalo osobnost Vaší značky. Abyste to mohli udělat, musíte nejprve pochopit, co je hlavní typologií Vaší značky. Jakmile budete mít jasnou představu o tom, co Vás dělá jedinečnými a o čem Vaše značka je, bude pro Vás mnohem snazší udělat designová rozhodnutí.
  • Zde je několik otázek, které si můžete položit, abyste se dostali na konec své identity značky:
  1. Proč jsme zahájili tento obchod?
  2. Jaké jsou hodnoty a víra, které jsou pro nás jako společnost důležité?
  3. Co děláme lépe než kdokoli jiný?
  4. Čím jsme výjimeční?
  5. Pokud bychom mohli popsat naši značku třemi slovy, co by to bylo?
  6. Jakými třemi slovy bychom chtěli, aby nás naši zákazníci popsali?

3. Najděte inspiraci pro svůj design

  • Nejtěžší částí procesu návrhu může být hledání inspirace. Naštěstí je zde několik tipů, které Vám tuto část mohou usnadnit.
  • Řiďte se pravidly brainstormingu: Brainstorming je o tom, jak dostat všechny nápady (i ty opravdu špatné) a zapsat si je. I hrozný nápad může vyvolat konverzaci, která povede k geniálnímu řešení.
  • Přemýšlejte jako cílová skupina: Vytvořte seznam slov, která popisují Vaši značku a jak chcete, aby byla vnímána. 
  • Zapojte všechny: brainstorming jedné osoby je v pořádku, ale zázraky se dějí jen díky rozmanitosti. Čím více perspektiv, tím lépe.

4. Podívejte se ke konkurenci

  • Nejlepší místo k získání nápadů? Vaše konkurence! Podívejte se, co už je venku, co dobře funguje u Vaší klientely a čeho byste se měli naopak raději vyvarovat. Při sledování těchto dalších firem přemýšlejte o tom, čím se liší od Vás a jak můžete zdůraznit tyto rozdíly v designu loga.
  • Určitě se odlište od konkurence. Pokud všechny ostatní podniky ve vašem oboru přecházejí do monochromatického režimu, možná byste se měli rozhodnout pro vyniknutí nějaké barvy. Pokud jsou všichni ostatní tradiční, možná přitáhne pozornost zábavné a moderní logo.

5. Vyberte si styl designu

  • Nyní, když máte jasnou představu o své značce a máte inspiraci, je čas začít ji přetvářet do designu. 
  • Do hry zde vstupuje spousta různých prvků, od barev, tvarů a grafiky až po typografii. 
  • Když přemýšlíte o svém logu, první věcí, kterou musíte udělat, je vybrat správnou designovou estetiku právě pro Vaši značku. Neexistuje žádný styl, který by byl vhodný pro každého.

6. Najděte správný typ loga

  • Kromě celkového stylu existuje 7 hlavních typů log (monogramy, slovní loga, obrázková loga, abstraktní loga, maskoti, kombinovaná loga, symboly), ze kterých si můžete při jeho vytváření vybírat. Můžete si zvolit ten, který nejlépe vyhovuje názvu Vaší společnosti nebo celkově esteticky. Je současně možné je i kombinovat a vytvořit něco jedinečného. 

7. Věnujte pozornost barvě

  • Barvy mohou mít spoustu různých významů. 
  • Psychologie v pozadí barvy je složitá, ve zkratce, každé barvě je připisována určitá emoci a představa s ní spojená.
  • Před výběrem barvy je určitě dobrý nápad, zjistit si něco více o teorii barev. 

8. Zvolte správnou typografii

  • Existují 4 základní typy písma, se kterými můžete pracovat, aby Vaše logo získalo jedinečný vzhled:
  1. Serif font: Jedná se o velmi univerzální styl písma , které vypadá skvěle s jakýmkoliv designem, obzvláště dobře funguje s elegantními nebo klasickými vzory.
  2. Sans serif font: Tento typ písma je ideální volbou, pokud chceme docílit moderního a čistého vzhledu.
  3. Script font: Při použití toho písmu, bude výsledný vzhled připomínat rukopis. Od elegantních kaligrafických písem až po ta uvolněná a praktická, existuje zde obrovská rozmanitost.
  4. Display font: Je dekorativní typ písma, který je vysoce stylizován a opravdu upoutá pozornost. 

9. Komunikujte se svým designérem

  • Nyní, když jste zvážili všechny potřebné stylové body, jste připraveni začít navrhovat! 
  • Existuje mnoho způsobů, jak logo získat, takže byste měli zvážit, který Vám nejvíce vyhovuje. Agentura, soutěž o logo, projekt jeden na jednoho nebo tvůrce loga? S různými cenami přicházejí i různé druhy kvality a všechny varianty mají své klady a zápory. 

10. Vyhodnoťte své možnosti

  • Dobré logo je okamžitě rozpoznatelné, odráží sdělení Vaší značky a dává jí vyniknout. Efektivní logo vypadá profesionálně a bez problémů zapadá do identity značky. Skvělé logo musí také fungovat v jakékoliv velikosti a kdekoliv, kde je potřeba jej použít.
  • Dobré logo by mělo být jedinečné, osobité a především nezapomenutelné. A v každém případě i nadčasové.

Co nedělat při návrhu loga

  • Při navrhování loga na Vás čeká několik běžných úskalí. Zde je několik tipů, co nedělat:
  1. Nepodléhejte klišé svého oboru. Jste zubař, takže Vaše logo musí v sobě obsahovat zub? Určitě ne. 
  2. Nevytvářejte ho příliš komplikovaným. Jednoduchost je klíčem k zapamatovatelnému (a tisknutelnému) logu.
  3. Nesnažte se být příliš trendy. Trendy jsou fantastické, ale ujistěte se, že Vaše logo nebude mít z hlediska budoucnosti expirační lhůtu.
  4. Nespokojte se s logem nízké kvality, abyste ušetřili pár korun. Vaše logo není něco, na čem byste měli šetřit, a často dostanete právě to, za co zaplatíte.

Integrujte design loga do své značky. Jakmile budete mít své logo, vytvořili jste ideální základnu pro veškerý značkový materiál, který Vaše firma potřebuje – ať už jde o vizitky, obalový materiál nebo webový design.

Rádi byste se naučili vytvářet vlastní loga a mnoho dalšího, aniž byste potřebovali rady či pomoct od odborníků? Přihlašte se do našeho Kurzu pro počítačové grafiky. Naše lektoři Vás naučí nejen, jak vytvořit své vlastní logo, ale ukáží Vám jak navrhnout i vlastní plakát, leták či vizitku. Jakým způsobem zpracovat text nebo nadesignovat webové stránky. 🙂 https://www.drawplanet.cz/kurz/kurz-pocitacove-grafiky-pro-zacatecniky/

 

IMG_7051

UŽ VÁM NIC NEUTEČE!