와이어프레임(Wireframe), UI/UX 설계
본격적인 UI/UX 디자인에 앞서 와이어프레임을 만드는 것이 왜 중요한가요? 💡와이어프레임(Wireframe)은웹사이트나 앱을 만들기 전,기능과 구조를 시각적으로 미리 설계해보는 초안입니다.디자인적인 색감, 이미지, 폰트 등을 모두 배제하고,오직 콘텐츠의 배치와 흐름, 정보 구조에만 집중해서 그리는 설계도입니다. 예를 들어)- 버튼은 어디에 배치할까?- 화면 이동은 어떤 구조로 연결될까?- 어떤 순서로 콘텐츠가 보여야 사용자가 편할까? 👉 이런 고민을 미리 그려보는 게 와이어프레임입니다. 🎯 와이어프레임의 특징항목설명목적 기능 배치와 정보 구조 설계비주얼 요소 거의 없음 (색, 이미지, 폰트 X)반복 설계 빠르게 그리고, 피드백 반영해 수정협업 기획자, 디자이너, 개발자 간 의사소통 기..
User Interface(UI) / User Experience(UX)
🎨 UI vs UX, 뭐가 다를까? ✅ UI (User Interface)란?UI는 ‘사용자 인터페이스’의 줄임말로,사용자가 직접 눈으로 보고, 손으로 조작하는 모든 화면 구성 요소를 말합니다. 예를 들어,버튼, 메뉴, 아이콘, 글꼴, 색상, 화면 배치 등→ 보이고, 클릭할 수 있는 것들 전부가 UI입니다. 한마디로 UI는 "사용자와 제품이 만나는 접점"입니다. ✅ UX (User Experience)란?UX는 ‘사용자 경험’의 줄임말로,사용자가 제품이나 서비스를 이용하면서 느끼는 모든 경험을 의미합니다. - 화면 전환이 부드러운가?- 필요한 정보를 쉽게 찾을 수 있는가?- 앱을 사용할 때 짜증이 나지 않는가? 이런 모든 감정, 흐름, 만족감이 UX의 영역입니다. UX는 단지 예쁘고 깔끔한 걸 넘어서,..
