{"id":3817,"date":"2025-08-25T16:51:04","date_gmt":"2025-08-25T14:51:04","guid":{"rendered":"https:\/\/ipocitac.cz\/?p=3817"},"modified":"2025-08-25T16:51:05","modified_gmt":"2025-08-25T14:51:05","slug":"jak-navrhovat-herni-ui-uzivatelske-rozhrani-ktere-hrace-neodradi","status":"publish","type":"post","link":"https:\/\/ipocitac.cz\/?p=3817","title":{"rendered":"Jak navrhovat hern\u00ed UI: U\u017eivatelsk\u00e9 rozhran\u00ed, kter\u00e9 hr\u00e1\u010de neodrad\u00ed"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">UI (User Interface) neboli u\u017eivatelsk\u00e9 rozhran\u00ed je jeden z nejd\u016fle\u017eit\u011bj\u0161\u00edch, ale \u010dasto podce\u0148ovan\u00fdch prvk\u016f hern\u00edho designu. Dob\u0159e navr\u017een\u00e9 UI hr\u00e1\u010de vede, pom\u00e1h\u00e1 mu a neru\u0161\u00ed z\u00e1\u017eitek ze hry. \u0160patn\u00e9 UI m\u016f\u017ee odradit u\u017e b\u011bhem prvn\u00edch minut hran\u00ed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1.&nbsp;<strong>Co UI ve h\u0159e zahrnuje?<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Hlavn\u00ed menu, nastaven\u00ed, invent\u00e1\u0159, mapa<\/li>\n\n\n\n<li>HUD (Head-Up Display) \u2013 \u017eivoty, munice, sk\u00f3re<\/li>\n\n\n\n<li>Ozn\u00e1men\u00ed, dialogy, n\u00e1pov\u011bdy, tla\u010d\u00edtka a dal\u0161\u00ed ovl\u00e1dac\u00ed prvky<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2.&nbsp;<strong>Z\u00e1sady dobr\u00e9ho UI designu<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Jednoduchost:<\/strong>\u00a0Nep\u0159eh\u00e1n\u011bj to s prvky \u2013 m\u00e9n\u011b je \u010dasto v\u00edce<\/li>\n\n\n\n<li><strong>Srozumitelnost:<\/strong>\u00a0Ikony, texty a tla\u010d\u00edtka by m\u011bly b\u00fdt okam\u017eit\u011b pochopiteln\u00e9<\/li>\n\n\n\n<li><strong>Konzistence:<\/strong>\u00a0Zachovej stejn\u00e9 barvy, p\u00edsmo a styl nap\u0159\u00ed\u010d celou hrou<\/li>\n\n\n\n<li><strong>Rychl\u00fd p\u0159\u00edstup:<\/strong>\u00a0D\u016fle\u017eit\u00e9 funkce mus\u00ed b\u00fdt snadno dostupn\u00e9 (nap\u0159. invent\u00e1\u0159 na jedno tla\u010d\u00edtko)<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">3.&nbsp;<strong>P\u0159izp\u016fsoben\u00ed platform\u011b<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Na mobilu mus\u00ed b\u00fdt UI p\u0159izp\u016fsobeno dotykov\u00e9mu ovl\u00e1d\u00e1n\u00ed<\/li>\n\n\n\n<li>Na PC\/konzoli se vyu\u017e\u00edv\u00e1 kl\u00e1vesnice, my\u0161 nebo ovlada\u010d \u2013 mysli na to p\u0159i rozlo\u017een\u00ed prvk\u016f<\/li>\n\n\n\n<li>V\u017edy zva\u017e, jak hr\u00e1\u010di interaguj\u00ed s hrou<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4.&nbsp;<strong>Barvy a kontrast<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Pou\u017e\u00edvej dostate\u010dn\u00fd kontrast mezi textem a pozad\u00edm<\/li>\n\n\n\n<li>Nezapome\u0148 na p\u0159\u00edstupnost \u2013 barevn\u00e1 slepota, \u010ditelnost, p\u0159izp\u016fsoben\u00ed velikosti p\u00edsma<\/li>\n\n\n\n<li>Kl\u00ed\u010dov\u00e9 prvky zv\u00fdrazni pomoc\u00ed barev nebo animace<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5.&nbsp;<strong>Testov\u00e1n\u00ed s hr\u00e1\u010di<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sleduj, jestli hr\u00e1\u010di najdou v\u0161e, co pot\u0159ebuj\u00ed<\/li>\n\n\n\n<li>V\u0161\u00edmej si, co je mate nebo zdr\u017euje<\/li>\n\n\n\n<li>Nech hr\u00e1\u010de navigovat hrou bez vysv\u011btlov\u00e1n\u00ed \u2013 pokud zabloud\u00ed, UI nefunguje dob\u0159e<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">Tip na z\u00e1v\u011br:<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83c\udfae&nbsp;<strong>UI by m\u011blo slou\u017eit hr\u00e1\u010di, ne v\u00fdvoj\u00e1\u0159i.<\/strong>&nbsp;Pokud je n\u011bco \u201ehezk\u00e9, ale nepou\u017eiteln\u00e9\u201c, je t\u0159eba to p\u0159epracovat.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>UI (User Interface) neboli u\u017eivatelsk\u00e9 rozhran\u00ed je jeden z nejd\u016fle\u017eit\u011bj\u0161\u00edch, ale \u010dasto podce\u0148ovan\u00fdch prvk\u016f hern\u00edho designu. Dob\u0159e navr\u017een\u00e9 UI hr\u00e1\u010de vede, pom\u00e1h\u00e1 mu a neru\u0161\u00ed z\u00e1\u017eitek ze hry. \u0160patn\u00e9 UI m\u016f\u017ee odradit u\u017e b\u011bhem prvn\u00edch minut hran\u00ed. 1.&nbsp;Co UI ve h\u0159e zahrnuje? 2.&nbsp;Z\u00e1sady dobr\u00e9ho UI designu 3.&nbsp;P\u0159izp\u016fsoben\u00ed platform\u011b 4.&nbsp;Barvy a kontrast 5.&nbsp;Testov\u00e1n\u00ed s hr\u00e1\u010di Tip [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":3818,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"categories":[3],"tags":[],"tmauthors":[],"class_list":["post-3817","post","type-post","status-publish","format-standard","has-post-thumbnail","category-pc"],"amp_enabled":false,"_links":{"self":[{"href":"https:\/\/ipocitac.cz\/index.php?rest_route=\/wp\/v2\/posts\/3817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ipocitac.cz\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ipocitac.cz\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ipocitac.cz\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ipocitac.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3817"}],"version-history":[{"count":0,"href":"https:\/\/ipocitac.cz\/index.php?rest_route=\/wp\/v2\/posts\/3817\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ipocitac.cz\/index.php?rest_route=\/wp\/v2\/media\/3818"}],"wp:attachment":[{"href":"https:\/\/ipocitac.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ipocitac.cz\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ipocitac.cz\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3817"},{"taxonomy":"tmauthors","embeddable":true,"href":"https:\/\/ipocitac.cz\/index.php?rest_route=%2Fwp%2Fv2%2Ftmauthors&post=3817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}