Grafický návrh webu

12. 5. 2015 10:13:31

Dobrý den všem přeji,

rád bych Vás nyní požádal o radu či kritiku mnou vytvořeného grafického návrhu pro webový portál herních novinek, livestreamu či lets play. Předem se omlouvám, ale jde o můj zcela první pokus o tvorbu webu, většinou se zabývám čistě programováním těchto stránek, avšak nyní bych si rád vytvořil něco více pro své osobní potřeby.

Návrh webu:

Návrh 1: http://i.imgur.com/VgA1qc1.jpg

Návrh 2: http://i.imgur.com/o1vY3yK.jpg

Vady dle mého názoru:

Absolutně se mi nedaří zkvalitnit horní menu, stále mi to přijde strojé a zelené buttony barvou sedí, ale grafických zasaděním vůbec ne.

Prosím o jakékoliv rady, přípomínky nebo návrhy na vylepšení případně co a kde zlepšit s jakým elementem nebo textem.

Předem děkuji za každou připomínku :)

12. 5. 2015 10:13:31

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112540

ckn

(2 hodnocení)

12. 5. 2015 10:26:10

Ahoj, moc tam toho k hodnoceni neni. Menu ti mozna nesedi, protoze je moc vysoky. Dobry napady na menu jsou tady v clanku http://www.hongkiat.com/blog/navigation-design-ideas-inspiration/

Jinak v hlavnim slideru se zobrazuji clanky, ktere jsou v tech boxech pod tim? Kdyz se nad tim webem zamyslim, je zamereny na live streamy, videa a vypada jako obsahovka zamerena na clanky.

12. 5. 2015 10:26:10

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112539

Rad3k

12. 5. 2015 10:30:10

Slider je určen na hlavní články nebo případně přemýšlím o možnosti, že by to mohlo ukazovat vždy nějaký trailer ze hry, který se bude opakovat na pozadí, co myslíte? Ale ty boxy pod tím jsou určené na poslendí přidaná videa. Nedokončená spodní část webu bude určena čistě jen na "Footer" orientační mapa stránky s obrázky a odkazy na comunitní channely (Twitter, Youtube, Facebook, Feedback).

12. 5. 2015 10:30:10

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112538

ckn

(2 hodnocení)

12. 5. 2015 10:45:40

Jestli to pod sliderem k tomu nepatri, pusobi to docela neprehledne. Jinak slider, kde nevis, co je na dalsim slidu v podstate z pohledu cisel o proklikovosti nefunguje a nema smysl to tak delat. Zkusenost z desitek ruznych slideru.. Jak jsem psal, ten web nevypada moc jako ze je zamereny na video obsah. Premyslel bych nad tim jinak..

12. 5. 2015 10:45:40

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112537

Dave Klimek

(2 hodnocení)

12. 5. 2015 10:48:37

Mixuješ do sebe několik odstínů zelené a taky naprosto odlišných prvků, archi je něco jako metro style ale zbytek je úplně jiný. Udělej menu podobně jak archiv a vyber jen jeden odstín zelené. Ten play button taky není hezký a s logem by se dalo určitě taky pohrát :)

12. 5. 2015 10:48:37

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112536

Rad3k

12. 5. 2015 11:13:43

CKN -> Web nemá být zaměřený čistě jen na video obsah, ale měl by tvořit stejně hodnotnou část jako novinky. Tudiž poměr článku a videí by měl činit 50% na obou stranách.

DKL - > Je tedy vhodné držet vše ve stejné linií stupni zelené? Zkusím tedy poupravit a zašlu výsledek.

---------- Příspěvek doplněn 12.05.2015 v 11:24 ----------

Zde zasílám úpravený grafický návrh: - Aktualizováno, provedena změna loga, nyní i menu.

http://i.imgur.com/dCBcoA6.jpg

Všude je zaveden stejný odstín zelené a byla provedena i změna tlačítka na přehrávání. Musím říct, že jste měl pravdu, vypadáto lépe. Ještě zkusím to menu, případně ještě nějaké návrhy nyní?.

