http://www.ubytovanivkrkonosich.eu/

kidnec · 2012-05-04 22:11:25

Zdravím, přes víkend jsem vytvořil narychlo design tohohle webu, ještě plánuju dodělat lokalizace (vlaječky nejsou funkčí) a trochu upravit ten sidebar. Kritika obsahu není nutná, je převeden z původního webu, design jsem dělal na rychlo, chtěl bych vědět jak působí na čtenáře.

http://www.ubytovanivkrkonosich.eu/

dikes za názory

kksmirice · 2012-05-04 22:24:09

To nikdo nedokáže napsat odkaz normálně a musí použít code?
dá se to napsat třeba:
http://www.ubytovanivkrkonosich.eu/
nebo takto

K designu:
1. menu v trávě je špatně viditelné a lehce přehlédnutelné,
2. menu vpravo je nedotažené a působí na mě jako když jej dělal 10ti letý človíček,
3. nějak postrádám grafické pozadí stránky,
4. obecně nemám rád další rolovací lišty uvnitř stránky - při pohybu po stránce to trhá oči když se nejprve pohybuje text uvnitř stránky a pak celá stránka "odjede" příklad,
5. malé okraje na pravé straně uvnitř stránky s textem jako tady.

Frantislav · 2012-05-04 22:39:26

Pár věcí by se dalo vytknout. Vlajky jsou příliš veliké, odkazy na YouTube, Google+, facebook jsou tak nějak všude, rolovací lišty jsou "fuj", horní hnědé menu není téměř vidět, pravé menu je nejjednodušší možné.

kidnec · 2012-05-04 22:42:06

kksmirice napsal:

To nikdo nedokáže napsat odkaz normálně a musí použít code?
dá se to napsat třeba:
http://www.ubytovanivkrkonosich.eu/
nebo takto
K designu:
1. menu v trávě je špatně viditelné a lehce přehlédnutelné,
2. menu vpravo je nedotažené a působí na mě jako když jej dělal 10ti letý človíček,
3. nějak postrádám grafické pozadí stránky,
4. obecně nemám rád další rolovací lišty uvnitř stránky - při pohybu po stránce to trhá oči když se nejprve pohybuje text uvnitř stránky a pak celá stránka "odjede" příklad,
5. malé okraje na pravé straně uvnitř stránky s textem jako tady.

1.) vyměnil jsem pozadí tlačítek, tedy hover je pruhlednější, je to lepší, nebo celkově mám změnit barvu těch tlačítek aby to bylo viditelnější?
2.) dodělávám
3.)přijde mi jako zbytečný obrázek navíc, možná dodám nějakou malou texturu s repeatem
4.)výšku stránky jsem změnil aby tam ten roller nebyl, tedy prozatím tam kde je text, u galerie a jinde ještě dodělám
5.) nastavil jsem padding-right:25px;

díky za názor

kidnec · 2012-05-04 22:45:32

Frantislav napsal:

Pár věcí by se dalo vytknout. Vlajky jsou příliš veliké, odkazy na YouTube, Google+, facebook jsou tak nějak všude, rolovací lišty jsou "fuj", horní hnědé menu není téměř vidět, pravé menu je nejjednodušší možné.

1.)vlaječky zmenším
2.)to propojení se sociálníma sítěma je v dnešní době bohužel nutné, když někteří dokážou strávit půlku života procházením právě těchto sociálních sítí
3.)scroll lišty jsou již skoro odstraněné, jen dodělám strukturu galerie a měli by zmizet všude
4.) přemejšlel jsem o použití kontrastnějších barev ...

díky za názor

kksmirice · 2012-05-05 09:23:44

kidnec napsal:

3.)přijde mi jako zbytečný obrázek navíc, možná dodám nějakou malou texturu s repeatem

I tomu se říká grafické pozadí.
Pokud na stránku kouknu večer tak mne hned rozbolí oči, jak ta bílá svítí z monitoru...
Ta tráva, která tvoří okraje viditelné oblasti na mne v celkovém vzhledu působí tak, že přemýšlím co vlastně na té stránce chybí.

