[{"@context":"https:\/\/schema.org\/","@type":"Article","@id":"https:\/\/www.astrajs.cz\/6-rad-jak-na-spravny-design-www-stranek\/#Article","mainEntityOfPage":"https:\/\/www.astrajs.cz\/6-rad-jak-na-spravny-design-www-stranek\/","headline":"6 rad jak na spr\u00e1vn\u00fd design WWW str\u00e1nek","name":"6 rad jak na spr\u00e1vn\u00fd design WWW str\u00e1nek","description":"Webov\u00e9 str\u00e1nky jsou hlavn\u00edm zdrojem informac\u00ed dne\u0161n\u00ed generace. Firmy jimi l\u00e1kaj\u00ed svoje potencion\u00e1ln\u00ed z\u00e1kazn\u00edky a z\u00e1kazn\u00edci si tak m\u016f\u017eou nez\u00e1vazn\u011b prohl\u00e9dnout jejich slu\u017eby. Spr\u00e1vn\u00e1 volba grafick\u00e9ho designu m\u016f\u017ee potencion\u00e1ln\u00edho z\u00e1kazn\u00edka p\u0159il\u00e1kat, nebo naopak odradit. Je proto d\u016fle\u017eit\u00e9 vytvo\u0159it str\u00e1nky po obsahov\u00e9 i grafick\u00e9 str\u00e1nce adekv\u00e1tn\u00ed k\u00a0oblasti podnik\u00e1n\u00ed firmy. V\u00a0n\u00e1sleduj\u00edc\u00edm \u010dl\u00e1nku se dozv\u00edme z\u00e1sady, jak spr\u00e1vn\u011b...","datePublished":"2019-11-20","dateModified":"2023-05-02","author":{"@type":"Person","@id":"https:\/\/www.astrajs.cz\/author\/#Person","name":"","url":"https:\/\/www.astrajs.cz\/author\/","identifier":1,"image":{"@type":"ImageObject","@id":"https:\/\/secure.gravatar.com\/avatar\/2a487990a452554e9d027cbab96c6e6e6d3b119f22a2b3fb9e2bcb7e021cd643?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/2a487990a452554e9d027cbab96c6e6e6d3b119f22a2b3fb9e2bcb7e021cd643?s=96&d=mm&r=g","height":96,"width":96}},"publisher":{"@type":"Organization","name":"astrajs.cz","logo":{"@type":"ImageObject","@id":"\/logo.png","url":"\/logo.png","width":600,"height":60}},"image":{"@type":"ImageObject","@id":"https:\/\/www.astrajs.cz\/wp-content\/uploads\/img_a360896_w3399_t1574503028.jpg","url":"https:\/\/www.astrajs.cz\/wp-content\/uploads\/img_a360896_w3399_t1574503028.jpg","height":0,"width":0},"url":"https:\/\/www.astrajs.cz\/6-rad-jak-na-spravny-design-www-stranek\/","about":["Www"],"wordCount":708,"articleBody":"Webov\u00e9 str\u00e1nky jsou hlavn\u00edm zdrojem informac\u00ed dne\u0161n\u00ed generace. Firmy jimi l\u00e1kaj\u00ed svoje potencion\u00e1ln\u00ed z\u00e1kazn\u00edky a z\u00e1kazn\u00edci si tak m\u016f\u017eou nez\u00e1vazn\u011b prohl\u00e9dnout jejich slu\u017eby. Spr\u00e1vn\u00e1 volba grafick\u00e9ho designu m\u016f\u017ee potencion\u00e1ln\u00edho z\u00e1kazn\u00edka p\u0159il\u00e1kat, nebo naopak odradit. Je proto d\u016fle\u017eit\u00e9 vytvo\u0159it str\u00e1nky po obsahov\u00e9 i grafick\u00e9 str\u00e1nce adekv\u00e1tn\u00ed k\u00a0oblasti podnik\u00e1n\u00ed firmy. V\u00a0n\u00e1sleduj\u00edc\u00edm \u010dl\u00e1nku se dozv\u00edme z\u00e1sady, jak spr\u00e1vn\u011b nakl\u00e1dat s\u00a0tvorbou webu. Budeme br\u00e1t v\u00a0potaz z\u00a0velk\u00e9 \u010d\u00e1sti hlavn\u011b grafick\u00fd design, ale zabrous\u00edme i do obsahov\u00e9 \u010d\u00e1sti. Popsan\u00e9 informace nebudou rozeb\u00edr\u00e1ny p\u0159\u00edli\u0161 do hloubky, aby byli snadno pochopiteln\u00e9 i pro \u201clajky\u201c v\u00a0tomto oboru a aby nast\u00ednili danou problematiku. Berte proto t\u011bchto 6 rad, jak na spr\u00e1vn\u00fd design www str\u00e1nek jen jako z\u00e1klad pro Va\u0161\u00ed budouc\u00ed tvorbu.\t1.\u00a0\u00a0\u00a0\u00a0\u00a0 Stru\u010dnostHned na \u00favodu mus\u00ed \u010dlov\u011bk v\u011bd\u011bt o \u010dem str\u00e1nky jsou, co cht\u011bj\u00ed sd\u011blit a co nab\u00edzej\u00ed. Pakli\u017ee zaujmout, n\u00e1v\u0161t\u011bvn\u00edk si p\u0159e\u010dte v\u00edce, pakli\u017ee ne, aspo\u0148 vytvo\u0159ila str\u00e1nka podv\u011bdom\u00ed o dan\u00e9 v\u011bci.\t2.\u00a0\u00a0\u00a0\u00a0\u00a0 BarvyP\u0159i tvorb\u011b designu bychom si m\u011bli ujasnit, jestli se pro n\u00e1\u0161 web hod\u00ed barvy studen\u00e9 nebo tepl\u00e9. Pakli\u017ee budeme prod\u00e1vat zahradn\u00ed techniku, jist\u011b nezvol\u00edme r\u016f\u017eov\u00fd design str\u00e1nek. Barvy jsou to prvn\u00ed, \u010deho si potencion\u00e1ln\u00ed z\u00e1kazn\u00edk na str\u00e1nk\u00e1ch v\u0161imne, proto se nad jejich kombinac\u00ed mus\u00edme zamyslet. Vhodn\u00e1 je tak\u00e9 kombinace v\u00edce barev, kter\u00e9 jsou k\u00a0sob\u011b kontrastn\u00ed. M\u016f\u017eeme tak efektivn\u011b zv\u00fdraznit d\u016fle\u017eitou informaci v\u00a0textu.P\u0159i v\u00fdb\u011bru je d\u016fle\u017eit\u00e9 vybrat barvy, kter\u00e9 nejsou tzv. \u201cnebezpe\u010dn\u00e9\u201c. Jedn\u00e1 se o barvy, kter\u00e9 se m\u016f\u017eou potencion\u00e1ln\u011b zobrazovat \u0161patn\u011b na star\u0161\u00edch monitorech, nebo monitorech s\u00a0n\u00edzk\u00fdm rozli\u0161en\u00edm. Zobrazovac\u00ed za\u0159\u00edzen\u00ed se pak bude sna\u017eit \u201ctrefit\u201c nejbli\u017e\u0161\u00ed podobnou barvu, co\u017e nemus\u00ed skon\u010dit dob\u0159e. \u010casto se s\u00a0t\u00edmto m\u016f\u017eeme setkat p\u0159i na\u010d\u00edt\u00e1n\u00ed r\u016fzn\u00fdch odst\u00edn\u016f \u0161edi atd.\t3.\u00a0\u00a0\u00a0\u00a0\u00a0 KontrastNa www str\u00e1nk\u00e1ch jsou v\u017edy ur\u010dit\u00e9 informace, kter\u00e9 se sna\u017e\u00ed firma vyzdvihnout. M\u016f\u017ee toho doc\u00edlit tak\u00e9 tak, \u017ee zm\u011bn\u00ed barvu \u010di pozad\u00ed informace, kterou chce zv\u00fdraznit. Jedn\u00e1 se tedy o spr\u00e1vn\u00e9 vyu\u017eit\u00ed kontrastu.\t4.\u00a0\u00a0\u00a0\u00a0\u00a0 Styl p\u00edsmaStyl p\u00edsma vytv\u00e1\u0159\u00ed atmosf\u00e9ru str\u00e1nek. P\u00edsmo odli\u0161ujeme patkov\u00e9 a bezpatkov\u00e9. Bezpatkov\u00e9 p\u00edsmo p\u016fsob\u00ed v\u00edce sv\u011b\u017ee, sn\u00e1ze se \u010dte a str\u00e1nky pak maj\u00ed jednoduch\u00fd n\u00e1dech. Oproti tomu patkov\u00e9 p\u00edsmo se hod\u00ed sp\u00ed\u0161e k\u00a0v\u00e1\u017en\u011bj\u0161\u00edm t\u00e9mat\u016fm. Specialitkou jsou pak p\u00edsma, kter\u00e1 jsou v\u00edce grafick\u00e1. Nap\u0159\u00edklad p\u00edsmo s \u201ckudrlinkami\u201c v\u00e1m kr\u00e1sn\u011b navod\u00ed romantick\u00e9 str\u00e1nky.\t5.\u00a0\u00a0\u00a0\u00a0\u00a0 Seskupen\u00ed element\u016fI seskupov\u00e1n\u00ed prvk\u016f m\u00e1 svoje pravidla. Nap\u0159\u00edklad do z\u00e1hlav\u00ed um\u00edst\u00edme logo firmy, aby z\u00e1kazn\u00edk v\u011bd\u011bl, \u017ee je na spr\u00e1vn\u00fdch str\u00e1nk\u00e1ch. Hned v\u00a0\u00favodu by m\u011bla b\u00fdt li\u0161ta se z\u00e1lo\u017ekami typu: Produkty, O n\u00e1s a Kontakt pro snadn\u011bj\u0161\u00ed zorientov\u00e1n\u00ed na str\u00e1nk\u00e1ch. D\u00e1le je vhodn\u00e9 do \u00favodu um\u00edstit obr\u00e1zkov\u00e9 uk\u00e1zky produkt\u016f, aby firma nal\u00e1kala z\u00e1kazn\u00edka ke koupi produkt\u016f. Na konec str\u00e1nky je vhodn\u00e9 um\u00edstit kontaktn\u00ed \u00fadaje za firmu atd.\t6.\u00a0\u00a0\u00a0\u00a0\u00a0 TrendyV\u00a0posledn\u00edch letech m\u00e1 st\u00e1le v\u00edce webov\u00fdch str\u00e1nek ve sv\u00e9m \u00favodu velkou fotografii, kter\u00e1 zab\u00edr\u00e1 celou str\u00e1nku. P\u0159es tuto fotografii je samoz\u0159ejm\u011b vyobrazen text. Str\u00e1nky takto p\u016fsob\u00ed velice modern\u011b. \u00a0Dal\u0161\u00edm trendem je tvo\u0159en\u00ed co nejv\u00edce jednoduch\u00fdch str\u00e1nek. Tyto str\u00e1nky maj\u00ed typicky pouze jednu str\u00e1nku s\u00a0ve\u0161ker\u00fdm obsahem. Tento trend se vyvinul hlavn\u011b d\u00edky vyu\u017e\u00edv\u00e1n\u00ed mobiln\u00edch telefon\u016f, u\u017eivatel\u00e9 se tak nemus\u00ed p\u0159ep\u00ednat na jin\u00e9 z\u00e1lo\u017eky a ovl\u00e1d\u00e1n\u00ed je tak snaz\u0161\u00ed.\u00a0                                                                                                                                                                                                                                                                                                                                                                                        5\/5 - (8 votes)        "},{"@context":"https:\/\/schema.org\/","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"6 rad jak na spr\u00e1vn\u00fd design WWW str\u00e1nek","item":"https:\/\/www.astrajs.cz\/6-rad-jak-na-spravny-design-www-stranek\/#breadcrumbitem"}]}]