https://wiki.knihovna.cz/index.php?action=history&feed=atom&title=UI_designer
UI designer - Historie editací
2026-07-22T12:06:47Z
Historie editací této stránky
MediaWiki 1.35.0
https://wiki.knihovna.cz/index.php?title=UI_designer&diff=51994&oldid=prev
Estanor: /* Použité zdroje */
2015-05-17T21:11:39Z
<p><span dir="auto"><span class="autocomment">Použité zdroje</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Verze z 17. 5. 2015, 21:11</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l46" >Řádek 46:</td>
<td colspan="2" class="diff-lineno">Řádek 46:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Použité zdroje ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Použité zdroje ==</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*User Interface Designer. In: Monster. [online]. [cit. 2015-05-12]. Dostupné z: http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*User Interface Designer. In: <ins class="diffchange diffchange-inline">''</ins>Monster<ins class="diffchange diffchange-inline">''</ins>. [online]. [cit. 2015-05-12]. Dostupné z: http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*UI, UX: Who Does What? A Designer's Guide To The Tech Industry. In: Fastcodesign. [cit. 2015-05-12]. Dostupné z: http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*UI, UX: Who Does What? A Designer's Guide To The Tech Industry. In: <ins class="diffchange diffchange-inline">''</ins>Fastcodesign<ins class="diffchange diffchange-inline">''</ins>. [cit. 2015-05-12]. Dostupné z: http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*This is What a User Interface Designer Does. In: Aftercollege. [cit. 2015-05-12]. Dostupné z: http://blog.aftercollege.com/2013/user-interface-designer/</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*This is What a User Interface Designer Does. In: <ins class="diffchange diffchange-inline">''</ins>Aftercollege<ins class="diffchange diffchange-inline">''</ins>. [cit. 2015-05-12]. Dostupné z: http://blog.aftercollege.com/2013/user-interface-designer/</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*User Interface designer Salary. In: Indeed: one search.all jobs [online]. [cit. 2015-05-12]. Dostupné z: http://www.indeed.com/salary?q1=User+Interface+designer&l1=</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*User Interface designer Salary. In: <ins class="diffchange diffchange-inline">''</ins>Indeed: one search.all jobs<ins class="diffchange diffchange-inline">'' </ins>[online]. [cit. 2015-05-12]. Dostupné z: http://www.indeed.com/salary?q1=User+Interface+designer&l1=</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*SIGCHI [online]. [cit. 2015-05-12]. Dostupné z: http://www.sigchi.org/ </div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins class="diffchange diffchange-inline">''</ins>SIGCHI<ins class="diffchange diffchange-inline">'' </ins>[online]. [cit. 2015-05-12]. Dostupné z: http://www.sigchi.org/ </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*O asociaci. In: Asociace UX [online]. [cit. 2015-05-12]. Dostupné z: http://www.asociaceux.cz/o-asociaci</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins class="diffchange diffchange-inline">''</ins>O asociaci<ins class="diffchange diffchange-inline">''</ins>. In: Asociace UX [online]. [cit. 2015-05-12]. Dostupné z: http://www.asociaceux.cz/o-asociaci</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*User Interface Designer. In: Automattic. [online]. [cit. 2015-05-12]. Dostupné z: http://automattic.com/work-with-us/user-interface-designer/</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*User Interface Designer. In: <ins class="diffchange diffchange-inline">''</ins>Automattic<ins class="diffchange diffchange-inline">''</ins>. [online]. [cit. 2015-05-12]. Dostupné z: http://automattic.com/work-with-us/user-interface-designer/</div></td></tr>
</table>
Estanor
https://wiki.knihovna.cz/index.php?title=UI_designer&diff=51973&oldid=prev
Estanor v 17. 5. 2015, 20:25
2015-05-17T20:25:33Z
<p></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Verze z 17. 5. 2015, 20:25</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8" >Řádek 8:</td>
<td colspan="2" class="diff-lineno">Řádek 8:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Vizuální/UI designéři vezmou tzv. wireframe (kostru rozvržení webu) a nasazují na ně vzhled. Během této fáze projektu vymýšlí UI designer rozvržení prvků, typ hierarchie, barevné schéma, a vytváří vizuální podněty pro interaktivní komponenty v celém rozhraní. Poté vytvoří průvodce celkovým stylem a připraví soubory tak, aby front-end engineer mohl začít budovat výsledné rozhraní<ref>http://blog.aftercollege.com/2013/user-interface-designer/</ref>.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Vizuální/UI designéři vezmou tzv. wireframe (kostru rozvržení webu) a nasazují na ně vzhled. Během této fáze projektu vymýšlí UI designer rozvržení prvků, typ hierarchie, barevné schéma, a vytváří vizuální podněty pro interaktivní komponenty v celém rozhraní. Poté vytvoří průvodce celkovým stylem a připraví soubory tak, aby front-end engineer mohl začít budovat výsledné rozhraní<ref>http://blog.aftercollege.com/2013/user-interface-designer/</ref>.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Povinnosti ==</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== Povinnosti<ins class="diffchange diffchange-inline"><ref>http://www.sigchi.org/</ref> </ins>==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>UI designer musí </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>UI designer musí </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*umět být tvůrčí v mezioborovém týmu, který je zodpovědný za to, jak produkt funguje, nejen jak vypadá</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*umět být tvůrčí v mezioborovém týmu, který je zodpovědný za to, jak produkt funguje, nejen jak vypadá</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l16" >Řádek 16:</td>
<td colspan="2" class="diff-lineno">Řádek 16:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*rozumět mechanismům a postupům uživatelského testování a důležitosti dat</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*rozumět mechanismům a postupům uživatelského testování a důležitosti dat</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*být schopný dávat a přijímat konstruktivní kritiku</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*být schopný dávat a přijímat konstruktivní kritiku</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*být schopný psát vlastní web (HTML, CSS, občas i JavaScript) a ochotný se neustále vzdělávat<del class="diffchange diffchange-inline"><ref>http://www.sigchi.org/</ref></del></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*být schopný psát vlastní web (HTML, CSS, občas i JavaScript) a ochotný se neustále vzdělávat</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Kariéra ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Kariéra ==</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l29" >Řádek 29:</td>
<td colspan="2" class="diff-lineno">Řádek 29:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nejčastěji požadovaným minimem je bakalářský titul v uměleckých/ umělecko-grafických oborech (CG). Vhodné vstupní znalosti jsou ze základů programování (HTML, CSS).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Nejčastěji požadovaným minimem je bakalářský titul v uměleckých/ umělecko-grafických oborech (CG). Vhodné vstupní znalosti jsou ze základů programování (HTML, CSS).</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== Kompetence ==</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== Kompetence<ins class="diffchange diffchange-inline"><ref>http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</ref> </ins>==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Základní designové schopnosti napříč grafickými oblastmi, včetně typografie, nákresu a vizuální hierarchie - což poslouží při vytváření rozumných, atraktivních a efektivních rozhraní.</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Základní designové schopnosti napříč grafickými oblastmi, včetně typografie, nákresu a vizuální hierarchie - což poslouží při vytváření rozumných, atraktivních a efektivních rozhraní.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Minimálně 5 let zkušeností s designováním a vytvářením webových stránek/ aplikací se zaměřením na interakci a design rozhraní</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Minimálně 5 let zkušeností s designováním a vytvářením webových stránek/ aplikací se zaměřením na interakci a design rozhraní</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36" >Řádek 36:</td>
<td colspan="2" class="diff-lineno">Řádek 36:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*schopnost zaměřit se na řešení problému, organizovat si zadanou práci a proaktivně rozdělovat priority</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*schopnost zaměřit se na řešení problému, organizovat si zadanou práci a proaktivně rozdělovat priority</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*ačkoli nejde o pozici programátora, znalosti HTML, CSS a JavaScriptu jsou často výhodou, stejně jako zkušenost s e-komerčními stránkami a aplikacemi</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*ačkoli nejde o pozici programátora, znalosti HTML, CSS a JavaScriptu jsou často výhodou, stejně jako zkušenost s e-komerčními stránkami a aplikacemi</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Obecně musí být zběhlý v užívání IT nástrojů, ideálně napříč platformami<del class="diffchange diffchange-inline"><ref>http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</ref></del>.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Obecně musí být zběhlý v užívání IT nástrojů, ideálně napříč platformami.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Profesní sdružení ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Profesní sdružení ==</div></td></tr>
</table>
Estanor
https://wiki.knihovna.cz/index.php?title=UI_designer&diff=51972&oldid=prev
Estanor: /* Kompetence */
2015-05-17T20:23:32Z
<p><span dir="auto"><span class="autocomment">Kompetence</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Verze z 17. 5. 2015, 20:23</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36" >Řádek 36:</td>
<td colspan="2" class="diff-lineno">Řádek 36:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*schopnost zaměřit se na řešení problému, organizovat si zadanou práci a proaktivně rozdělovat priority</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*schopnost zaměřit se na řešení problému, organizovat si zadanou práci a proaktivně rozdělovat priority</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*ačkoli nejde o pozici programátora, znalosti HTML, CSS a JavaScriptu jsou často výhodou, stejně jako zkušenost s e-komerčními stránkami a aplikacemi</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*ačkoli nejde o pozici programátora, znalosti HTML, CSS a JavaScriptu jsou často výhodou, stejně jako zkušenost s e-komerčními stránkami a aplikacemi</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*Obecně musí být <del class="diffchange diffchange-inline">zběhlí </del>v užívání IT nástrojů, ideálně napříč platformami<ref>http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</ref>.</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*Obecně musí být <ins class="diffchange diffchange-inline">zběhlý </ins>v užívání IT nástrojů, ideálně napříč platformami<ref>http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</ref>.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Profesní sdružení ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Profesní sdružení ==</div></td></tr>
</table>
Estanor
https://wiki.knihovna.cz/index.php?title=UI_designer&diff=51967&oldid=prev
Estanor: /* Použité zdroje */
2015-05-17T20:07:28Z
<p><span dir="auto"><span class="autocomment">Použité zdroje</span></span></p>
<table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="cs">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Starší verze</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Verze z 17. 5. 2015, 20:07</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l50" >Řádek 50:</td>
<td colspan="2" class="diff-lineno">Řádek 50:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*This is What a User Interface Designer Does. In: Aftercollege. [cit. 2015-05-12]. Dostupné z: http://blog.aftercollege.com/2013/user-interface-designer/</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*This is What a User Interface Designer Does. In: Aftercollege. [cit. 2015-05-12]. Dostupné z: http://blog.aftercollege.com/2013/user-interface-designer/</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*User Interface designer Salary. In: Indeed: one search.all jobs [online]. [cit. 2015-05-12]. Dostupné z: http://www.indeed.com/salary?q1=User+Interface+designer&l1=</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*User Interface designer Salary. In: Indeed: one search.all jobs [online]. [cit. 2015-05-12]. Dostupné z: http://www.indeed.com/salary?q1=User+Interface+designer&l1=</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>SIGCHI [online]. [cit. 2015-05-12]. Dostupné z: http://www.sigchi.org/ </div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">*</ins>SIGCHI [online]. [cit. 2015-05-12]. Dostupné z: http://www.sigchi.org/ </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*O asociaci. In: Asociace UX [online]. [cit. 2015-05-12]. Dostupné z: http://www.asociaceux.cz/o-asociaci</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*O asociaci. In: Asociace UX [online]. [cit. 2015-05-12]. Dostupné z: http://www.asociaceux.cz/o-asociaci</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*User Interface Designer. In: Automattic. [online]. [cit. 2015-05-12]. Dostupné z: http://automattic.com/work-with-us/user-interface-designer/</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*User Interface Designer. In: Automattic. [online]. [cit. 2015-05-12]. Dostupné z: http://automattic.com/work-with-us/user-interface-designer/</div></td></tr>
</table>
Estanor
https://wiki.knihovna.cz/index.php?title=UI_designer&diff=51966&oldid=prev
Estanor: Založena nová stránka: '''User Interface Designer''' == Popis práce == User Interface (UI) Designer vytváří vizuální rozhraní (interface) pro webové stránky, aplikace a mobilní zaří...
2015-05-17T20:07:05Z
<p>Založena nová stránka: '''User Interface Designer''' == Popis práce == User Interface (UI) Designer vytváří vizuální rozhraní (interface) pro webové stránky, aplikace a mobilní zaří...</p>
<p><b>Nová stránka</b></p><div>'''User Interface Designer''' <br />
== Popis práce ==<br />
User Interface (UI) Designer vytváří vizuální rozhraní (interface) pro webové stránky, aplikace a mobilní zařízení<ref>http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</ref>.<br />
<br />
== Náplň práce ==<br />
Práce UI designera je především o tom, aby vytvořil rozvržení výsledného výrobku. Na starosti má navrhování každé obrazovky nebo stránky, se kterou uživatel interaguje. Zároveň se stará o to, aby uživatelské rozhraní vizuálně komunikovalo tak, jak potřebuje UX designér. (Například, UI designer vytvářející analytickou nástěnku může zvýraznit nejdůležitější obsah na začátku, nebo rozhodnout, zda slider nebo ovládací prvky grafu jsou dostatečně intuitivní.) UI designeři jsou často zodpovědní za vytváření jednotícího průvodce stylem a zajišťují, aby byl jednotný design aplikován na celý produkt<ref>http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</ref>.<br />
<br />
Vizuální/UI designéři vezmou tzv. wireframe (kostru rozvržení webu) a nasazují na ně vzhled. Během této fáze projektu vymýšlí UI designer rozvržení prvků, typ hierarchie, barevné schéma, a vytváří vizuální podněty pro interaktivní komponenty v celém rozhraní. Poté vytvoří průvodce celkovým stylem a připraví soubory tak, aby front-end engineer mohl začít budovat výsledné rozhraní<ref>http://blog.aftercollege.com/2013/user-interface-designer/</ref>.<br />
<br />
== Povinnosti ==<br />
UI designer musí <br />
*umět být tvůrčí v mezioborovém týmu, který je zodpovědný za to, jak produkt funguje, nejen jak vypadá<br />
*mít zkušenosti s navrhováním webových aplikací, které se zaměřují na smysluplný UI design<br />
*používat čistý a moderní design, být ve svém přístupu aktuální<br />
*být schopný přemýšlet v rámci práce jak v responzivním, tak HiDPI-ready přístupu<br />
*rozumět mechanismům a postupům uživatelského testování a důležitosti dat<br />
*být schopný dávat a přijímat konstruktivní kritiku<br />
*být schopný psát vlastní web (HTML, CSS, občas i JavaScript) a ochotný se neustále vzdělávat<ref>http://www.sigchi.org/</ref><br />
<br />
== Kariéra ==<br />
Pozice user interface designera poskytuje možnost povýšit na seniorské pozice.S následnými možnostmi vedení týmu a rozvoje větších projektů/ postupu na manažerské pozice.<br />
<br />
=== plat ===<br />
Vývoj platu je vidět na přiloženém obrázku<br />
<br />
[[Soubor:UI_salary.png]]<ref>http://www.indeed.com/salary?q1=User+Interface+designer&l1</ref> <br />
<br />
== Vzdělání ==<br />
Nejčastěji požadovaným minimem je bakalářský titul v uměleckých/ umělecko-grafických oborech (CG). Vhodné vstupní znalosti jsou ze základů programování (HTML, CSS).<br />
<br />
== Kompetence ==<br />
*Základní designové schopnosti napříč grafickými oblastmi, včetně typografie, nákresu a vizuální hierarchie - což poslouží při vytváření rozumných, atraktivních a efektivních rozhraní.<br />
*Minimálně 5 let zkušeností s designováním a vytvářením webových stránek/ aplikací se zaměřením na interakci a design rozhraní<br />
*Značné profesní vědomosti v oblasti Adobe Creative Cloud (především Photoshop, Illustrator, Bridge a Acrobat)<br />
*schopnosti naslouchání, spolupráce, multitaskingu a orientace v rychle se vyvíjejícím prostředí<br />
*schopnost zaměřit se na řešení problému, organizovat si zadanou práci a proaktivně rozdělovat priority<br />
*ačkoli nejde o pozici programátora, znalosti HTML, CSS a JavaScriptu jsou často výhodou, stejně jako zkušenost s e-komerčními stránkami a aplikacemi<br />
*Obecně musí být zběhlí v užívání IT nástrojů, ideálně napříč platformami<ref>http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001</ref>.<br />
<br />
== Profesní sdružení ==<br />
*ACM/SIGCHI - ( Association for Computing Machinery / Special Interest Group on Computer-Human Interaction) Společnost profesionálů, studentů a zájemců o HCI<ref>http://www.sigchi.org/</ref>. http://www.acm.org/ http://www.sigchi.org/ <br />
*Asociace UX, o.s - Dříve fungovalo pod záštitou SIGCHI, ale od roku 2008 funguje jako občanské sdružení<ref>http://www.asociaceux.cz/o-asociaci</ref>. http://www.asociaceux.cz/ <br />
<br />
== Poznámky ==<br />
<references></references><br />
<br />
== Použité zdroje ==<br />
*User Interface Designer. In: Monster. [online]. [cit. 2015-05-12]. Dostupné z: http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001<br />
*UI, UX: Who Does What? A Designer's Guide To The Tech Industry. In: Fastcodesign. [cit. 2015-05-12]. Dostupné z: http://jobview.monster.com/User-Interface-Designer-Job-Cleveland-OH-US-150361866.aspx?mescoid=1700179001001<br />
*This is What a User Interface Designer Does. In: Aftercollege. [cit. 2015-05-12]. Dostupné z: http://blog.aftercollege.com/2013/user-interface-designer/<br />
*User Interface designer Salary. In: Indeed: one search.all jobs [online]. [cit. 2015-05-12]. Dostupné z: http://www.indeed.com/salary?q1=User+Interface+designer&l1=<br />
SIGCHI [online]. [cit. 2015-05-12]. Dostupné z: http://www.sigchi.org/ <br />
*O asociaci. In: Asociace UX [online]. [cit. 2015-05-12]. Dostupné z: http://www.asociaceux.cz/o-asociaci<br />
*User Interface Designer. In: Automattic. [online]. [cit. 2015-05-12]. Dostupné z: http://automattic.com/work-with-us/user-interface-designer/</div>
Estanor