Výšku stránky bych nechal plovoucí. Pokud chci další informace, budu rolovat dolů.

Také bych odsadil spodní kraj stránky na stejnou výšku jako je horní okraj.

Menu:
hover moc nemusím, spíše bych přemýšlel o zvýraznění položky menu, kde vlastně na stránce jsem. Navíc ten hover bych, když už musí být, provedl kontrastněji vůči ostatním položkám. Průhlednější moc nevyniká.

Sociální sítě:
asi bych v sidebaru volil fixed a včetně vlajek o trošku více odsadil od okrajů, aby nebyly tak nalepeny.

Franislav myslel to, že odkazy na sociální sítě jsou jak v sidebaru, tak nad příspěvkem, tak i pod příspěvkem, prostě všude...
Kdo chce, tak si to najde. Pokud někdo tráví hodiny na sociálních sítích, určitě umí i vyhledávat.....

Martin · 2012-05-05 09:50:10

kksmirice napsal:

Pokud na stránku kouknu večer tak mne hned rozbolí oči, jak ta bílá svítí z monitoru...

Tak si ztlumte svit monitoru. Nevím jak zvládáte ostatní stránky s přihlédnutím na fakt, že většina by jich měla a řekl bych, že je světlá, ba dokonce bílá. Každopádně když už pozadí, nemusí to být nutně obrázek, ale hodně udělá i nějaká né moc sytá barvička...

kksmirice · 2012-05-05 10:04:28

kksmirice napsal:

kidnec napsal:
3.)přijde mi jako zbytečný obrázek navíc, možná dodám nějakou malou texturu s repeatem
I tomu se říká grafické pozadí.

Já jsem nikde netvrdil, že tam musí být nutně obrázek.
Monitor lze tlumit, to ano, ale proč to dělat???

Tady je stránka také světlá, ale není to tolik bijící do očí, ani v noci...

EDIT:
Jen se domnívám, že když už někdo dává do kupy celkem slušné stránky, tak proč se ochuzovat o grafiku. Takové stránky zaujmou více.
To bychom pak nemuseli dělat nic a jen holý text... A to by bylo rozhodně špatně!!!

kidnec · 2012-05-05 11:52:24

Děkuji za další kritiku, udělám nějaké úpravy a pak zase požádám

kidnec · 2012-05-08 13:55:55

Tak jsem tu zas, udělal jsem pár malých kosmetických úprav,

1.) vlaječky a socialní sitě jsou napevno nahoře na stránce
2.) trochu jsem upravil to postraní menu, ještě dodělám, pořád nemám nápad jak by mohlo vypadat
3.)dodělal jsem to pozadí, postraní pruhy jsou příjemnější pro oči
4.)nad textem a sdílecím odkazem je minimapa webu, aby uživatel věděl kde je, ikdyž jsou max dvě úrovně
5.)přidal jsem pod footer místo pro zpětné odkazy

prosím o další hodnocení

kksmirice · 2012-05-08 19:55:27

Už to někam spěje ke slušnosti, dobrá práce.

Věnoval bych také pozornost přechodům mezi hlavičkou a hlavní stránkou a hlavní stránkou a patičkou. V okraji je znatelná mezera v rámu stránky. Není to nic strašného, ale když se s tím "prdíš" jde o dokonalost.

Najdi pak nějaké slušné obrázky pro boční menu (aby třeba u ceníku nemusela být chata, ...) ale jinak dost dobrý počin.
Určitě bych také přemýšlel nad "podkladem" hlavní části webu (pod textem v hlavním okně) - časem...

V bočním menu mi moc nesedí hover (active), možná bych i nepoužil jinou barvu pro navštívené odkazy, nesedí mi ty standardní barvy k vzhledu webu.

Hlavní blok by si zasloužil udělat s plovoucí výškou - scrollbar to celé ruší a opticky více odděluje menu.

