$('#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/22/thumbs/Komurka_Adam_DesignNaHranici_01_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/22/thumbs/Komurka_Adam_DesignNaHranici_01_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Design na hranici 1\u0022 height\u003D\u0022270\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/22/thumbs/Komurka_Adam_DesignNaHranici_02_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/22/thumbs/Komurka_Adam_DesignNaHranici_02_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Design na hranici 2\u0022 height\u003D\u0022270\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/22/thumbs/Komurka_Adam_DesignNaHranici_03_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/22/thumbs/Komurka_Adam_DesignNaHranici_03_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Design na hranici 3\u0022 height\u003D\u0022270\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/22/thumbs/Komurka_Adam_DesignNaHranici_04_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/22/thumbs/Komurka_Adam_DesignNaHranici_04_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Design na hranici 4\u0022 height\u003D\u0022270\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/22/thumbs/Komurka_Adam_DesignNaHranici_05_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/22/thumbs/Komurka_Adam_DesignNaHranici_05_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Design na hranici 5\u0022 height\u003D\u0022270\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/22/thumbs/Komurka_Adam_DesignNaHranici_06_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2018/06/22/thumbs/Komurka_Adam_DesignNaHranici_06_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Design na hranici 6\u0022 height\u003D\u0022270\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\u003EAdam Komůrka\u003C/h3\u003E\u000A\u0009\u000A\u0009\u003Cp\u003E\u000A\u0009\u003Cstrong\u003EDesign na hranici\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EVizuální komunikace konference Design na hranici, která se s ničím nes**e.\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EUniverzita Tomáše Bati ve Zlíně\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\u003ETroufalá, prostořeká a upřímná. Taková je vizuální komunikace 10. ročníku Designu na hranici. Zakládá si především na síle slova, copywritingu, která provází celou kampaň. Při tvoření textů jsem si kladl za cíl, aby vyzněly tak, jak člověk ve skutečnosti myslí, mluví a nehrál si na načančanou reklamu (proto i takové strohé grafické pojetí). Komunikace zároveň odráží běžné problémy designérů, kteří byli hlavní cílovou skupinou, a také současné dění ve společnosti. Práci jsem vypracoval jako klauzuru zimního semestru, byla úspěšně realizována a zanechala za sebou nesmazatelnou stopu (a to doslova, protože lepící páska Designu na hranici, jde dost mizerně sundat).\u003C/p\u003E\u000A\u0009\u0009\u000A\u0009\u000A\u0009\u003Cul class\u003D\u0022awards\u0022\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Dobrý studenský design \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/1283\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(); } });