모달(Modal)/팝업(Popup)/다이얼로그(Dialog) 차이점 및 총정리!

안녕하세요! ANO입니다👋오늘은 모달(modal), 팝업(pop-up), 다이얼로그(dialog)의 차이점에대해서 살펴보겠습니다   특히 모달은 modal과 non-modal로 나뉘고, 팝업과 다이얼로그에도 다양한 유형이 있으니, 각각의 세부적인 구조와 쓰임새를 알아볼게요! 🧐  1. 모달(Modal) 모달은 사용자의 현재 작업을 중단시키고, 새로운 창에서 반드시 상호작용을 요구하는 UI 요소예요. 모달이 활성화되면 배경이 비활성화되어 다른 작업을 진행할 수 없어요.  모달(Modal)의 구성요소   ① Title(제목)타이틀로 모달 내용에 대한 핵심 제목이에요. ② Contents (내용)모달의 핵심 부분으로, 사용자에게 정보 전달, 입력 요청, 또는 작업 확인을 받는 내용을 담아요. ③ Botto..

• format_list_bulleted 디자인
• · 2024. 11. 18.
• textsms

벤또 메뉴 아이콘 / 햄버거 메뉴 아이콘 / 되네르 메뉴 아이콘 / 미트볼 메뉴 아이콘 / 케밥 메뉴 아이콘 총정리!

안녕하세요! ANO입니다👋오늘은 UX/UI 디자인에서 자주 보이는 음식 모양의 메뉴 아이콘들을 소개할게요 🍔  이 아이콘들은 친근한 이름과 디자인 덕분에 현대 웹과 앱에서 자주 쓰이는데요.  각 아이콘의 개념과 유래, 그리고 활용 방법을 차근차근 알려드릴게요!   1. Bento Menu Icon (벤또 메뉴 아이콘) 🍱유래 일본 도시락인 ‘벤또’를 닮은 이 아이콘은 네모난 칸 안에 각각 구획된 메뉴 구조가 떠오르는데요! 보통 다양한 옵션을 한 번에 보여주는 경우에 활용됩니다. 언제 쓰나요? 다양한 카테고리를 정리해 보여주고 싶을 때 주로 사용해요. 이 아이콘을 탭하면 여러 메뉴가 펼쳐지는 구조로 되어 있어, 쇼핑몰이나 콘텐츠 사이트의 네비게이션에서 자주 보입니다! 어떻게 쓰나요? 사용자가 쉽게 여..

• format_list_bulleted 디자인
• · 2024. 11. 15.
• textsms