[Creative] Figma 개인과제_디자인 시스템 및 프로토타입 제작 #1 Assignment▼ 디자인 시스템 및 프로토타입 제작 ❑ 와이어프레임이커머스 컨셉 및 브랜드 색상 구상사용자 시나리오를 참고하여 와이어프레임을 제작.UI설계 ❑ 컬러 스타일제품의 컬러를 선정(Primary, Secondary, Tertiary)컬러 팔레트화 ❑ 폰트 스타일폰트 스타일 선정폰트 스타일 도큐먼트화 ❑ 레퍼런스 UI 분석이커머스 레퍼런스 자료 서칭이커머스 UI 비교 분석 ❑ Flowchart 수정 및 설계Flowchart 수정 및 재설계 ❑ UI 디자인UI디자인 ❑ 디자인 시스템 or UI KitUI KitUI or 엘레멘츠 컴포넌트화 ❑ Lo-fi 프로토타입프로토타입 작업 [Creative] 피그마로 간단한 프로토타입 만들어보기 #1 Homework ▼ 피그마로 프로토타입 만들기 ▽ 와이어프레임 or Figma 프로토타입 도안 ▽ Lo-fi Protofype 피그마 구동 [Creative] 웹사이트 클론 디자인 #1 웹 서비스 선정▽ VOD 스트리밍 OTT Service ‘넷플릭스’ Main View주로 OTT 서비스인 ‘넷플릭스’를 스마트 기기인 모바일앱 버전이 아닌 데스크탑 버을 이용한다. 자주 봐왔던 화면인 만큼 해당 서비스 화면을 따라 만들고 싶은 생각이 들어 이번 클론 디자인으로 택했다.#2 작업물 소개첫 프로필 화면에서는 다른 정보와 방해되는 요소들이 없이 오로지 프로필 부분에서만 초점을 주었기 때문에 깔끔한 UI가 인상적이다.메인화면에서는 Black & White 색상을 이용하여 배경과 콘텐츠들을 시각적으로 표현을 했고, 사용자가 알아야할 중요한 정보는 Red 색상을 통해 중요한 포인트들을 심어주었고 전체적으로 깔끔하고 버릴 것 없는 디자인이라는 것을 보여준 UI였다.#3 유저 플로우 해당 유저 플.. 이전 1 다음
