From Design pattern
Jump to: navigation, search
 
(4 intermediate revisions by one user not shown)
Line 43: Line 43:
 
<br><br>
 
<br><br>
 
<span class="mw-recent-addition">Recent addition</span>
 
<span class="mw-recent-addition">Recent addition</span>
 +
  
 
<!-- 1첫번째 이미지 그룹 시작-->
 
<!-- 1첫번째 이미지 그룹 시작-->
 
<ul class="gallery mw-gallery-traditional" style="max-width: 3060px;_width: 3060px;">
 
<ul class="gallery mw-gallery-traditional" style="max-width: 3060px;_width: 3060px;">
 
<!--1번 -->
 
<!--1번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_01.png|link=Activate_function]]
[[File:Eample_01.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Activate_function|Activate function]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />엑티브 펑션입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</li>
 
</li>
 
<!--2번 -->
 
<!--2번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_02.png|link=Enter_by_gesture]]
[[File:Eample_02.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Enter_by_gesture|Enter by gesture]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />엔터 바이 제스추어입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</li>
 
</li>
 
<!--3번 -->
 
<!--3번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_03.png|link=Horizontal_carousel]]
[[File:Eample_03.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Horizontal_carousel|Horizontal carousel]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />호리젠탈 카솔입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</li>
 
</li>
 
<!--4번 -->
 
<!--4번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_04.png|link=Manipulate_by_mirroring_user]]
[[File:Eample_04.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Manipulate_by_mirroring_user|Manipulate by mirroring user]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />미러링 유저입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</li>
 
</li>
 
<!--5번 -->
 
<!--5번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_05.png|link=Guide_what_to_do]]
[[File:Eample_05.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
Line 122: Line 113:
 
</li>
 
</li>
 
<!--6번 -->
 
<!--6번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_06.png|link=Mirroring]]
[[File:Eample_06.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Mirroring|Mirroring]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />미러링입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
Line 143: Line 132:
 
<ul class="gallery mw-gallery-traditional" style="max-width: 3060px;_width: 3060px;">
 
<ul class="gallery mw-gallery-traditional" style="max-width: 3060px;_width: 3060px;">
 
<!--7번 -->
 
<!--7번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_07.png|link=Face_recognition]]
[[File:Eample_07.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Face_recognition|Face recognition]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />얼굴입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</li>
 
</li>
 
<!--8번 -->
 
<!--8번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_08.png|link=Synesthetic_feedback]]
[[File:Eample_08.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Synesthetic_feedback|Synesthetic feedback]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />피드백에 관한 것 입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</li>
 
</li>
 
<!--9번 -->
 
<!--9번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_09.png|link=Computer_vision]]
[[File:Eample_09.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Computer_vision|Computer vision]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />컴퓨터 비젼 입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</li>
 
</li>
 
<!--10번 -->
 
<!--10번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_10.png|link=Realization]]
[[File:Eample_10.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Realization|Realization]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />반응을 실현 합니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</li>
 
</li>
 
<!--11번 -->
 
<!--11번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_11.png|link=Recognize_passing_device]]
[[File:Eample_11.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Recognize_passing_device|Recognize passing device]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />지나가는 것에 대한 반응입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</li>
 
</li>
 
<!--12번 -->
 
<!--12번 -->
<li class="gallerybox" style="width: 247px">
+
<li class="gallerybox" style="width: 233px">
<div  align="center" style="width: 247px">
+
<div  align="center" style="width: 233px">
<div class="thumb" style="width: 181px;">
+
<div class="thumb">
<div style="margin:10px auto;">
+
[[File:Eample_12.png|link=Recognize_weather]]
[[File:Eample_12.png|160px]]
+
</div>
+
 
</div>
 
</div>
 
<div class="gallerytext">
 
<div class="gallerytext">
 
<p>
 
<p>
[[Guide_what_to_do|Guide what to do]]
+
[[Recognize_weather|Recognize weather]]
<br />원하는 것에 대한 가이드 입니다.<br /></p>
+
<br />날씨에 관한 것 입니다.<br /></p>
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 12:53, 17 May 2014

Dealing With Data Getting Input Navigation
다양한 행동을 통해 데이터를 검색, 수정, 저장, 변환하는 IX Patterns 다양한 행동을 통해 명령을 실행하거나 내용을 입력하는 IX Patterns 한 화면에서 다른 화면으로 이동하거나 정보를 빨리 찾아가도록 도와주는 IX Patterns
Manipulation Notification Screen Interaction
기기를 조작하거나 무엇인가를 통하여 다른 것을 조작하는 IX Patterns Task를 잘 수행할 수 있도록 알려주고 안내해주는 IX Patterns 행동에 따라 Screen안의 형체가 움직이거나 변화하는 IX Patterns
Voice & Bio Interaction Mixed Reality Context Recognition
목소리나 생체 정보를 인식하여 기기를 작동시키거나 피드백을 받는 IX Patterns 다양한 기술이 결합되어 가상의 이미지 또는 특정 상황을 현실감 있게 나타내는 IX Patterns 다른 기기의 정보 또는 주변 환경 정보를 인식하여 이루어지는 IX Patterns



Recent addition


MORE