From Design pattern
Jump to: navigation, search
Line 1: Line 1:
 +
{{#css:
 +
#mw-content-text h3 span {
 +
font-weight: 600;
 +
padding-left: 0px;
 +
}
 +
 +
.mw-headline {
 +
font-weight: 600;
 +
}
 +
 +
span.mw-editsection {
 +
font-weight: 200;
 +
position: relative;
 +
float:right;
 +
margin-right: 25px
 +
}
 +
 +
span.mw-editsection a {
 +
font-weight: 200;
 +
}
 +
 +
.art-subpage {
 +
background: #F7F7F7;
 +
}
 +
 +
#mw-content-text p {
 +
padding-top: 0px;
 +
padding-bottom: 6px;
 +
}
 +
 +
.mw-content-ltr ul {
 +
margin: 0.3em 0 0 42px;
 +
}
 +
 +
 +
hr {
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
margin-left: -31px;
 +
width: 720px;
 +
border-bottom: 1px solid #E0E0DD;
 +
border-left: 0px;
 +
border-right: 0px;
 +
border-top: 30px solid #F7F7F7;
 +
}
 +
<!--
 +
#sun-col {
 +
-webkit-column-count:2; /* Chrome, Safari, Opera */
 +
-moz-column-count:2; /* Firefox */
 +
column-count:2;
 +
}
 +
 +
#sun-col p {
 +
padding-left: 0px;
 +
-->
 +
}
 +
 +
}}
 
사용자가 수행하고 있는 테스크나 사용 중인 app에 대한 안내를 쉽게 이해할 수 있도록 진행중인 화면 내에서 레이어를 통해 보여준다. 일반적으로 Toast message는 단순히 message를 보여주는 성격을 지니며 입력이나 선택이 불가능하다.  
 
사용자가 수행하고 있는 테스크나 사용 중인 app에 대한 안내를 쉽게 이해할 수 있도록 진행중인 화면 내에서 레이어를 통해 보여준다. 일반적으로 Toast message는 단순히 message를 보여주는 성격을 지니며 입력이나 선택이 불가능하다.  
  

Revision as of 21:26, 28 May 2014

사용자가 수행하고 있는 테스크나 사용 중인 app에 대한 안내를 쉽게 이해할 수 있도록 진행중인 화면 내에서 레이어를 통해 보여준다. 일반적으로 Toast message는 단순히 message를 보여주는 성격을 지니며 입력이나 선택이 불가능하다.


Examples

Andrioid_sportipal

  • App에 재접속 시, 간단한 사용 팁을 알려준다.

621번 사례

  • progress wheel이 포함된 toast message를 띄워 현재 진행 중인 상황을 사용자에게 알려준다.

619번 사례

  • 사례 설명 입력 예정

iOS_네이버 메모

iOS_gmail

iOS_SketchbookX