본문 바로가기

UXUI 디자인 입문(23.12.18~24.01.29)

(39)
피그마 활용법_2차 피드백 보호되어 있는 글입니다.
KPT 회고 Keep - 현재 만족하고 있는 부분 - 계속 이어갔으면 하는 부분 팀원들과 스터디 진행함으로써 많은 도움 되었다. 스터디 진행하는 부분을 계속 이어갔으면 좋겠다. 팀원들과 레퍼런스 분석 스터디를 하면서 많은 부분에 대해 고민해보고 해결책을 찾기 위해 노력했다. 이러한 문제점 찾기와 해결책을 계속해서 진행하면 짧은 기간내에 많은 부분이 성장할 것 같다. Problem - 불편하게 느끼는 부분 - 개선이 필요하다고 생각되는 부분 여전히 아직도 소통에 있어서 어색함이 있다. 이 부분을 노력해야겠다. 같은 수강생 동기들이지만 실력차이가 있기 때문에 모르는 부분에 있어서 도움을 주거나 받을 수 있다. 내가 먼저 열린 마음으로 도움도 주고 도움을 요청하면 다들 좋은 반응이 있었던 것 같다. 이러한 부분을 좀 더 ..
[미니프로젝트] Chapter 2. UI 구조 분석 기반의 클론디자인(4) 24.01.23(화)~01.29(월) "B03 우대(우리는 대머리조)" (팀장)이호균 (팀원)송민진, 안지선, 장민준 - 2024.01.26(금) 미니프로젝트 쳅터2. UXUI 디자인 입문, Figma활용법 강의를 토대로 팀원들과 본격적 협업을 시작했다. 발제내용은, UI 구조 분석 기반의 클론 디자인이다. 클론 디자인의 뜻을 살펴보자면 아래와 같다. (1) 실제 존재하는 앱/웹 서비스 화면을 동일하게 그려보는 작업하기 (2) 단순히 따라하기 보다는, Web, iOS, Android 각 디바이스 환경에 맞는 규격이나 표준을 공부하기 (3) 어떻게 구성했을 때 가장 사용성이 뛰어나고 UI/UX적으로 좋은 디자인인지 고민해보기 마무리 하지 못한 부분을 마무리하고, 좀 더 정교하게 손봤다. 컴포넌트를 만들고..
[미니프로젝트] Chapter 2. UI 구조 분석 기반의 클론디자인(3) 24.01.23(화)~01.29(월) "B03 우대(우리는 대머리조)" (팀장)이호균 (팀원)송민진, 안지선, 장민준 - 2024.01.25(목) 미니프로젝트 쳅터2. UXUI 디자인 입문, Figma활용법 강의를 토대로 팀원들과 본격적 협업을 시작했다. 발제내용은, UI 구조 분석 기반의 클론 디자인이다. 클론 디자인의 뜻을 살펴보자면 아래와 같다. (1) 실제 존재하는 앱/웹 서비스 화면을 동일하게 그려보는 작업하기 (2) 단순히 따라하기 보다는, Web, iOS, Android 각 디바이스 환경에 맞는 규격이나 표준을 공부하기 (3) 어떻게 구성했을 때 가장 사용성이 뛰어나고 UI/UX적으로 좋은 디자인인지 고민해보기 오늘은 계획대로 클론 디자인을 진행했다. 오전부터 하루종일 클론 디자인에 시간을 ..
[미니프로젝트] Chapter 2. UI 구조 분석 기반의 클론디자인(2) 24.01.23(화)~01.29(월) "B03 우대(우리는 대머리조)" (팀장)이호균 (팀원)송민진, 안지선, 장민준 - 2024.01.24(수) 미니프로젝트 쳅터2. UXUI 디자인 입문, Figma활용법 강의를 토대로 팀원들과 본격적 협업을 시작했다. 발제내용은, UI 구조 분석 기반의 클론 디자인이다. 클론 디자인의 뜻을 살펴보자면 아래와 같다. (1) 실제 존재하는 앱/웹 서비스 화면을 동일하게 그려보는 작업하기 (2) 단순히 따라하기 보다는, Web, iOS, Android 각 디바이스 환경에 맞는 규격이나 표준을 공부하기 (3) 어떻게 구성했을 때 가장 사용성이 뛰어나고 UI/UX적으로 좋은 디자인인지 고민해보기 3시 모임 시작. 캡처 화면 공유(iPhone mini13) 각자 맡은 페이지 유..
[미니프로젝트] Chapter 2. UI 구조 분석 기반의 클론디자인(1) 24.01.23(화)~01.29(월) "B03 우대(우리는 대머리조)" (팀장)이호균 (팀원)송민진, 안지선, 장민준 - 2024.01.23(화) 미니프로젝트 쳅터2. UXUI 디자인 입문, Figma활용법 강의를 토대로 팀원들과 본격적 협업을 시작했다. 발제내용은, UI 구조 분석 기반의 클론 디자인이다. 클론 디자인의 뜻을 살펴보자면 아래와 같다. (1) 실제 존재하는 앱/웹 서비스 화면을 동일하게 그려보는 작업하기 (2) 단순히 따라하기 보다는, Web, iOS, Android 각 디바이스 환경에 맞는 규격이나 표준을 공부하기 (3) 어떻게 구성했을 때 가장 사용성이 뛰어나고 UI/UX적으로 좋은 디자인인지 고민해보기 우선 우리는, 오전에 각자 선정한 링크드인 앱을 살펴보는 시간을 가지기로 했다. ..
피그마 활용법(2)_복습8 #피그마활용법2차제출 1차로 피드백 받은 내용을 토대로 수정을 진행했다. 폰트 관련한 내용과 Line design system관련된 내용에서 시간이 많이 소요되었다. 폰트 다운로드 사이트는 (1)apple 공식 홈, (2)구글폰트 (3)어도비 클라우드 이다. 안드로이드 한글 폰트는 Noto Sans CJK, 영문은 Roboto 이다. iOS 한글 폰트는 Apple SD Gothic Neo, 영문은 SF Pro Kisplay 이다. 관련해서 구글에서 Noto Sans체를 다운 받고, 영문은 SF compact를 다운 받아서 수정했다. 메인컬러로 오렌지에서 신뢰를 나타내는 파란색으로 변경하였다. 자잘한 것들을 계속 수정해 나가다보니, 시간이 금방 흘렀다. 과제를 진행하면서 좀 더 성장한 것을 느꼈다. 몰랐던..
피그마 활용법(2)_복습7 #피그마활용법 - 피드백에 따른 수정 디테일한 부분에서 좀 더 신경 써서 수정해야 한다. 가장 크게 신경써야 할 부분은, 1. 네이밍 이해도 2. 4배수 간격 신경쓰기(오토레이아웃으로 간격 조정) 3. 폰트 설정 : 영문, 한글 둘 다 지정. #WRS 배달을 주제로 레퍼런스를 진행했다. 쿠팡이츠, 배달의 민족 앱에 대한 리뷰를 조사했고, 추가적으로 쿠팡이츠 라이더, 배달의 민족 라이더 앱의 리뷰도 함께 살펴 보았다. 오늘은 시간상 발표를 진행하지는 못했다. 월요일날 2차 과제 제출이므로. 하지만, 집중해서 발표 자료를 찾았다. 그리고 리뷰에 대한 피드백도 큰 도움이 될 수 있는 것을 확인했다.