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> | ||
| − | |||
<!-- 1첫번째 이미지 그룹 시작--> | <!-- 1첫번째 이미지 그룹 시작--> | ||
| Line 51: | Line 50: | ||
<!--1번 --> | <!--1번 --> | ||
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File:Eample_01.png| | + | [[File:Eample_01.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 64: | Line 63: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--2번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_02.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 79: | Line 78: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--3번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_03.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 94: | Line 93: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--4번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_04.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 109: | Line 108: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--5번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_05.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 124: | Line 123: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--6번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_06.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 139: | Line 138: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | |||
</ul> | </ul> | ||
<!-- 1첫번째 이미지 그룹 끝--> | <!-- 1첫번째 이미지 그룹 끝--> | ||
| Line 146: | Line 144: | ||
<div class="more-article-page"> | <div class="more-article-page"> | ||
<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번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_07.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 161: | Line 159: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--8번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_08.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 176: | Line 174: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--9번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_09.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 191: | Line 189: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--10번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_10.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 206: | Line 204: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--11번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_11.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 221: | Line 219: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | <!-- | + | <!--12번 --> |
<li class="gallerybox" style="width: 247px"> | <li class="gallerybox" style="width: 247px"> | ||
| − | <div style="width: 247px"> | + | <div align="center" style="width: 247px"> |
<div class="thumb" style="width: 181px;"> | <div class="thumb" style="width: 181px;"> | ||
| − | <div style="margin: | + | <div style="margin:10px auto;"> |
| − | [[File: | + | [[File:Eample_12.png|160px]] |
</div> | </div> | ||
</div> | </div> | ||
| Line 236: | Line 234: | ||
</div> | </div> | ||
</li> | </li> | ||
| − | |||
</ul> | </ul> | ||
</div> | </div> | ||
<!-- 2첫번째 이미지 그룹 끝--> | <!-- 2첫번째 이미지 그룹 끝--> | ||
Revision as of 03:21, 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
원하는 것에 대한 가이드 입니다.
