From Design pattern
Jump to: navigation, search
Line 2: Line 2:
  
 
Overlay Hidden Search component는 기존 화면 위를 검색창과 키보드로 이루어진 화면으로 완전히 덮는 것을 말한다. 주로 검색창과 키보드 사이의 여백에 [[Auto-completion]]이 나타난다.
 
Overlay Hidden Search component는 기존 화면 위를 검색창과 키보드로 이루어진 화면으로 완전히 덮는 것을 말한다. 주로 검색창과 키보드 사이의 여백에 [[Auto-completion]]이 나타난다.
 +
 
Insert Hidden Search component는 기존 화면 위로 검색창과 키보드만 나타나며, 그 사이로 기존 화면은 계속 보여진다. 기존 화면이 보여지는 부분을 tap하면 다시 돌아온다.
 
Insert Hidden Search component는 기존 화면 위로 검색창과 키보드만 나타나며, 그 사이로 기존 화면은 계속 보여진다. 기존 화면이 보여지는 부분을 tap하면 다시 돌아온다.
 +
 
Hidden & Scrolltop Search component는 맨 위로 스크롤하면 화면 위쪽에 숨어있던 검색창이 나타난다.
 
Hidden & Scrolltop Search component는 맨 위로 스크롤하면 화면 위쪽에 숨어있던 검색창이 나타난다.
 +
 
Transform Search Component는 화면에 검색창이 존재하며, tap해서 활성화하면 키보드가 나타나면서 검색창의 위치, 형태나 화면 구조가 변한다.
 
Transform Search Component는 화면에 검색창이 존재하며, tap해서 활성화하면 키보드가 나타나면서 검색창의 위치, 형태나 화면 구조가 변한다.
  

Revision as of 13:06, 23 July 2014

Call search component는 화면에 검색창과 Soft keyboard를 불러오는 인터랙션 패턴이다.

Overlay Hidden Search component는 기존 화면 위를 검색창과 키보드로 이루어진 화면으로 완전히 덮는 것을 말한다. 주로 검색창과 키보드 사이의 여백에 Auto-completion이 나타난다.

Insert Hidden Search component는 기존 화면 위로 검색창과 키보드만 나타나며, 그 사이로 기존 화면은 계속 보여진다. 기존 화면이 보여지는 부분을 tap하면 다시 돌아온다.

Hidden & Scrolltop Search component는 맨 위로 스크롤하면 화면 위쪽에 숨어있던 검색창이 나타난다.

Transform Search Component는 화면에 검색창이 존재하며, tap해서 활성화하면 키보드가 나타나면서 검색창의 위치, 형태나 화면 구조가 변한다.

With this pattern, we can solve...


Overlay Hidden Search component

iOS_HuffPost

iOS_FoxNews

iOS_Learnist

iOS_Yummly

iOS_Target


Insert Hidden Search component

  • 기존 화면을 남겨두고 그 위에 들어감. 반투명하게 기존 화면이 보이는 경우는 overlay로 봄.

iOS_ENow

iOS_NPRNews


Hidden & Scrolltop Search component

  • 스크롤을 맨 위로 올리면 숨어있던 바가 나타남

iOS_AlienBlue


Transform Search Component

  • 화면에 검색창이 있었는데, tap하면 키보드가 나타나면서 위치나 형태가 바뀜

iOS_JangoRadio

iOS_Vine

iOS_Gogle docs

iOS_Gmail