설계1 📌 [웹 기획] 목업과 프로토타이핑: 시각화부터 상호작용까지 완벽 가이드 🚀 1. 목업(Mock-up)이란? 🎨와이어프레임이 제품의 골조라면, 목업(Mock-up)은 그 위에 덧입히는 외관이야. 쉽게 말해, 철골 구조에 벽을 세우고 색칠을 하는 단계라고 보면 돼.와이어프레임은 보통 흑백으로 단순한 선과 박스로 구성되지만, 목업은 여기에 색상, 폰트, 버튼, 아이콘 등 시각적 요소를 추가해서 실제 디자인에 가까운 형태로 만든 거야. 하지만 아직 동적인 기능은 없지! 🔹 목업의 특징정적인(Static) 화면최종 디자인에 가까운 비주얼색상, 타이포그래피, 스타일이 포함됨📌 목업을 왜 만들까?시각적 방향성을 정의하기 위해 🎨이 버튼은 어떤 색이 적절할까?텍스트 크기는 가독성이 좋을까?디자이너와 개발자의 협업을 원활하게 하기 위해 🤝“이 버튼 크기는 너무 작아” 같은 피드백을 .. 2025. 2. 10. 이전 1 다음
