$('#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/2016/06/30/thumbs/diplomantskykatalogFaVU_2015_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/30/thumbs/diplomantskykatalogFaVU_2015_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Katalog diplomantů FaVU 2015 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/2016/06/30/thumbs/otevrenykatalogdiplomantuFaVU2015(3)_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/30/thumbs/otevrenykatalogdiplomantuFaVU2015(3)_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Katalog diplomantů FaVU 2015 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/2016/06/30/thumbs/detailkatalogudiplomantuFaVU2015_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/30/thumbs/detailkatalogudiplomantuFaVU2015_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Katalog diplomantů FaVU 2015 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/2016/06/30/thumbs/otevrenykatalogdiplomantuFaVU2015_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/30/thumbs/otevrenykatalogdiplomantuFaVU2015_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Katalog diplomantů FaVU 2015 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/2016/06/30/thumbs/otevrenykatalogdiplomantuFaVU2015(2)_jpg_1000x1000_q85.jpg\u0022\u003E\u003Cimg src\u003D\u0022/files/images/2016/06/30/thumbs/otevrenykatalogdiplomantuFaVU2015(2)_jpg_480x320_q85.jpg\u0022 alt\u003D\u0022Katalog diplomantů FaVU 2015 5\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\u003ELucia Kolesárová, Vilém Röbsteck\u003C/h3\u003E\u000A\u0009\u000A\u0009\u003Cp\u003E\u000A\u0009\u003Cstrong\u003EKatalog diplomantů FaVU 2015\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EKatalog diplomantů FaVU 2015\u003C/strong\u003E\u003Cbr\u003E\u000A\u0009\u003Cstrong\u003EVysoké učení technické v Brně\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\u003EKaždý rok vyzývá FaVU \u003Cspan class\u003D\u0022caps\u0022\u003EVUT\u003C/span\u003E v Brně studenty grafického designu, aby vytvořili nový grafický návrh vizuálního stylu výstavy diplomantů. K realizaci tohoto projektu jsem byl vybraný společně s Lucií (příjmení nepíšu, aby to bylo anonymní). \u003C/p\u003E\u000A\u000A\u0009\u003Cp\u003EHlavní částí vizuálu byl diplomantský katalog. Ústřední\u003Cbr /\u003Eidea katalogu byla představit diplomantské práce tak, jak je vidí vystavené návštěvník galerie. Každému diplomantovi byla věnovaná dvoustrana v katalogu. \u003Cbr /\u003EV pozadí této dvoustrany byl vyfocen celek jeho\u003Cbr /\u003Evystavované práce, tak jak jej vidí divák, když se \u003Cbr /\u003Ek danému dílu přibližuje. Přední vrstva dvoustrany obsahuje několik fotografií daného díla nafoceného \u003Cbr /\u003Ev různých úhlech pohledu (simulace pohybu diváka \u003Cbr /\u003Ev prostoru galerie a změny úhlu jeho pohledu na dílo během tohoto pohybu), a také popisky díla. Ostatní motivy vizuálu vycházely z konceptu katalogu, kdy ústředním motivem pozvánek, bannerů atd. je\u003Cbr /\u003Ehotový vytisknutý plakát, několikrát nafocený v různých úhlech na žlutém pozadí. Katalog se tiskl v tiskárně Helbich a jako zajímavost bych uvedl, že obálka katalogu je z \u003Cspan class\u003D\u0022caps\u0022\u003EPVC\u003C/span\u003E, které jsme oboustraně potiskly. Podle\u003Cbr /\u003Eslov ředitele tiskárny Roberta Helbicha jsme první \u003Cbr /\u003Ev České republice, kteří využili tento materiál pro katalog. Materiál desek bych mohl přirovnat k bazénové fólii. Tento typ materiálu jsme použili kvůli ergonomii celé tiskoviny. Dobře přepadne při otevření katalogu přes ruku (kopíruje její tvar) a díky pružnosti nepřekáží při listování.\u003C/p\u003E\u000A\u0009\u0009\u000A\u0009\u000A\u0009\u003Cul class\u003D\u0022awards\u0022\u003E\u000A\u0009\u0009\u000A\u0009\u0009\u003Cli\u003E+Nominace na národní cenu za studenský design\u003C/li\u003E\u000A\u0009\u0009\u000A\u0009\u003C/ul\u003E\u000A\u0009\u000A\u0009\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/2016/artwork/1029\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(); } });