🖤인프런만의 100% 블프 이벤트🖤

블로그

아셀

재미있는 버튼 이름 알아보기 📱

우리는 매일 다양한 서비스를 이용하면서 버튼을 눌러 의사결정을 하죠. 앱/서비스마다 존재하는 정말 많은 버튼들, 여러분들은 그 버튼의 이름을 아시나요?오늘은 그 중 가장 많이 쓰이는 버튼의 이름들을 알아볼게요!설정이나 메뉴를 노출하는 상징적인 표현에서 사용되는 버튼이에요.햄버거 버튼햄버거 버튼은 햄버거 재료를 쌓아놓은 듯한 모양에서 따온 이름입니다. 이름을 듣고 다시 보니, 정말 햄버거 모양 같이 생기지 않았나요?보통 최상위 모퉁이에 위치하는 버튼으로, 실제 이름은 접힌 메뉴 아이콘 (collapsed menu icon)입니다. 이 버튼은 접힌 메뉴를 표현하기 때문에 클릭 시 메뉴들을 한 눈에 볼 수 있게 되는데요. 메뉴를 버튼 뒤에 접어두는 것과 화면을 표시하는 것을 넘나드는 네비게이션 바의 역할을 합니다. 현재는 자주 쓰지만, 이 버튼을 처음 보는 사람들은 3개의 세로줄이 무엇을 나타내는지 알기 어려워 직관적이지 않다는 평도 있었다고 해요.  미트볼 버튼미트볼 버튼은 3개의 작은 원으로 구성되어 있는 모습이 미트볼이 모여있는 것과 같다고 하여 붙여진 이름입니다.미트볼 버튼은 클릭 시 관련된 메뉴를 열거나 더 많은 옵션을 확인할 수 있다는 뜻을 담은 경우가 많습니다. 일반적으로 화면의 우측 하단에 존재하는 경우가 많으며, 가로형태이기 때문에 가로 형태나 웹에서 사용하기 더 용이하다고 하네요. '더보기'라는 뜻으로도 많이 사용된다고 해요! 도시락 버튼도시락 버튼은 여러 개의 박스가 모여있는 모양이 도시락과 비슷하다고 하여 붙여진 이름입니다. 어떤 곳에서는 벤또 (일본 도시락 상자) 메뉴 버튼이라고도, 초콜릿 모양과 비슷하다 하여 초콜릿 버튼이라고도 불린다고 합니다.한 눈에 봤을 때 여러 개의 아이콘이 모여있다 보니 '전체 보기'의 의미로 자주 사용되는 버튼이에요.이렇게 음식의 이름을 본따서 만드는 경우가 많은 건, 디자이너들이 음식을 사랑하기 때문이라는 이야기도 있는데요. 음식 이름으로 지어진 버튼 이름 때문에 더 쉽게 와닿는 것 같지 않나요?여러분이 아는, 또 다른 재미있는 버튼 이름이 있다면 댓글로 공유해주세요! ψ(`∇´)ψ 

UX/UI버튼uxui햄버거버튼도시락버튼미트볼버튼uxui서비스

채널톡 아이콘