0626 수 uiux 59일차

0626 수 uiux 59일차

img파일로 제출, 이미지 우측 상단에 이름 적기

 

능력단위평가(강사님 메모) 웹페이지 1. 지금 만들어 놓은것들 2. 새로 만들것들 - 브레인 스토밍 1. 와이어 프레임 완성 2. 스토리 보드 완성 3. 계층화 4. 플로우 차트 5. 프로토타입 6. 페이지 UI UX 계획만 GUI = 보기 편하게 UI = 사용하기 편하게 UX = 사용자 경험을 분석하여 사용이 즐겁게

NCS 디지털디자인 구성요소 설계 ⓐ 주제와 부주제, 메뉴, 콘텐츠를 계층화한다.  1. 수집된 정보를 메모지에 키워드를 중심으로 간략하게 적는다.  2. 각 메모지에 적힌 정보를 주제, 부주제, 메뉴, 콘텐츠 등으로 분류하고, 이를 나열하면 서 정리한다. ⓑ 수집된 정보를 폭 5-9개, 깊이 5단 정도 이내로 계층화 한다.  1. 회의를 통해서 메모지에 적힌 정보를 가로 배열 및 세로 배열을 통해 계층화하면서 각  정보의 특성이나 내용에 따라 정리한다. 2. 정보를 그룹화하고 유사 정보 혹은 중복 정보 등을 필터링하면서 단순화한다. ⓒ 각 계층의 정보 체계에 레이블링 한다.  1. 계층화된 정보의 각 그룹에 레이블(이름)을 붙인다.  2. 각 단위 그룹 별로 레이블링 된 정보를 검토하면서 문제점을 파악하여 수정한다

 

ⓑ 참고 사진 정보의 계층화

출처: https://brunch.co.kr/@mildwhales/17

 

---

 

 

 

 

밑줄 애니메이션 1부 ( https://codepen.io/YoungHeom/pen/KKLGvzg )

2부 ( https://codepen.io/YoungHeom/pen/VwOEzxO )

3부 ( https://codepen.io/YoungHeom/pen/dyEgVvY )

4부 ( https://codepen.io/YoungHeom/pen/mdYzBwO )

5부 ( https://codepen.io/YoungHeom/pen/OJYBxBz )