Menu jsou zbytečně dvě. Nepůsobí na mne dobře duplicitní položky - co mám vlastně klikat? Horní nebo boční? Je to sice jedno, ale musím přemýšlet které - to není moc vhodné. Možná by bylo účelnější do bočního menu vložit jen to co se nabízí v "podmenu" toho hlavního na liště. Např. otevřu Ubytování a vpravo se mi zobrazí jen podpoložky tohoto menu.
Prostě a jednoduše - duplicita není moc vhodná.
Je to vše jen můj názor, ale ...

kidnec · 2012-05-08 20:45:57

díky za něj

Frantislav · 2012-05-08 21:15:26

Ano, mnohem lepší! Akorát bych poznamenal, že po oddálení se postranní pruhy chovají nepřiměřeně (používám chromovaný prohlížeč). Ještě ohledně pravého menu. Je povedené, já osobně bych změnil barvu odkazů uvnitř na obyčejnou černou, ovšem je to na Vás, ale nenechával bych to modré.

kidnec · 2012-05-09 01:04:21

Frantislav napsal:

Ano, mnohem lepší! Akorát bych poznamenal, že po oddálení se postranní pruhy chovají nepřiměřeně (používám chromovaný prohlížeč). Ještě ohledně pravého menu. Je povedené, já osobně bych změnil barvu odkazů uvnitř na obyčejnou černou, ovšem je to na Vás, ale nenechával bych to modré.

jo díky, to jsem ani nezkoušel, jen tak pro mojí zvědavost, myslíte, že mohu počítat s dnes optimálním rozlišením na šířku 1500px? ... nebo mám pozadi zarovnat na střed a udělat druhý přechod zpět na bílou aby se při širší obrazovce jen zobrazil i zpětný přechod

kksmirice · 2012-05-09 05:10:51

Kdysi bylo doporučováno tvořit stránky pro rozlišení max. 1024 (width:980 + scrollbar + okraj).
Tvořit stránky pro 1500 px mi nepřipadá rozumné. Většina NTB zvládá 1200 px, NetBooky pak 1024 px.

Zkusil bych šablonu s pevnými postranními panely (např. 20 px) a zbytek - střední panel - bych nechal plovoucí šířku, třeba i nastavení max-width (1200 px), aby se neroztahoval do nekonečna.
K tomu lze využít tabulkového nebo netabulkového layoutu. Každý má svoje výhody i nevýhody.

kidnec · 2012-05-09 08:08:11

kksmirice napsal:

Kdysi bylo doporučováno tvořit stránky pro rozlišení max. 1024 (width:980 + scrollbar + okraj).
Tvořit stránky pro 1500 px mi nepřipadá rozumné. Většina NTB zvládá 1200 px, NetBooky pak 1024 px.
Zkusil bych šablonu s pevnými postranními panely (např. 20 px) a zbytek - střední panel - bych nechal plovoucí šířku, třeba i nastavení max-width (1200 px), aby se neroztahoval do nekonečna.
K tomu lze využít tabulkového nebo netabulkového layoutu. Každý má svoje výhody i nevýhody.

s tou šířkou fakt nevím, před tuším 4 lety jsem si pořídil laptop za střední cenu, tedy 14-16 tisíc a měl na šířku 1440px, zkusím vymyslet nějaký kompromis, aby to vypadalo všude dobře.

Martin · 2012-05-09 09:40:17

V žádném případě už nepoužívejte tabulkový layout. Naučte se pořádně CSS. Jedině tak vznikne pořádný projekt.
Pokud hledáte kompromis, doporučuji se začít zajímat o responzivní design. Konkrétně se jedná o například následující prvky CSS:

#obal { max-width:1000px; margin:0px auto; }
@media screen and (max-width: 900px) {
	#obal { max-width:700px; margin:0 auto; }
}

@media screen and (max-width: 750px) {
	#obal { max-width:500px; margin:0 auto; }
}

@media screen and (max-width: 500px) {
	#obal { max-width:300px; margin:0 auto; }
}

Například. Takto nějak to řeším na jednom webu, který právě dělám. Je to opravdu fajn věc... :ugeek:

kidnec · 2012-05-09 16:03:27

