Difference between revisions of "Sample Main"
Navigation menu
From Design pattern
(→Sample Main) |
(→Sample Main) |
||
| Line 45: | Line 45: | ||
<br><br> | <br><br> | ||
<span class="mw-recent-addition">Recent addition</span> | <span class="mw-recent-addition">Recent addition</span> | ||
| − | |||
| Line 51: | Line 50: | ||
<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: | + | <li class="gallerybox" style="width: 247px"> |
| − | <div style="width: | + | <div style="width: 247px"> |
| − | <div class="thumb" style="width: | + | <div class="thumb" style="width: 181px;"> |
| − | <div style="margin: | + | <div style="margin:50px auto;"> |
| − | [[File:Eample_01.png| | + | [[File:Eample_01.png|100px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 66: | Line 65: | ||
</li> | </li> | ||
<!--1번 --> | <!--1번 --> | ||
| − | <li class="gallerybox" style="width: | + | <li class="gallerybox" style="width: 247px"> |
| − | <div style="width: | + | <div style="width: 247px"> |
| − | <div class="thumb" style="width: | + | <div class="thumb" style="width: 181px;"> |
| − | <div style="margin: | + | <div style="margin:50px auto;"> |
| − | [[File:Eample_01.png| | + | [[File:Eample_01.png|100px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 81: | Line 80: | ||
</li> | </li> | ||
<!--1번 --> | <!--1번 --> | ||
| − | <li class="gallerybox" style="width: | + | <li class="gallerybox" style="width: 247px"> |
| − | <div style="width: | + | <div style="width: 247px"> |
| − | <div class="thumb" style="width: | + | <div class="thumb" style="width: 181px;"> |
| − | <div style="margin: | + | <div style="margin:50px auto;"> |
| − | [[File:Eample_01.png| | + | [[File:Eample_01.png|100px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 95: | Line 94: | ||
</div> | </div> | ||
</li> | </li> | ||
| + | <!--1번 --> | ||
| + | <li class="gallerybox" style="width: 247px"> | ||
| + | <div style="width: 247px"> | ||
| + | <div class="thumb" style="width: 181px;"> | ||
| + | <div style="margin:50px auto;"> | ||
| + | [[File:Eample_01.png|100px]] | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="gallerytext"> | ||
| + | <p> | ||
| + | [[Guide_what_to_do|Guide what to do]] | ||
| + | <br />원하는 것에 대한 가이드 입니다.<br /></p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| + | <!--1번 --> | ||
| + | <li class="gallerybox" style="width: 247px"> | ||
| + | <div style="width: 247px"> | ||
| + | <div class="thumb" style="width: 181px;"> | ||
| + | <div style="margin:50px auto;"> | ||
| + | [[File:Eample_01.png|100px]] | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="gallerytext"> | ||
| + | <p> | ||
| + | [[Guide_what_to_do|Guide what to do]] | ||
| + | <br />원하는 것에 대한 가이드 입니다.<br /></p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| + | <!--1번 --> | ||
| + | <li class="gallerybox" style="width: 247px"> | ||
| + | <div style="width: 247px"> | ||
| + | <div class="thumb" style="width: 181px;"> | ||
| + | <div style="margin:50px auto;"> | ||
| + | [[File:Eample_01.png|100px]] | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="gallerytext"> | ||
| + | <p> | ||
| + | [[Guide_what_to_do|Guide what to do]] | ||
| + | <br />원하는 것에 대한 가이드 입니다.<br /></p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| + | |||
</ul> | </ul> | ||
<!-- 1첫번째 이미지 그룹 끝--> | <!-- 1첫번째 이미지 그룹 끝--> | ||
| Line 102: | Line 147: | ||
<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: | + | <li class="gallerybox" style="width: 247px"> |
| − | <div style="width: | + | <div style="width: 247px"> |
| − | <div class="thumb" style="width: | + | <div class="thumb" style="width: 181px;"> |
| − | <div style="margin: | + | <div style="margin:50px auto;"> |
| − | [[File:Eample_01.png| | + | [[File:Eample_01.png|100px]] |
| + | </div> | ||
| + | </div> | ||
| + | <div class="gallerytext"> | ||
| + | <p> | ||
| + | [[Guide_what_to_do|Guide what to do]] | ||
| + | <br />원하는 것에 대한 가이드 입니다.<br /></p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| + | <!--1번 --> | ||
| + | <li class="gallerybox" style="width: 247px"> | ||
| + | <div style="width: 247px"> | ||
| + | <div class="thumb" style="width: 181px;"> | ||
| + | <div style="margin:50px auto;"> | ||
| + | [[File:Eample_01.png|100px]] | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="gallerytext"> | ||
| + | <p> | ||
| + | [[Guide_what_to_do|Guide what to do]] | ||
| + | <br />원하는 것에 대한 가이드 입니다.<br /></p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| + | <!--1번 --> | ||
| + | <li class="gallerybox" style="width: 247px"> | ||
| + | <div style="width: 247px"> | ||
| + | <div class="thumb" style="width: 181px;"> | ||
| + | <div style="margin:50px auto;"> | ||
| + | [[File:Eample_01.png|100px]] | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="gallerytext"> | ||
| + | <p> | ||
| + | [[Guide_what_to_do|Guide what to do]] | ||
| + | <br />원하는 것에 대한 가이드 입니다.<br /></p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </li> | ||
| + | <!--1번 --> | ||
| + | <li class="gallerybox" style="width: 247px"> | ||
| + | <div style="width: 247px"> | ||
| + | <div class="thumb" style="width: 181px;"> | ||
| + | <div style="margin:50px auto;"> | ||
| + | [[File:Eample_01.png|100px]] | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 117: | Line 207: | ||
</li> | </li> | ||
<!--1번 --> | <!--1번 --> | ||
| − | <li class="gallerybox" style="width: | + | <li class="gallerybox" style="width: 247px"> |
| − | <div style="width: | + | <div style="width: 247px"> |
| − | <div class="thumb" style="width: | + | <div class="thumb" style="width: 181px;"> |
| − | <div style="margin: | + | <div style="margin:50px auto;"> |
| − | [[File:Eample_01.png| | + | [[File:Eample_01.png|100px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 132: | Line 222: | ||
</li> | </li> | ||
<!--1번 --> | <!--1번 --> | ||
| − | <li class="gallerybox" style="width: | + | <li class="gallerybox" style="width: 247px"> |
| − | <div style="width: | + | <div style="width: 247px"> |
| − | <div class="thumb" style="width: | + | <div class="thumb" style="width: 181px;"> |
| − | <div style="margin: | + | <div style="margin:50px auto;"> |
| − | [[File:Eample_01.png| | + | [[File:Eample_01.png|100px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 146: | Line 236: | ||
</div> | </div> | ||
</li> | </li> | ||
| + | |||
</ul> | </ul> | ||
</div> | </div> | ||
<!-- 2첫번째 이미지 그룹 끝--> | <!-- 2첫번째 이미지 그룹 끝--> | ||
Revision as of 02:45, 15 May 2014
Sample Main
| 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
-
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다.
MORE
-
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다. -
Guide what to do
원하는 것에 대한 가이드 입니다.