000(CSS3) prototype portfolio boxModeling homework 1 - 정보구조 기획 / 스케치

[하드코딩 진화형 프로토타입 제작 / 사용성테스트 수정보완 업데이트]

(문제해결능력 개별실습과제 / 내부(이수자) 평가 실기 대체)

하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com

94x

 

 

UI/UX 디자인 - 컨텐츠 기획 구성 단계별 아이디어 시각화 참고자료

edyoon.tistory.com/1042?category=671868

하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com

하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com

하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com

v210201_prototype_form_ex_94xxxx.vol1.egg

10.00MB

v210201_prototype_form_ex_94xxxx.vol2.egg

9.72MB

하드코딩 진화형 프로토타입 제작 [윤샘컴교실] http://edyoon.tistory.com

 

 

 

+++++++

 

 

 

[UI/UX 디자인 시안 가작업 결과물 프로토타입 벤치마킹]

 

 

 

 

 

 

+++++++

 

 

[ 화면설계 스케치 - 화면구현 - 사용성 테스트 - 피드백 수정보완 ]

- 하드코딩(HTML/CSS/Jas) 프로토타입 제작 -

 

 

 

 

 

IA(정보구조) 설계 // 사이트맵

 

 

 

 

 

페이퍼 프로토타입

디지털 프로토타입

 

 

 

 

 

- NCS 모듈교재 (프로토타입 제작) 내용 일부 발췌 -

 

화면설계 / 흐름설계

 

 

 

 

 

 

 

 

 

+++ 다양한 프로토타입 도구 +++

출처: NCS 모듈교재 / 화면설계 ( 2001020224_19v5 )

 

 

 

+++ HTML & CSS 하드코딩 디지털 프로토타이핑 +++

출처: NCS 모듈교재 / 화면설계 ( 2001020224_19v5 )

 

 

+++++++

 

프로토타입 제작 정보구조 및 콘텐츠 기획/구성

- 화면설계 스케치 와이어프레임 -

 

 

 

 

 

 

 

+++++++

 

 

 

 

 

▣ (^(oo)^) http://edyoon.tistory.com ▣