From Design pattern
Jump to: navigation, search
(Examples)
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 10:12, 24 June 2014

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


Examples

Andrioid_sportipal

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

621번 사례

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

619번 사례

  • 사례 설명 입력 예정

iOS_NAVER Memo

iOS_gmail

iOS_SketchbookX