아이콘·버튼 프리랜서를 모집합니다

• 서비스 전체에서 쓰일 아이콘 세트 스타일 가이드 수립
• 메뉴, 카테고리, 기능별 아이콘 개별 제작
• 버튼의 상태별(기본, 눌림, 비활성, 로딩 등) 디자인
• 선(line) 스타일, 면(fill) 스타일 등 아이콘 스타일 통일
• SVG 등 다양한 크기에서 깨지지 않는 벡터 파일 제작
• 기존 아이콘 세트에 새로운 아이콘 추가 시 스타일 맞춤 제작
• 다크모드 등 여러 테마에 대응하는 컬러 버전 제작

자주 쓰는 도구와 기술

• Adobe Illustrator
• Figma
• SVG 최적화
• 아이콘 그리드 시스템

작업 흐름

1. 1

   의뢰인에게 필요한 아이콘 목록과 사용처를 확인합니다.

2. 2

   기존 브랜드 스타일이나 참고 아이콘이 있는지 확인합니다.

3. 3

   스타일 방향(선 굵기, 모서리 형태 등) 시안을 제안합니다.

4. 4

   확정된 스타일로 전체 아이콘을 제작합니다.

5. 5

   버튼이라면 상태별 디자인을 함께 정리합니다.

6. 6

   SVG 등 개발 전달용 파일로 정리해 납품합니다.

• 필요한 아이콘 개수에 따라 나눕니다.
• 신규 스타일 개발인지 기존 세트에 추가하는지에 따라 나눕니다.
• 버튼 상태별(기본, 눌림, 비활성 등) 디자인 포함 여부로 나눕니다.
• 다크모드 등 여러 테마 버전 제작 여부로 나눕니다.
• 시안 제시 개수와 수정 횟수(예: 수정 2회 포함)로 나눕니다.
• SVG 최적화 및 개발 전달 파일 정리 포함 여부로 나눕니다.

패키지 구성 예시

• 여러 아이콘을 그리드에 정렬해 스타일 일관성을 보여주는 시트를 포트폴리오에 올립니다.
• 버튼 상태별 디자인 샘플을 함께 보여줘 시스템적 작업 능력을 드러냅니다.
• 선 스타일, 면 스타일 등 다양한 아이콘 스타일 샘플을 구분해 보여줍니다.
• 제목에 아이콘 개수와 스타일(라인, 필 등)을 구체적으로 적습니다.
• 첫 답장에서 필요한 아이콘 목록과 사용 플랫폼을 먼저 확인합니다.
• SVG 파일 정리와 최적화 경험을 프로필에 명시합니다.

아이콘 간 선 굵기·크기가 제각각

아이콘 그리드와 스타일 가이드를 먼저 정하고 그 기준에 맞춰 전체를 제작합니다.

확대 시 이미지가 깨짐

비트맵이 아닌 벡터(SVG) 형식으로 작업해 크기와 무관하게 선명하게 유지합니다.

버튼 상태(눌림, 비활성) 디자인 누락

필요한 상태 목록을 미리 확인하고 빠짐없이 디자인합니다.

의미가 불명확한 아이콘으로 사용자 혼란

아이콘이 나타내는 기능이 직관적으로 이해되는지 의뢰인과 함께 확인합니다.

무제한 아이콘 추가 요구로 작업 범위 초과

계약 전 아이콘 개수를 명확히 정하고 초과분은 별도 협의한다고 안내합니다.

• 앱·모바일 UI·UX
• 템플릿형 홈페이지
• 웹 UI·UX