Návrhy máte vždy pod kontrolou

Brýtro.cz - pozadí hlavičky stránky
24. 9. 2019

Abychom pro vás vše maximálně zjednodušili, děláme grafické návrhy stránek ve výborném nástroji Figma.

Jde o online nástroj, díky kterému budete mít všechny návrhy od nás přehledně na jednom místě, na které se dostanete pomocí jediného odkazu. Odkudkoliv a kdykoliv. Takže vás nečeká žádné hledání novějších verzí návrhů v e-mailu a vše můžete snadno prezentovat klidně celé firmě.

Organizace grafických návrhů

Ovládání Figmy je velmi intuitivní. Navíc nemůžete nic zkazit, ani když si to “oklikáte v ostrém provozu”. Nicméně pokud si přečtete naše rady a doporučení, bude se vám s Figmou pracovat lépe a hlavně budete vědět, jak k návrhům přistupovat.

Podívejte se, co o Figmě říká naše klientka (která se s ní u nás setkala poprvé):

 

Figma je skvělý nástroj a opravdu se osvědčil. Byla jsem opravdu spokojená, což je i důvod proč s Vámi realizujeme další projekt 🙂

Kateřina Tvrdá – mujzivotposkole.cz

 

Až od nás dostanete první návrh:

Budou to dva odkazy s wireframe, což je jednoduchý návrh struktury vašich nových webových stránek.

Prezentace je náhled stránek v jejich 100% velikosti. Stránku po stránce si můžete každou z nich prohlédnout.

Náhled všech stran je na pohled o něco techničtější. Jde ale jen o zobrazení všech stran na jednom místě. Při otevření odkazu je uvidíte ve zmenšené podobě.

Až vám budeme později posílat grafické návrhy, budou také ve formě těchto dvou odkazů.

Teď se podívejme na to, jak s každým z nich pracovat.

Základy používání Figmy

Odkaz vás vždy nasměruje přes webový prohlížeč rovnou do Figmy k návrhům. Nemusíte nic stahovat ani instalovat (budou vás lákat k registraci, ale tu nepotřebujete).

Zásada číslo 1:

Především vám doporučujeme návrhy vždy prohlížet na počítači nebo notebooku. Telefon vás bude jednak zdržovat, ale hlavně je příliš malý na to, abyste si udělali věrohodnou představu o výsledných stránkách. Ideální rozlišení pro práci s návrhy je 1920 px.

Pokud musíte návrhy prohlížet na monitoru s menším rozlišením, nevadí. Stránky se vám však při prezentaci budou zobrazovat posunuté vpravo, nebudou ve středu obrazovky. Ale stačí kliknutím myši plátno se stránkou chytit a přesunout do středu ručně.

S touto komplikací se nedá nic dělat, jde zatím pouze o grafický návrh. Stránka proto není responzivní a nemůže se přizpůsobovat vašemu zařízení. Ale nebojte se, výsledné stránky budou samozřejmě spořádaně uprostřed a budou perfektně přizpůsobené pro veškeré telefony, tablety, malé i velké monitory (více si můžete přečíst ve článku o responzivitě našich webů).

Zásada číslo 2:

Klidně klikejte a zkoušejte.

Ani v režimu náhledů nemůžete nic omylem smazat, takže se není čeho bát. Zásada číslo jedna je tak v podstatě to jediné opravdu důležité. 🙂

Jak prohlížet prezentaci

Tady je to velmi jednoduché.

 

  • Pokud máte monitor s menším rozlišením, přesuňte si tahem myši stránku s návrhem do středu obrazovky (nebo po ní tahem myši “cestujte”).
  • Rozlišení vždy nechte na 100 %, aby nevznikalo zkreslení grafiky.
  • Mezi jednotlivými stránkami se můžete pohybovat pomocí šipek na klávesnici, nebo šipkami v dolní části obrazovky.

Jak prohlížet náhledy všech stran

