$('#artwork_content').html("\u000A\u000A\u000A\u000A\u000A\u003Cul class\u003D\u0022gallery\u002Dul\u0022\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_01_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_01_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Tactus Type 1\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_02_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_02_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Tactus Type 2\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_03_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_03_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Tactus Type 3\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_04_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_04_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Tactus Type 4\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_05_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_05_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Tactus Type 5\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_06_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_06_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Tactus Type 6\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_07_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_07_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Tactus Type 7\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Cli\u003E\u003Ca class\u003D\u0022fbox\u0022 href\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_08_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/25/thumbs/olicova_marketa_tactustype_08_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Tactus Type 8\u0022 height\u003D\u0022320\u0022 /\u003E\u003C/a\u003E\u003C/li\u003E\u000A\u0009\u000A\u003C/ul\u003E\u000A\u003Cdiv class\u003D\u0022gallery\u002Ddiv\u0022\u003E\u000A\u0009\u003Ch3\u003EMarkéta Oličová\u003C/h3\u003E\u000A\u0009\u000A\u0009\u003Cp\u003E\u000A\u0009\u003Cstrong\u003ETactus Type\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EHmatové písmo a piktogramy\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EUniverzita Jana Evengelisty Purkyně v Ústí nad Labem\u003C/strong\u003E\u000A\u0009\u003C/p\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u0009\u003Ch4\u003EAnotace\u003C/h4\u003E\u000A\u0009\u0009\u003Cp\u003ETactus Type vzniklo v roce 2017 jako Diplomová práce na Fakultě umění a designu University \u003Cbr /\u003EJ. E. Purkyně v Ústí nad Labem. Je zaměřena na hmatové prvky orientačních systémů pro osoby se zrakovým postižením. Cílem bylo vytvořit hmatové, nebo také reliéfní písmo s piktogramy, které by bylo hmatově dobře čitelné a obsáhlo požadavky na orientační systémy pro zrakově postižené. Tyto orientační systémy je nutno chápat jako součást většího celku skládající se z více prvků na sebe navazujících. Jedním z nich jsou hmatové prvky. V současné době se na hmatových štítcích včetně Braillova bodového písma používá reliéfní podoba standardních piktogramů či latinky, protože právě Braillovo písmo umí v současné době velice málo lidí. Tyto piktogramy a písmo často nejsou přizpůsobeny hmatovému čtení, a proto bylo toto téma námětem pro diplomovou práci. Výstupem je 2D a 3D podoba hmatového písma Tactus Type spolu s piktogramy a manuálem na jejich užití. 2D podoba písma (řez „Light“) je určena k výrobě na gravírovacím stroji a řez „Bold“ je doplňkovým, pro tištěnou podobu písma. Ta může sloužit jak vidomým, tak slabozrakým. Jako hlavní prvek byla vybrána linie, která je pro hmat dobře čitelná. Písmo je bezserifové typu Grotesk a obsahuje znaky pouze ve Verzálkách. Hlavním prvkem písma s piktogramy je pyramidový profil s lehce zakulacenými rohy, velice příjemný na dotyk. Výška profilu a poměr výšky a šířky liter je přizpůsoben optimálnímu hmatovému čtení. „Rozpaly“ jednotlivých liter a velikost písma jsou v případě hmatového využití poměrně zásadní a proto bylo písmo Tactus ve 3D podobě navrženo na míru přesně pro jednu jedinou optimální velikost a rozpaly (viz. manuál na užití). Piktogramy byly vytvořeny jako doplněk písma a jsou využitelné tam, kde je piktografické zobrazení efektivnější, ať už samostatně či v kombinaci s textem. Jejich velikost pro taktilní využití je také neměnná. V rámci realizace byla provedena rešerše stávajících písem a piktogramů, konzultace s tyflopedy a testování vzorečků na cílové skupině.\u003C/p\u003E\u000A\u0009\u0009\u000A\u0009\u000A\u0009\u003Cul class\u003D\u0022awards\u0022\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Národní cena za studentský design GRAND\u003C/li\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Cena Asociace užité grafiky a grafického designu\u003C/li\u003E\u000A\u0009\u0009\u000A\u0009\u003C/ul\u003E\u000A\u0009\u000A\u0009\u000A\u0009\u000A\u000A\u0009\u003Ciframe class\u003D\u0022fb\u002Dlike\u0022 src\u003D\u0022//www.facebook.com/plugins/like.php?href\u003Dhttp://www.studentskydesign.cz/cs/2018/artwork/1293\u0026amp\u003Bsend\u003Dfalse\u0026amp\u003Blayout\u003Dstandard\u0026amp\u003Bwidth\u003D450\u0026amp\u003Bshow_faces\u003Dfalse\u0026amp\u003Baction\u003Dlike\u0026amp\u003Bcolorscheme\u003Dlight\u0022 scrolling\u003D\u0022no\u0022 frameborder\u003D\u00220\u0022 style\u003D\u0022border:none\u003B overflow:hidden\u003B width:450px\u0022 allowTransparency\u003D\u0022true\u0022\u003E\u003C/iframe\u003E\u000A\u003C/div\u003E"); $('#content-left .filter li').removeClass('active'); $('#content-left').find('.content').fadeOut(250).filter(function() { return $(this).data('category') == 'galerie' }).fadeIn(250).find('p').cstypo(); if ($slider !== undefined) { $slider.destroyShow(); } var $slider; // $('.gallery-ul:visible').find('li').first().find('img').imagesLoaded(function(){ $('#artwork_content .gallery-ul').not('.active').addClass('active'); $slider = $('#artwork_content .gallery-ul.active').height($('#artwork_content .gallery-ul.active').find('li').first().find('img').attr('height')).bxSlider({ infiniteLoop: false, prevText: '', nextText: '', hideControlOnEnd: true, onNextSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){ $('#artwork_content .gallery-ul.active').animate({height:currentSlideHtmlObject.height()}, 250); } , onPrevSlide: function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject){ $('#artwork_content .gallery-ul.active').animate({height:currentSlideHtmlObject.height()}, 250); } }); // }); // content left - fancybox $('#artwork_content .gallery-ul li a.fbox').click(function(e){ e.preventDefault(); var thumb = $(this).attr('href'); $.fancybox({ href: thumb, overlayOpacity: 0.8, overlayColor: '#fff', showCloseButton: false, hideOnContentClick: true, padding: 0 }); return false; }); $(document).keydown(function(e) { if (e.keyCode == 37) { // left $slider.goToPreviousSlide(); } if (e.keyCode == 39) { // right $slider.goToNextSlide(); } });