Martin napsal:

V žádném případě už nepoužívejte tabulkový layout. Naučte se pořádně CSS. Jedině tak vznikne pořádný projekt.
Pokud hledáte kompromis, doporučuji se začít zajímat o responzivní design. Konkrétně se jedná o například následující prvky CSS:
#obal { max-width:1000px; margin:0px auto; }
@media screen and (max-width: 900px) {
	#obal { max-width:700px; margin:0 auto; }
}

@media screen and (max-width: 750px) {
	#obal { max-width:500px; margin:0 auto; }
}

@media screen and (max-width: 500px) {
	#obal { max-width:300px; margin:0 auto; }
}
Například. Takto nějak to řeším na jednom webu, který právě dělám. Je to opravdu fajn věc... :ugeek:

vím, že princip, kterým tento design dělám není zrovna nejnovější. Takže sem napíšu co jsem asi ještě nenapsal.
Toto je ohledně designu a jeho kódování i s návrhem můj [size=150:3jny7pin]PRVNÍ projekt. Doteď jsem se spíše seznamoval s HTML/PHP/CSS/MySQL prostřednictvím spíše úpravami a pokusy, který neměli ani výsledné užití.

Martin · 2012-05-09 16:18:21

Na tom vůbec nesejde. Zapomeňte tedy na @media a jsme pořád u CSS. Není žádný důvod učit se tabulkový layout. Opravdu...

kidnec · 2012-05-10 08:21:57

Martin napsal:

Na tom vůbec nesejde. Zapomeňte tedy na @media a jsme pořád u CSS. Není žádný důvod učit se tabulkový layout. Opravdu...

no učit se to a předělávat celý web prozatím nehodlám, do budoucna to asi bude nutný. Nyní bych však nehodnotil jak je web napsán, ale jak působí na čtenáře, tomu je většinou jedno jak je web na kódovaný, pokud to tedy tak špatně, že by například nefunguvoval . Tedy jak se na webu orientuje a jak na něj působí informace.

ale díky za názor

#1 2012-05-04 22:11:25

Re: http://www.ubytovanivkrkonosich.eu/

#2 2012-05-04 22:24:09

Re: http://www.ubytovanivkrkonosich.eu/

#3 2012-05-04 22:39:26

Re: http://www.ubytovanivkrkonosich.eu/

#4 2012-05-04 22:42:06

Re: http://www.ubytovanivkrkonosich.eu/

#5 2012-05-04 22:45:32

Re: http://www.ubytovanivkrkonosich.eu/

#6 2012-05-05 09:23:44

Re: http://www.ubytovanivkrkonosich.eu/

#7 2012-05-05 09:50:10

Re: http://www.ubytovanivkrkonosich.eu/

#8 2012-05-05 10:04:28

Re: http://www.ubytovanivkrkonosich.eu/

#9 2012-05-05 11:52:24

Re: http://www.ubytovanivkrkonosich.eu/

#10 2012-05-08 13:55:55

Re: http://www.ubytovanivkrkonosich.eu/

#11 2012-05-08 19:55:27

Re: http://www.ubytovanivkrkonosich.eu/

#12 2012-05-08 20:45:57

Re: http://www.ubytovanivkrkonosich.eu/

#13 2012-05-08 21:15:26

Re: http://www.ubytovanivkrkonosich.eu/

#14 2012-05-09 01:04:21

Re: http://www.ubytovanivkrkonosich.eu/

#15 2012-05-09 05:10:51

Re: http://www.ubytovanivkrkonosich.eu/

#16 2012-05-09 08:08:11

Re: http://www.ubytovanivkrkonosich.eu/

#17 2012-05-09 09:40:17

Re: http://www.ubytovanivkrkonosich.eu/

#18 2012-05-09 16:03:27

Re: http://www.ubytovanivkrkonosich.eu/

#19 2012-05-09 16:18:21

Re: http://www.ubytovanivkrkonosich.eu/

#20 2012-05-10 08:21:57

Re: http://www.ubytovanivkrkonosich.eu/

Zápatí