Náhledy vypadají na první pohled technicky, ale není se jich proč bát. Nic omylem smazat nemůžete.

 

  • Nejprve uvidíte malé náhledy všech navrhovaných stran vašeho nového webu vedle sebe.
  • Můžete si je přiblížit buď změnou čísla rozlišení vpravo nahoře (jako na videu), nebo stisknutím klávesy CTRL a scrollováním kolečka myši.
  • Kliknutím a tahem myši se posouváte mezi stránkami.
  • Nad každou stránkou je její název. To vám usnadní orientaci i komunikaci s námi. Můžete nám díky tomu jednoduše napsat například: “chci upravit text na stránce 2.0_ceník”
  • Z náhledů si můžete kdykoliv pustit prezentaci. Stačí zmáčknout ikonu pro přehrávání vpravo nahoře (viz video).

Něco se vám nezdá správně?

S Figmou máme jen ty nejlepší zkušenosti, i naši klienti se s ní obvykle naučí velmi rychle zacházet. Občas ale narazíme na jedno z těchto nedorozumění, kdy nám říkáte:

1. “Text je příliš malý a nečitelný.” / “To písmo je moc velké.”

Trendy v oblasti počítačové grafiky se rychle mění a vyvíjí. Dnes je kladen velký důraz na čitelnost, standardní velikost písma je 16–18 px. Nadpisy se dělají velmi výrazné, aby přitáhly pozornost.

K tomu všemu při tvorbě návrhů přihlížíme, stejně jako zohledňujeme vaši cílovou skupinu.

Možná jen nejste zvyklí na moderní design. Ale pravděpodobně je problém jinde:

Řešení: Ujistěte se, že máte v náhledu vpravo nahoře zvoleno 100 %, tedy reálnou velikost návrhu (jako na videu výše). Je možné, že se díváte na zmenšenou či zvětšenou verzi návrhu.

2. “Celé je to nějaké velké.” “Ten úvodní obrázek zabírá celou obrazovku.”

Námi vytvořené úvodní stránky mají obvykle poutavou grafiku doplněnou o základní informace o webu. Takové stránky totiž nejlépe fungují. Uživatel by se měl okamžitě dozvědět, kdo jste a co děláte. Pokud mu nebude hned jasné, kde se nachází, často stránky rychle opustí.

Ale možná je problém spíš tady:

Díváte se na náhled na malém zařízení, například na tabletu nebo malém notebooku?

Návrhy jsou dělané ve vyšším rozlišení, tedy jsou vhodné pro větší zařízení. Nemusíte se bát, výsledné stránky budou už naprogramované a responzivní, takže budou vypadat dobře na každém zařízení, i na malém telefonu. A pravděpodobně budou celkově menší, než jaké se vám v tuto chvíli zdají.

Řešení: Zkuste se podívat na návrhy na větším zařízení.

3. “Odkaz na Figmu mi nefunguje.”

Některé prohlížeče mají bohužel s Figmou problém. Nejjednodušší řešení je stáhnout si prohlížeč Google Chrome a otevírat Figmu přes něj, tento prohlížeč si s ní poradí vždy.

 

Ale nebojte, jakmile si ji malinko osaháte, tak zjistíte, že je Figma opravdu jednoduché a příjemné vylepšení posílání návrhů. A pokud budete potřebovat naši asistenci, jsme tu pro vás.

Tak pojďme na to a vytvořme spolu parádní reprezentativní web

Existují 3 hlavní důvody, proč nás klienti doporučují:

ikona grafika

Pěkné grafické zpracování

Často slýcháme, že se grafika povedla nad míru očekávání.

ikona spolupráce

Osobní přístup

Klienti oceňují, že umíme vyjít vstříc, diskutovat o projektu a jsme ochotní poradit.

ikona komunikace

Aktivní komunikace

Za naši flexibilitu nás klienti chválí. Odpovídáme do 24 h. Požadavky řešíme rychle.