본문 바로가기

전체 글32

[UIUX 디자인스쿨] 02_나이키 레퍼런스 나이키 장점 스포츠 브랜드 중 가장 선호도가 높은 브랜드로, 앱을 통해 쉽고 빠른 구매가 가능하고 앱 구매 쿠폰으로 저렴하게 구매할 수 있다. 첫 화면에 "김진희님 활기찬 오후 보내세요!" 문구로 환영하는 듯한 메시지를 전달하고 바로 밑에 맞춤 추천 상품을 소개한다. 그 아래쪽으로는 다양한 운동 소개, 계절 아이템 등 다양한 콘텐츠를 확일할 수 있다. 최하단부에 연관제품 부분이 있는데, 상단 첫 화면에 있는 맞춤 추천 상품이랑 동일한 제품이 노출된다. 굳이 중복되는 부분 같아서 없어도 무방할듯 싶다. 하단 메뉴 중 장바구니 아이콘에 장바구니 아이템 수량이 나오는데, 클릭하지 않아도 미리 알 수 있어서 편리하다. 남성/여성/키즈/조던 네가지로 탭 분류가 되어있다. 그 아래로는 상의, 하의 등 카테고리를 클.. 2023. 5. 21.
[UIUX 디자인스쿨] 3주차_05 유저리서치 수행계획서 작성 To do list 레퍼런스 분석 조별 화상회의 수행계획서 디자인 수정 프리스쿨 과제 제출 이번주 과제는 조별로 유저리서치 한 내용을 정리하고, 수행계획서를 작성해서 내야한다. 어제 아침에 수행계획서를 어떻게 작성할지 모여서 이야기 하고, 각자 할일 역할분담을 했다. 마무리로를 내가 디자인 정리 작업을 했는데, 단순하게 정렬로만 예상했지만 생각보다 작업량이 많았다... 개인 과제 보다는 조별과제에 조금 더 시간을 쏟아서 제출 완료했다~! 프리스쿨 과제인 ui 디자인 25종 만들어보기 정말 손이 많이 가고 시간도 오래걸린 과제........ 틈틈히 열심히 했지만 정말 끝이 안 보였다^^;; 다 완성하니까 뿌듯하긴 하다. 제출 완료! 2023. 5. 21.
[UIUX 디자인스쿨] 3주차_04 디자인 환경 디자인 환경 디자인 작업시 X축, Y축만 있는게 아니라, Z축도 존재한다. Z축은 깊이감을 나타내는데, 그림자로 표현한다. 그림자 depth값을 정의하기도 한다 작업 화면 사이즈를 정할때 리서치 자료를 참고하여 결정한다. (stactcounter 사이트 참고) *모바일 : 360*640 많이 사용 작업할 해당 디바이스의 dpi 해상도를 보고배수를 결정한다. 타이포그그라피 타이포 크기 중 body 사이즈가 제일 중요하다. (*구글 머테리얼 가이드 참고) 본문 크기 14, 16이 제일 적당하다. (이하로 내려가면 가독성이 떨어짐) 시스템폰트 안드로이드 - 로보토 ios - 샌프란시스코 해상도 dpi는 강의를 들어도 아직 개념이 확실하게 잡히지 않는다ㅠ 실무에서 작업하면 더 확실하게 이해가 될 것 같은데, 지.. 2023. 5. 21.
[UIUX 디자인스쿨] 3주차_03 디자인 기초-3 Define 비주얼 컨셉을 잡기 전 "프로젝트 골"이 무엇인지 체크, 파악 1) ASIS 2) 동종유사 3) 디자인 리서치 - 개념적인 측면 : 어떤 형태의 의미와 가치를 부여하여 그 형태를 시각화 - 형태적인 측면 : 브랜드, 가치, 철학 등 궁극적인 가치들로 포커싱 Design Authoring Tool 1) 피그마 2)스케치 3) Adobe XD 4) 일러스트레이터 5) 포토샵 등등 특정 주제를 설명하기 위해 이미지, 텍스트, 개채 등을 결합하여 보여주는 보드 이미지는 강력한 전달 수단이므로, 대중없이 보여주기 보다는 어떻게 사용할지 전략을 세운 후 보여주는게 효과적 - 비트맵/벡터 - JPG/GIP/PNG/SVG 정보전달 뿐만 아니라, 감성을 담아서 커뮤니케이션을 할 수 있다 2023. 5. 17.

티스토리툴바