Rotate screen

Rotate screen

Rotate screen은 화면에 나타난 상을 돌려보는 패턴이다. 화면 자체가 돌아가거나 화면에 나타난 이미지가 돌아간다.

손가락을 터치하여 90도로 꺾거나 rotate button을 활용할 수 있다. rotate button의 경우 90도 각도로 회전되는 경우가 많으며, 터치할 때마다 시계방향 혹은 시계반대방향으로 계속하여 회전한다.

With this pattern, we can solve...

가로 혹은 세로로 긴 화면의 경우 기기의 비율에 적합하게 화면을 볼 필요가 있는 경우, 정보가 방향을 가지고 있어, 방향이 바뀜에 따라 정보를 인식하는 방식이 다른 경우에 활용된다.

• 화면이 돌아감으로 새로운 기능이 나타나나는 경우는 해당하지 않는다.
• 기기들이 네모형태가 많기 때문에 주로 90도 각도로 회전된다.
• 기기를 세로로 세워두었을 때, 중력 방향에 해당하는 부분이 아래쪽이 되는 경우가 많다.
• 이미지가 1:1 비율이 아닐 경우 화면을 돌림으로 인해 검은 여분의 면적이 생기거나 보이지 않던 면적이 보일 수 있다.
• 편집을 위해 이미지를 돌리는 경우는 Rotate object에 해당한다. Rotate screen은 화면 전체가 돌아가는 것으로 제한한다.
• 편집을 위해 이미지를 돌리는 경우이나, 크기, 비율, 각도를 하나 혹은 두 개의 점을 조작하여 진행하는 경우는 Free transform에 해당한다.

Example : Android_Samsung Galaxy Note

---

Android_Samsung Galaxy Note

""

iOS_Map

• 두 손가락으로 위쪽으로 drag를 하면 지도가 눕듯이 기울어진다. 다시 아래로 drag하면 화면에 정면으로 세워진다.

• 두 손가락으로 rotate하여 지도를 회전한다. 오른쪽 위에 방위가 표시되며, 이 부분을 tap하면 원래 방향으로 돌아간다.