iOS 프로젝트 2주차 - '팅(Ting)' 와이어프레임 및 로고 작업 일지 📱

오늘의 작업 목표 🎯

1. 앱 와이어프레임 구현
2. 앱 로고 디자인 컨셉 설정

와이어프레임 구현 내용 📐

1. 메인 화면

• 상단 검색바 구현
• 카테고리 이미지 섹션
• 최신 구인/구직글 리스트 섹션
• 하단 탭바 네비게이션

2. 검색 기능

검색 필터 화면

• 구인/구직 선택
• 직무 선택 (다중 선택 가능)
• 시급성 선택
• 아이디어 상황 선택
• 경험 선택

검색 결과 화면

• 선택된 필터 태그 표시
• 검색 결과 리스트
• 페이지네이션

3. 회원 관련 화면

• 로그인/회원가입 화면
• 마이페이지
• 회원정보 수정
• 회원탈퇴

로고 디자인 구상 🎨

컨셉 방향

1. 매칭 서비스 특성 표현

   • 연결, 만남, 협업을 상징하는 요소 활용
   • 'Ting'의 의미를 시각화 (연결되는 순간의 'Ting' 소리)

2. 주요 타겟 시각화

   • 개발자
   • 디자이너
   • 기획자

컬러 팔레트 (캐러멜 테마)

/* Primary Colors */
.primary {
    color: #C2410C;    /* 선명한 브라운 */
}
.secondary {
    color: #FB923C;    /* 밝은 브라운 */
}
.accent {
    color: #9A3412;    /* 진한 브라운 */
}
.background {
    color: #FFF7ED;    /* 연한 베이지 */
}

로고 제작 방법 탐색

1. 디자인 도구

   • Figma
   • Adobe Illustrator
   • Canva

2. AI 로고 생성 도구

   • LogoAI
   • Looka
   • Brandmark
   • Hatchful by Shopify

다음 단계 계획 💭

• 와이어프레임 피드백 수렴 및 수정
• 로고 시안 3-4개 제작
• 팀원들과 로고 디자인 방향성 논의

참고자료 🔍

• iOS Human Interface Guidelines
• 애플 공식 디자인 리소스

작업 후기 ✍️

와이어프레임과 로고 디자인 작업을 진행하면서, 사용자 경험을 최우선으로 고려하는 것이 얼마나 중요한지 다시 한 번 깨달았다. 특히 검색 기능의 필터링 시스템을 설계하면서, 사용자의 편의성과 기능의 효율성 사이에서 균형을 맞추는 것이 주요 과제였다.

캐러멜 테마의 컬러 팔레트 선정은 따뜻하고 친근한 이미지를 전달하면서도 전문성을 잃지 않기 위한 선택이었다. 앞으로 팀원들과의 피드백을 통해 더 나은 디자인으로 발전시켜 나갈 예정이다.