[UI Clone for iOS] 각 글씨상자 옵션 차이 알아보기 | Alignment

> 각 글씨상자 옵션 차이 알아보기  | Alignment

Alignment는 글자입력창의 크기를 조정하는 옵션이다.

 

 

---

 

1. 크기 고정

맨 첫번째 정사각형은 내가 설정한 글자입력창으로 고정시켜주기 때문에 글자가 짧던 길던 글자입력창의 크기는 동일하다.

위 예시를 보면 일정 크기로 고정시킨 항목과 고정시키지 않은 항목의 글자입력창의 크기가 다른 것을 알 수 있다.

 

크기를 고정시키면 내가 원하는 길이까지 글자입력창의 변화 없이 입력되도록 설정할 수 있어서 실제 앱이 구현됐을 때 글자가 입력창을 넘어갈 때 ...으로 표시되는 구간을 직접 설정할 수 있어서 좋다.

 

 

 

2. 가로 및 세로 입력

 

예시에서도 볼 수 있듯이 맨 첫번째 처럼 가로값이 고정되어 세로로 계속 늘어나는 형태로 글을 쓸 수 있다.

아이콘을 보니 '가로고정'보다는 '세로로 자동으로 늘어난다.'고 표시를 해놨으니, 수직으로 글자를 내려쓰고 싶을 때 사용하는 옵션으로 생각하자.

 

두번째는 첫번째와 다르게 가로로 자동으로 늘어나는 옵션이다.

 

---

이 글을 적다보니 아이콘의 UX가 되게 '직관적'으로 디자인 되어있다는 생각이 들었다.

나는 '고정'에 초점을 맞췄는데 아이콘은 '움직임'에 초첨을 맞춰 실제 기능이 작동하는 방향에 대해 설명하고 있었다.

이런 부분들을 보며 '어떻게 사용자가 많이 생각하지 않고 직관적으로 해당 기능을 파악할 수 있도록 디자인 할까?'에 대한 고려가 반영된 것이 아닐까라는 생각이 든다.