<div id="program_preview"> <span class="poster_img"><img width="298" alt="Learning Society through Hangeul Textbooks Poester" src="http://www.hangeul.go.kr/upload/namo/images/000025/150914_poster_hangeul_fonts.jpg"></span>
<ul class="description">
<li> <!-- <div class="stitle">
<p>Exhibition</p> </div> -->
<h6>世宗大王,开启韩古尔文化时代</h6> </li>
<li> <dl> <dt>展览时间</dt> <dd>2015.9.15 – 2015.10.11</dd> </dl> </li>
<li> <dl> <dt>展览地点</dt> <dd>韩古尔共享室(博物馆配楼)</dd> </dl> </li>
</ul></div>
<h6>展览介绍</h6>
<div class="exhibition_composition" style="padding: 19px;"> 国立韩古尔博物馆筹备了‘韩古尔字体设计’首次专题陈列展。文字从单纯的阅读、书写工具演变为今天神韵备至的审美对象,都得益于独具匠心的字体设计。<br>
本展览旨在介绍过去30年间逐步发展的韩古尔字体设计在文化产业中发挥的作用以及展现出的多样性。同时,本展览还为大家介绍活字的变迁、字体发展的过程,以及现代文化产业中韩古尔字体设计所扮演的角色。<br>
希望通过此展览大家能充分感受到韩古尔字体内在的价值。</div>
<h6>展览构成</h6>
<div class="exhibition_composition" style="padding: 0px 19px;">
<h6 style="margin-top: 30px;">1. 活字的演变</h6>
<div style="border-bottom: 1px dashed rgb(204, 204, 204);"> 活字体是指为了方便阅读而整理好了的印刷用字体。古代活字用木头、金属等材料制作,按照材料的性质制作过程中会有诸多困难。近代活字印刷技术则从西方国家引进铅活字技术后发展起来了。然后,随着引进字母雕刻机才转变为利用字体的原图而雕刻的方式。原图还被活用于照相排字机,并且成为如今数码活字制作方式的基础。从设计观点来看,原图制作方式是一个全新的新转折点。</div>
<h6>2. 韩古尔字体的发展</h6>
<div style="border-bottom: 1px dashed rgb(204, 204, 204);"> 进入数码活字时代,字体设计能够快速发展的原因是活字的形态由有形的活字转变为无形的数码活字。设计一套韩古尔字体的时候,要设计共11,172个字。尽管韩古尔有这么多的字,但因此韩古尔以初声、中声、终声完美结合地组合型结构,开发字体所须的时间可以缩短到最短。<br>
<br>
到了20世纪90年代末,在台式电脑也得以使用数码轮廓字体的环境下,韩古尔字体也得到快速发展。</div>
<h6>3. 与文化产业相遇的韩古尔创意字体</h6>
<div style="margin-bottom: 30px; border-bottom: 1px dashed rgb(204, 204, 204);">韩古尔字体是韩古尔文化产业的基本要素之一,广泛活用于各种文化产业,比如,传统的实用化、与其他文化产品结合、文化社会活动等领域,尤其在文化产品市场上它扮演着重要的角色。<br>
<br>
韩国产业部门一般使用专用字体,专用字体指开发者为了达成某个目的而制作的字体,其中提高电子图书的可读性和利用于市场营销手段的事例比较普遍。<br>
<br>
过去只有字体设计公司开发字体,但随着开发环境的改善,现在对字体开发有兴趣的设计者也能过参与开发字体活动。</div> </div>
<h6>展厅局部</h6><!-- tab -->
<div id="photo">
<ul>
<li class="onn">
<h5 class="photomu1"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img001.jpg"><span>▲ 展厅入口</span></div> </li>
<li>
<h5 class="photomu2"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img002.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu3"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img003.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu4"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img004.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu5"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img005.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu6"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img006.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu7"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img007.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu8"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img008.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu9"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img009.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu10"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img010.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu11"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img011.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu12"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img012.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu13"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img013.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu14"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img014.jpg"><span>▲ 展厅局部</span></div> </li>
<li>
<h5 class="photomu15"> </h5>
<div class="photoContent"><img title="" alt="" src="http://www.hangeul.go.kr/upload/namo/images/000036/004_exhibition_img015.jpg"><span>▲ 展厅局部</span></div> </li>
</ul></div><!--// tab -->
<style type="text/css"><!--
#program_preview{display:inline-block;margin:30px 0;font-family:NanumGothic,나눔고딕,나눔 고딕,맑은 고딕,dotum;font-size:12px;}
#program_preview > .poster_img{float:left;display:inline-block;margin-right:20px;width:298px;}
#program_preview > .description {float:right;width:370px;}
#program_preview > .description li {border-bottom:1px solid #ccc}
#program_preview > .description li .stitle{font-weight:bold;color:#355b78;background-color: #fff;}
#program_preview > .description li .stitle > p{display:inline-block;padding:4px 5px;margin-right:5px;font-weight:bold;font-size:1em;color:#fff;background-color:#4dafd3;}
#program_preview > .description li > h6{font-weight:bold;font-size:1.8em;line-height:24px;margin:11px 0;color:#2b2b2b}
#program_preview > .description li > dl{padding:9px 0;font-size:1.2em}
#program_preview > .description li > dl dt{float:left;display:inline-block;width:100px;font-weight:bold;}
#program_preview > .description li > dl > dd > dl {display:inline-block;width:auto;margin:-10px 0 0 1px;border-bottom:1px solid #ccc;font-size:0.9em}
#program_preview > .description li > dl > dd > dl > dt,
#program_preview > .description li > dl > dd > dl > dd{padding:9px 2px;border-top:1px solid #ccc;}
#program_preview > .description li > dl > dd > dl > dt{width:67px;display:inline-block;font-weight:normal;margin:0;}
#program_preview > .description li > dl > dd > dl > dd{width:180px;margin-left:68px;font-weight:bold;}
.exhibition_composition {display:block;margin:10px 0 0px 0; border:1px solid #ccc;padding:0;}
h6{display:block;overflow:hidden;margin:40px 0 0px 1px;font-size:1.3em;border-top:0}
.exhibition_composition ul{margin:10px 0 0 0;padding:0}
.exhibition_composition ul li{padding:12px;border-bottom:1px dashed #ccc;list-style-type:none;list-style-position:inside}
.exhibition_composition p{margin:20px auto;padding:0 9px;font-size:1.25em;line-height:1.7em}
.exhibition_composition .linktype1{color:#00f}
.exhibition_composition .linktype1:hover{text-decoration:underline}
.exhibition_composition .text_small{color:#999;}
#subTabC{position:relative;display:inline-block;margin:10px 0 0px 0;border:1px solid #ccc;}
#subTabC ul{}
#subTabC ul li{width:99%;float:left;list-style:none}
#subTabC ul li h5{position:absolute;top:20px;font-size:15px;color:#555;font-weight:bold;height:30px;width:50%;text-align:center;border-bottom:2px solid #dddddd;cursor:pointer;}
#subTabC ul li.on h5{color:#3D578A;border-bottom:2px solid #3D578A}
#subTabC .subTabCContent{padding:80px 30px 40px;font-size:1.25em;line-height:1.7em}
#subTabC .subTabCContent .stitle{padding:0 0 10px 0;font-weight:bold;font-size:1.3em;color:#3D578A;}
#subTabC .subTabCContent .image_area{margin:0;font-size:0.9em}
#subTabC .subTabCContent .image_area img{display:block;margin:30px 0 0 0;}
#subTabC .subTabCContent .image_area strong{display:block;margin:10px 0 0 0}
#subTabC ul li h5.subTabCmu1{left:0;}
#subTabC ul li h5.subTabCmu2{left:50%;}
#photo{position:relative;display:block;margin:10px 0 50px 0;height:450px;width:99.9%;}
#photo .photoContent{display:block;text-align:center;vertical-align:top}
#photo .photoContent img{display:block;}
#photo .photoContent span{display:block;margin:0;padding:9px 4px;background-color:#f4f4f4;text-align:left}
#photo ul{text-align:center}
#photo ul li{float:left;list-style:none;background:none;text-align:right}
#photo ul li h5{position:absolute;display:block;top:10px;margin:0;height:20px;width:18px;cursor:pointer;background:url(http://www.hangeul.go.kr/images/new/slide_dot.png) 0px 2px no-repeat;}
#photo ul li.onn h5{background:url(http://www.hangeul.go.kr/images/new/slide_dot.png) -16px 2px no-repeat;}
#photo ul li h5.photomu1{left:0;}
#photo ul li h5.photomu2{left:20px}
#photo ul li h5.photomu3{left:40px}
#photo ul li h5.photomu4{left:60px}
#photo ul li h5.photomu5{left:80px}
#photo ul li h5.photomu6{left:100px}
#photo ul li h5.photomu7{left:120px}
#photo ul li h5.photomu8{left:140px;}
#photo ul li h5.photomu9{left:160px}
#photo ul li h5.photomu10{left:180px}
#photo ul li h5.photomu11{left:200px}
#photo ul li h5.photomu12{left:220px}
#photo ul li h5.photomu13{left:240px}
#photo ul li h5.photomu14{left:260px}
#photo ul li h5.photomu15{left:280px}
-->
</style>
<script type="text/javascript">
$(document).ready(function () {
$(".subTabCContent").hide();
$(".subTabCContent:first").show();
$("#subTabC li h5").bind("click", function (e) {
e.preventDefault();
$("#subTabC li").removeClass("on");
$("#subTabC li .subTabCContent").css("display", "none");
$(this).parent().addClass("on");
$(this).next().css("display", "block");
});
});
$(document).ready(function () {
$(".photoContent").hide();
$(".photoContent:first").show();
$("#photo li h5").bind("click", function (e) {
e.preventDefault();
$("#photo li").removeClass("onn");
$("#photo li .photoContent").css("display", "none");
$(this).parent().addClass("onn");
$(this).next().css("display", "block");
});
});
</script>
담당부서 : 전시운영과 (전화번호 : 02-2124-6324, 6327, 6335)
이전글
이전글이 없습니다.
다음글
이전글이 없습니다.