UI 구현 문제
1. 평가개요
1) 주체 : 수강생 본인이 직접 선정한 주제로 웹사이트 메인페이지 UI 제작
2) 시나리오 : 선정한 주제와 목적에 맞는 웹사이트 메인페이지를 지정 시각 내에 기획 및
디자인하는 UI 디자인 챌린지
3) 기본사항
-웹사이트 주제는 수갱생이 자유롭게 선정하여 진행
(기업, 브랜드, 서비스, 커뮤니티, 문화예술, 교육, 여행등)
-사용자에게 명확한 정보 전달이 가능한 구조와 콘텐츠 구성
- 웹사이트에 적합한 네비게이션 메뉴 구성 필수
- 디자인 요소는 저작권을 고려하여 직접 제작하거나 활용 가능한 레퍼런스 참고하여 제작
2. 요구사항
1) 스토리보드 구성
- 리서치 및 사이트 개요
- 기획
- 스타일 가이드(컬러, 폰트, 컨덴츠 등)
- IA
- 와이어프레임
2) 메인페이지 디자인
- 최소 5개 이상의 섹션 구성
- 데스크탑, 테블릿, 모바일 디자인 제작
3) 디자인 완성도
- 선정한 주제의 목적과 특징이 효과적으로 전달 될수 있도록 디자인
- 시각적 완성도와 정보 전달력을 고려하여 제작
4) 네이게이션 구성
- 웹사이트 목적에 맞는 메뉴 구성 필수
- 메뉴별 및 구성은 주제에 따라 자유롭게 설정 가능
5) 레퍼런스 활용
- 페이지 디자인은 레이아웃 레퍼런스를 참조하여 제작
- 레퍼런스 활용 시 2개 이상의 사례 참고
6) 디자인 레퍼런스 정리
- 활용한 디자인 요소 및 레포런스는 별도 페이지 및 폴더 정리
7) 컴포넌트 관리
- 컴포넌트 및 추가 디자인 요소는 별도 페이지에 정리
- 메인페이지 작업 영영에는 최종 시안만 배치
8) 피그마 페이지 구성
- 스토리보드
- 메인페이지
- 컴포넌트
-레퍼런스
3. 기술적 준수 사항
1) 최종 시안은 피그마를 활용하여 제작
2) 디자인 편집 관련 프로그램
4. 제출 파일
1) 완성된 결과물 Figma 파일, 완성 디지안 시안(jpg or png) 압축하여 업로드
폴더명은 "본인 이름_UI구현" 으로 업로드
2) 제출자료 포함 항목
- 스토리보드
- 메인페이지 시안
- 컴포넌트
- 레퍼런스
1. 평가개요
1) 주체 : 수강생 본인이 직접 선정한 주제로 웹사이트 메인페이지 UI 제작
2) 시나리오 : 선정한 주제와 목적에 맞는 웹사이트 메인페이지를 지정 시각 내에 기획 및
디자인하는 UI 디자인 챌린지
3) 기본사항
-웹사이트 주제는 수갱생이 자유롭게 선정하여 진행
(기업, 브랜드, 서비스, 커뮤니티, 문화예술, 교육, 여행등)
-사용자에게 명확한 정보 전달이 가능한 구조와 콘텐츠 구성
- 웹사이트에 적합한 네비게이션 메뉴 구성 필수
- 디자인 요소는 저작권을 고려하여 직접 제작하거나 활용 가능한 레퍼런스 참고하여 제작
2. 요구사항
1) 스토리보드 구성
- 리서치 및 사이트 개요
- 기획
- 스타일 가이드(컬러, 폰트, 컨덴츠 등)
- IA
- 와이어프레임
2) 메인페이지 디자인
- 최소 5개 이상의 섹션 구성
- 데스크탑, 테블릿, 모바일 디자인 제작
3) 디자인 완성도
- 선정한 주제의 목적과 특징이 효과적으로 전달 될수 있도록 디자인
- 시각적 완성도와 정보 전달력을 고려하여 제작
4) 네이게이션 구성
- 웹사이트 목적에 맞는 메뉴 구성 필수
- 메뉴별 및 구성은 주제에 따라 자유롭게 설정 가능
5) 레퍼런스 활용
- 페이지 디자인은 레이아웃 레퍼런스를 참조하여 제작
- 레퍼런스 활용 시 2개 이상의 사례 참고
6) 디자인 레퍼런스 정리
- 활용한 디자인 요소 및 레포런스는 별도 페이지 및 폴더 정리
7) 컴포넌트 관리
- 컴포넌트 및 추가 디자인 요소는 별도 페이지에 정리
- 메인페이지 작업 영영에는 최종 시안만 배치
8) 피그마 페이지 구성
- 스토리보드
- 메인페이지
- 컴포넌트
-레퍼런스
3. 기술적 준수 사항
1) 최종 시안은 피그마를 활용하여 제작
2) 디자인 편집 관련 프로그램
4. 제출 파일
1) 완성된 결과물 Figma 파일, 완성 디지안 시안(jpg or png) 압축하여 업로드
폴더명은 "본인 이름_UI구현" 으로 업로드
2) 제출자료 포함 항목
- 스토리보드
- 메인페이지 시안
- 컴포넌트
- 레퍼런스
#UI 구현 문제