국가기간
[전액국비](디지털디자인)영상활용UI/UX 반응형 웹디자인&웹퍼블리셔(Figma활용)
다양한 종류의 디지털 환경에서 제공되는 스마트기기에 적용 가능한 서비스에 대하여 사용자경험과 니즈를 분석하여 서비스ㆍ콘텐츠를 사용 목적과 용도에 맞게 최적화하여 정보설계, UI설계, 화면설계 등을 하는 능력을 함양할 수 있습니다.
평일6월 30일
95일
21명
- 피그마와 개발 환경 이해하기
- 피그마는 개발자가 만든 툴입니다. UI 디자인 스케치, 프로토타이핑 및 협업을 위한 디자인 도구 Figma(피그마)의 기본적인 사용법과 실무 활용법에 대해 교육합니다. 개발 환경에 웹퍼블리싱 적합하게 구현되다 보니 그 특성을 고스란히 담고 있습니다. 디자이너와 개발자의 소통을 도와주는 기능이 많습니다. 개발자가 참조할 수 있는 정보를 주는 ‘개발 툴바’가 있으며, 마우스 툴바로도 수치값을 확인할 수 있어 가이드라인이 없어도 빠른 작업이 가능합니다. CSS를 이해하고 계시다면 피그마를 좀 더 잘 사용하실 수 있습니다.
- 개발자와 소통하는 디자이너
- 레이어, 버튼, 컴포넌트, 오토 레이아웃 등 다양한 디자인 리소스의 네이밍을 개발 환경에 맞게 만들어서 개발자에 전달합니다. 모바일 앱은 운영체제 및 디바이스별로 다양한 해상도 및 밀도를 가지고 있습니다. 그리고 이렇게 만들어진 이미지는 개발자에게 적합하게 전달되어 원활히 개발될 수 있는 점이 중요합니다. 피그마는 디자인 산출물 추출 및 전달을 원활히 할 수 있도록 Export를 체계적으로 할 수 있으며, Inspect 탭을 통해 개발자가 참조할 수 있는 코드 및 지정 이미지를 다운로드 할 수 있게 합니다
- 디자인 프로세스를 반영한 사용성과 인터페이스
- UI/UX 디자인은 이미지 디자인으로 끝나는 것이 아니라 지속적으로 하나의 플로우 및 태스크를 완수하기 위한 시스템을 기획 설계하는 개념을 기반으로 화면이 디자인됩니다. 따라서 이미지만을 보정하기 위한 프로그램이 아닌, 디지털 프로덕트(모바일 앱, 웹 등)의 워크 프로세스 및 고유의 디자인 프로세스를 감안한 기능 및 인터페이스로 구성된 전문 UI/UX 디자인 프로그램이 필요하며, 피그마는 이러한 점을 잘 파악하여 실무 중심의 워크 프로세스에 적합하게 설계된 프로그램입니다.
- 피그마의 장점!
- 웹서비스이기 때문에 다운로드 없이 사용이 가능하고 운영체제에 구애받지않습니다. 피그마는 웹 기반 프로그램으로서 온라인 실시간 작업이 이루어진다는 장점이 있습니다. 따라서 구글에서 문서나 프레젠테이션을 공유해서 실시간 작업하는 것과 같은 개념으로 기획 디자인 설계 등이 기본적으로 공유됩니다. 또한 팀 라이브러리를 활용하면 디자인 컴포넌트 관리 및 효율적인 리소스 매니지먼트도 가능합니다.
과정을 수료하면 어떠한 작업을 하는지 궁금한가요?
수강생분들의 포트폴리오를 소개합니다.
수강생분들의 포트폴리오를 소개합니다.
커리큘럼
|
사용자 경험 조사
|
서비스·경험 디자인 환경조사
서비스·경험 디자인 면접조사
서비스·경험 디자인 관찰조사
|
|
프로토타입 개발
|
프로토타입 기초 데이터 수집 및 스케치
프로토타입 제작 및 사용성 테스트
서비스 경험 디자인 시나리오 개발
|
|
디지털디자인 설계
|
수정 보완
디자인 구성요소 설계
디자인 구성요소 응용
디지털디자인 프로젝트 설계
디자인 구성요소 제작
|
|
UI/UX 디자인
|
스마트 문화 앱 UX 설계
스마트 문화 앱 UI 디자인
|
|
프로젝트 완료
|
디지털디자인 사후관리
프로젝트 완료 최종보고
프로젝트 완료 결과 보고서 작성
프로젝트 완료 자료 정리
|
취업성공, 그들이 말하다!
하이미디어 취업생분들의 생생한 현장 토크.
프론트부터 백엔드까지 전체적인 웹개발 흐름을 이해할 수 있게 되었어요
[실무프로젝트] 자바 웹개발자(React, Springboot, intelliJ, AWS) 오ㅇ완
현직자에게 멘토링 받을 수 있는 소중한 경험
인공지능(AI-X) 프로젝트 부트캠프 김ㅇ민
취업까지 연계되는 실질적인 지원 시스템!
React.js와 Springboot를 활용한 자바 풀스택 개발자 김ㅇ희
사무직에서 기술직으로 커리어 전환 성공!
AWS를 활용한 하이브리드클라우드 구축 & 운영엔지니어링 김ㅇ움
이런 과정들은 어떠세요?
마감이 얼마 안남은 동일 분류의 과정들을 추천해 드립니다.
마감이 얼마 안남은 동일 분류의 과정들을 추천해 드립니다.
