Proberu to s Fantinou jak to udělat.
Už se moc těším!
Vše je o domluvě, prober to z grafikem a uvidíme co vymyslíme dál :-)
Ha ha, vždyť žádného nemá
Proto oslovila tebe
A evidentně uspěla
takže jsem téma přesunula tam, kam patří
A neboj, nezapomněly jsme na tebe, ale protože bylo potřeba nejdříve otestovat, co dokážeme nebo nedokážeme, a já osobně jsem pouze laik, co se týče práce s html kódem, tak mi to testování, které probíhá formou pokus-omyl, trvalo dlouho. Ale nakonec jsem se přece jen k něčemu dobrala.
Teď tedy k nápadu a technickému provedení...
Styl designu se ti moc povedl a je to zase něco trochu jiného, než tu bylo. Protože ti evidentně nevadí vytvořit více grafických variant, určitě toho využijeme, pokud budeš mít zájem tyto grafické prvky pro tento web dělat. Co konkrétně to bude, to ti pak pošleme e-mailem, až s Jeanne vybereme z technického hlediska variantu, která se bude aplikovat.
Dvě připomínky:
- mám to stejně jako Jeanne - hned při prvním pohledu mi opticky vadil zakulacený titulek, který se bohužel k stávající formě webu nehodí, takže ten bude ve finále určitě normálně rovně
- jméno Angélique prosím psát s dlouhým é - a to vždy a všude
Co se týče samotných výběrů obrázků - i když ilustrace pravděpodobně pochází od stejného autora, jedná se o tři samostatné knižní série. Takže jsem trochu na vážkách, zda série takto kombinovat nebo zda se při výběru nedržet pouze jedné. Opět to budeme probírat s Jeanne, každopádně, mně osobně vůbec nejde o to, "jak" na těch obrázcích Angelika vypadá a zda ji to vystihuje - pořád je to jen fantazie autora dané ilustrace a záležitost vkusu - mně půjde o motiv, který bude obrázek představovat. Protože na tomto webu má téměř každá sekce svoji vlastní "hlavičku", využila bych tvé kreativity a nechala vytvořit cca 7-8 různých obrázků vystihujících téma dané webové sekce. Co na obrázcích nakonec bude, to ti dáme vědět.
Technické detaily (pozn: všechny obrázky níže jsou rozklikatelné na větší velikost):
- nápad, že by byl ústřední obrázek s titulkem a s duhovým pozadím pouze jeden a umístěn jako pozadí celého webu, je sice z technického hlediska nejjednodušší řešení, ale aplikovat ho nelze, protože "hlavička" s obrázkem a titulkem webu při zmenšení okna prohlížeče nebo při zobrazení webu na mobilu či ipadu odskakuje do strany a je mimo samotný obsah webu. Což není hezké... Příklad níže - ve svém prvním testu jsem použila jako pozadí webu jeden z knižních obalů.
Ukázka - otisk monitoru, jak v tom testu vypadal "obsah", "hlavička" a "pozadí" webu:
Níže výstřižek při testu - na prvním obrázku je při normálním zobrazení webu na PC název knihy v rámečku (v obsahu webu uprostřed), ale na druhém obrázku, při zmenšení okna prohlížeče, odskočí název do strany - viz umístění písmene M vs popisky rozcestníku.
Takže toto není žádoucí, a proto bude nutné grafický návrh "rozkouskovat", aby se jednotlivé části daly zafixovat.
- tvůj návrh je sice hezký, ale velký. Pravděpodobně jsi vycházela ze starší verze webu, kdy hlavička (ústřední obrázek) přesahoval více jak polovinu obrazovky. Bohužel již na začátku roku 2014 Jeanne hlavičku zmenšila a po úplné změně webu na vícejazyčnou variantu je hlavička ještě užší. Což je dle mého názoru fajn, protože je pak hned při první návštěvě webu vidět více z jeho vlastního obsahu a obrázek v hlavičce není tak dominantní. Takže bude potřeba obrázky trochu zmenšit.
Níže na ukázku několik variant...
pozn: Fontu písma a jeho barvy, stejně tak barvy pozadí, si nevšímej. Pro testování jsem použila to, co jsem měla po ruce. Jen jsem potřebovala, aby vynikly rozdíly a velikost obsahu webu. Všechny obrázky jsou otisky obrazovky, čili ve velikosti tak, jak se pak zobrazí v živé verzi na monitoru.
1) obrázek s popiskem, kdy hlavička zabírá více jak polovinu obrazovky / 2) to samé, ale ohraničeno rámečkem, aby bylo vidět, kde končí samotný obsah webu / 3) aktuální velikost hlavičky / 4) přijatelná velikost hlavičky / 5) přijatelná velikost hlavičky s prohozeným titulem webu (nahoře) a popisky rozcestníku (dole)
Pochopitelně mám připravené i jiné technické varianty, jak novou grafiku aplikovat na tento web, čímž by i finální verze vypadala trochu jinak, ale to teď není podstatné. Bohužel větší problém v umístění nové grafiky vidím tady na fóru...
Diskusní fórum má svůj vlastní kód a je zcela mimo náš web (pouze jsou propojené odkazem) a už tehdy při zavedení této verze nám dalo velkou práci sem umístit titulek, ikonky pro rozcestník a vlaječky pro přechod na jinou jazykovou verzi, takže teď to bude něco podobného. Hlavní problém vidím v případném barevném/duhovém pozadí, které se bude tlouct se samotným obsahem fóra, a pokud ho budeme chtít mít i tady, tak se barevný vzhled příspěvků bude muset změnit. A jak už jsem řekla - jsem laik a zde to bude trvat opravdu dlouho, než se to doladí.
Nicméně, co budeme od tebe potřebovat:
- aktuálně
jako první věc kvůli lepšímu testování a rozhodování bychom potřebovali poslat
obrázek pouze "duhového pozadí" (přechod z fialové přes žlutou do červené) o velikosti -
šíře 1400px, výška 1400px (nebo menší, tam je to jedno, důležitá je ta šířka), při čemž počítej s tím, že šířka hlavičky je 980px
- čísla všech základních barev, které jsi v grafice použila, včetně těch barev, které jsi v návrhu použila pro nadpisy tří sloupců v textu
- všechny grafické prvky ve formátu .gif
- popisky rozcestníku a titulek webu s průhledným pozadím (to teď nedělej, pošlu podrobnější info kvůli čtyřjazyčné verzi)
- obrázky do hlaviček bez jakýchkoliv popisků (také pošlu bližší info, hlavně kvůli minimálním rozměrům)
Líbí se mi výběr barvy pro titulek a popisky. Výběr fontu písma je také v pohodě, nicméně tu už bylo, takže pokud objevíš nějaké vhodné, které se ti bude více líbit, můžeš poslat další návrh. Nemusíš se držet toho, co jsme tu měly dříve.
PS: Do Soukromé zprávy jsem ti poslala svůj e-mail.