12. 5. 2015 11:13:43

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112535

Jakub Jeřábek

12. 5. 2015 13:14:38

To menu vypadá jak vytvořené v malování.

To záhlaví s menu bych osobně udělal v podobném stylu, jako jsou datumy u archívu.

Proč jsou ty ikonky zdeformované? Ikonka pro přehrání by měla mít tvar kruhu (né oválu).

Obrázky pod sliderem jsou také zdeformované. Působí to pak amatérsky.

Myslím, že tam kombinuješ moc typů písma.

Text novinek bych dal větším písmem.

12. 5. 2015 13:14:38

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112534

Rad3k

12. 5. 2015 14:30:15

cech - > tvary, aby seděli jak mají ještě dorazím, ale co se týče menu, tak s tím stále bojuji.

Každopádně text písma novinek jsem zvětšil na 12b a je pravda, že to vypadá lépe včetně změny písma pro záhlavy:

Vzor:

http://i.imgur.com/LoCuXi2.jpg

12. 5. 2015 14:30:15

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112533

Daniel Pospíšil

(13 hodnocení)

13. 5. 2015 08:02:02

No je to prvni navrh, ale neni to moc dobry. Kdyz pominu ten mix fontu, tak velky problemy jsou ve velikosti. Pismo v perexu clanku nejde skoro precist. Sjednot pismo - stejny font pro nadpis, stejne pro obecny text. Pismo v nadpisech zmen, neni hezke. Zamer se na mezery, odsazeni a pozicovani - logo je odsazene vic, nez menu (polozky v menu nejsou horizontalne vycentrovane). Ty nahledy videi pod sliderem vypadaji tez podivne.

13. 5. 2015 08:02:02

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112532

Rad3k

14. 5. 2015 15:33:07

Tak jsem učinil pár zmeň dle Vašich doporučení a už jsem začal se zasazováním do CSS a HTML. Web ještě není dodělaný, ale pro náhled je to dostačující. Prozatím si prosím jen nevšímejte font textů, snažím se do fontů zavést "Open Sans" styl, ale zatím mi nefunguje. Video boxy jsem předělal.

Vzor: (prozatím optimalizace pouze na full hd)

Terquil - Lets Play, Livestream, Video

---------- Příspěvek doplněn 14.05.2015 v 18:04 ----------

rád bych poprosil o radu, hledám příčinu, proč mě webové stránky stále nabízejí možnost scrollování do stran i přesto, že mám full hd monitor. Chtěl bych scrollovátka zcela vyrušit. Můžete mi prosím poradit jak na to? Předem děkuji.

14. 5. 2015 15:33:07

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112531

Jakub Jeřábek

15. 5. 2015 00:13:18

Posuvník tam máš proto, protože máš nastavenou šířku 1920px, ale šířka okna je menší (nějakou šířku zabírá svislý posuvník a okraje prohlížeče).

Jdeš na to ale úplně špatně. Šířku elementů, které mají být od okraje k okraji bys měl mít nastavenou na 100%, né na nějakou pevnou hodnotu.

15. 5. 2015 00:13:18

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112530

Rad3k

16. 5. 2015 19:28:04

Dobrý večír,

tak jsem nakonec web poupravil pro lepší optimalizaci, avšak ještě není zcela hotový, zatím je optimalizován na rozlišení 1600 - 1920px. Avšak bych Vás i nyní rád poprosil zdali by bylo vhodné něco změnit ať na vzhledu grafickém či kódovém. Budu vděčný za každou radu, připomínku či výpomocí pro zlepšení.

WEB:

http://rad3k.eu/

16. 5. 2015 19:28:04

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112529

Pavel Petržela

(1 hodnocení)

16. 5. 2015 20:11:10

Nemá cenu ani nic hodnotit, viz http://www.responsinator.com/?url=http%3A%2F%2Frad3k.eu%2F.

16. 5. 2015 20:11:10

https://webtrh.cz/diskuse/graficky-navrh-webu-2#reply1112528

Rad3k

16. 5. 2015 21:25:48