분류 전체보기
-
Today I Learned [이번주 목표] 개인과제 피드백 기반 디벨롭 오늘 할 일 개인과제 디벨롭 1. 문제점 아이콘 그리기 규격 맞추기 2. 시행착오 펜툴로도 그려보고 도형을 펜툴로 수정도 해봤는데, 막상 flatten 하면 크기가 깨지거나 모형이 틀어짐 3. 해결방법 해결했다면 어떻게 해결? 아이콘 자체를 20x20으로 만들 수는 없는 것 같고 프레임 안에 20x20짜리 컨테이너를 하나 만들어서 24x24 아이콘 제작 4. 알게 된 점 - 문제 해결 과정에서 느낀점, 새롭게 알게 된 점 아이콘 빨리 수정하고 정리해서 튜터님한테 질문하러 찾아가야겠다.. 아침에 비몽사몽 하다가 저녁에 몰아서 하려니까 피드백 받으러 갈 시간이 없음
[UIUX] 스파르타 2024-01-18 TILToday I Learned [이번주 목표] 개인과제 피드백 기반 디벨롭 오늘 할 일 개인과제 디벨롭 1. 문제점 아이콘 그리기 규격 맞추기 2. 시행착오 펜툴로도 그려보고 도형을 펜툴로 수정도 해봤는데, 막상 flatten 하면 크기가 깨지거나 모형이 틀어짐 3. 해결방법 해결했다면 어떻게 해결? 아이콘 자체를 20x20으로 만들 수는 없는 것 같고 프레임 안에 20x20짜리 컨테이너를 하나 만들어서 24x24 아이콘 제작 4. 알게 된 점 - 문제 해결 과정에서 느낀점, 새롭게 알게 된 점 아이콘 빨리 수정하고 정리해서 튜터님한테 질문하러 찾아가야겠다.. 아침에 비몽사몽 하다가 저녁에 몰아서 하려니까 피드백 받으러 갈 시간이 없음
2024.01.18 -
Today I Learned [이번주 목표] 피드백 기반 개인 과제 디벨롭 오늘 할 일 피드백 확인 후 개인 과제 디벨롭 1. 문제점 아이콘 규격 통일성 탁한 컬러의 뜻이 무엇인가 2. 시행착오 - 지금껏 애써 미루고 미루웠던 아이콘 규격..피드백을 받음. 역시나 숨길 수 없는 것이었음. 머터리얼 아이콘을 펜툴로 따라 그렸니 통일성이 하나도 없었음.. 그 규격은 어떻게 정하는거지 - 여태까지 쭉 속 썩이고 있는 컬러값.. 튜티님 피드백에서 탁하고 선명한 정도를 말씀하셨는데, 선명함은 채도를 따라가는 걸까? 말씀해주신 G마켓은 S값이 100이나 된다. 반면에 나는 정반대인 18이었음 3. 해결방법 해결했다면 어떻게 해결? - 아이콘 그리는 법 영상을 닥치는대로 보고 있다. 그런데 계속 소숫점으로 수치가 떨..
[UIUX] 스파르타 2024-01-17 TILToday I Learned [이번주 목표] 피드백 기반 개인 과제 디벨롭 오늘 할 일 피드백 확인 후 개인 과제 디벨롭 1. 문제점 아이콘 규격 통일성 탁한 컬러의 뜻이 무엇인가 2. 시행착오 - 지금껏 애써 미루고 미루웠던 아이콘 규격..피드백을 받음. 역시나 숨길 수 없는 것이었음. 머터리얼 아이콘을 펜툴로 따라 그렸니 통일성이 하나도 없었음.. 그 규격은 어떻게 정하는거지 - 여태까지 쭉 속 썩이고 있는 컬러값.. 튜티님 피드백에서 탁하고 선명한 정도를 말씀하셨는데, 선명함은 채도를 따라가는 걸까? 말씀해주신 G마켓은 S값이 100이나 된다. 반면에 나는 정반대인 18이었음 3. 해결방법 해결했다면 어떻게 해결? - 아이콘 그리는 법 영상을 닥치는대로 보고 있다. 그런데 계속 소숫점으로 수치가 떨..
2024.01.17 -
Today I Learned [이번주 목표] 개인 과제 디벨롭 + 피드백 2차 수정 오늘 할 일 개인과제 디벨롭, 토스 홈 화면 클로닝 1. 문제점 개인 과제 디벨롭 > 디자인 시스템 하나씩 다 만져보다가 답이 안 나와서 포기하고 클로닝 시작함 아이폰 스크린샷으로 2배수 클로닝 하는데 여백 레이아웃이나 폰트 설정 등 정확한 수치를 알 수 없음 2. 시행착오 디자인 시스템 폰트부터 색상까지 처음부터 다시 하려니까 너무 방대하고 어디서부터 시작해야 하는지 모르겠다. 우버 디자인 시스템이랑 머터리얼 계속 참고해서 보는데도 감을 잡지 못하겠음. 3. 해결방법 해결했다면 어떻게 해결? 해결 못했고 클로닝부터 시작했다. 디자인 파운데이션은 알면 알수록 모르겠는게 맞는건가..? 1차 과제 제출하려고 가벼운 마음으로 ..
[UIUX] 스파르타 2024-01-16 TILToday I Learned [이번주 목표] 개인 과제 디벨롭 + 피드백 2차 수정 오늘 할 일 개인과제 디벨롭, 토스 홈 화면 클로닝 1. 문제점 개인 과제 디벨롭 > 디자인 시스템 하나씩 다 만져보다가 답이 안 나와서 포기하고 클로닝 시작함 아이폰 스크린샷으로 2배수 클로닝 하는데 여백 레이아웃이나 폰트 설정 등 정확한 수치를 알 수 없음 2. 시행착오 디자인 시스템 폰트부터 색상까지 처음부터 다시 하려니까 너무 방대하고 어디서부터 시작해야 하는지 모르겠다. 우버 디자인 시스템이랑 머터리얼 계속 참고해서 보는데도 감을 잡지 못하겠음. 3. 해결방법 해결했다면 어떻게 해결? 해결 못했고 클로닝부터 시작했다. 디자인 파운데이션은 알면 알수록 모르겠는게 맞는건가..? 1차 과제 제출하려고 가벼운 마음으로 ..
2024.01.16 -
Today I Learned [이번주 목표] 개인 스터디 및 피드백 2차 수정 오늘 할 일 개인 스터디 1. 문제점 피드백 받기 전까지 계속 혼자 스터디하고 내용을 수정하고 있는데, 이게 맞긴 한건지 제자리를 빙글 빙글 도는 느낌이다. 막상 튜터님한테 정리해서 가려니 내가 무엇을 모르고 있는지 모르는 상황 2. 시행착오 유튜브, 피그마 예시, atlassian, uber 디자인 시스템 살펴보기 3. 해결방법 해결했다면 어떻게 해결? 해결.. 안 됨 4. 알게 된 점 - 문제 해결 과정에서 느낀점, 새롭게 알게 된 점 내가 무얼 모르는지 인지하지 못하는 가장 답답한 상황에 직면해 있다. 디자인 시스템 정하는거 너무 어려움.. 그래도 우버 디자인 시스템을 조금씩 보는 중인데, 모바일 디자인 시스템 만드는데 ..
[UIUX] 스파르타 2024-01-15 TILToday I Learned [이번주 목표] 개인 스터디 및 피드백 2차 수정 오늘 할 일 개인 스터디 1. 문제점 피드백 받기 전까지 계속 혼자 스터디하고 내용을 수정하고 있는데, 이게 맞긴 한건지 제자리를 빙글 빙글 도는 느낌이다. 막상 튜터님한테 정리해서 가려니 내가 무엇을 모르고 있는지 모르는 상황 2. 시행착오 유튜브, 피그마 예시, atlassian, uber 디자인 시스템 살펴보기 3. 해결방법 해결했다면 어떻게 해결? 해결.. 안 됨 4. 알게 된 점 - 문제 해결 과정에서 느낀점, 새롭게 알게 된 점 내가 무얼 모르는지 인지하지 못하는 가장 답답한 상황에 직면해 있다. 디자인 시스템 정하는거 너무 어려움.. 그래도 우버 디자인 시스템을 조금씩 보는 중인데, 모바일 디자인 시스템 만드는데 ..
2024.01.15 -
1. 페이지 컨셉 잡기 우선 팀 소개 페이지의 특성을 헤아려 봤다. 1) 지금 짜여진 팀이란? : 1주일이라는 단기간 내에만 유효한 팀이며, 이 팀의 목적은 개개인의 특성을 최대한 나태내는 것에 그친다. > 이벤트성 페이지도 가능 2) 각 팀원들은 어떤 사람이지? : 각자의 개성이 뚜렷했고, 자유롭고 융통성이 높은 MBTI P 성향을 가졌다. 각 팀원들의 개성을 최대한 많이 담아 낼 수록 매력적인 콘텐츠가 될 것이다. > 팀원들의 개성을 살리는 컨셉츄얼한 페이지 3) 결론 a. 이벤트성 페이지로 컨셉츄얼한 프로모션st로 가도 될 듯. b. 팀 소개라는 프로덕트는 각기 다른 사람들을 한 곳에 모아 소개하는 공간이다. 각자의 페이지에서 개개인의 개성을 최대한 살리지만, 함께 모여 있어도 팀의 조화로운 모습을..
[UXUI] 스파르타 UXUI 1주차 미니 프로젝트 - 피그마로 팀소개 페이지 회고1. 페이지 컨셉 잡기 우선 팀 소개 페이지의 특성을 헤아려 봤다. 1) 지금 짜여진 팀이란? : 1주일이라는 단기간 내에만 유효한 팀이며, 이 팀의 목적은 개개인의 특성을 최대한 나태내는 것에 그친다. > 이벤트성 페이지도 가능 2) 각 팀원들은 어떤 사람이지? : 각자의 개성이 뚜렷했고, 자유롭고 융통성이 높은 MBTI P 성향을 가졌다. 각 팀원들의 개성을 최대한 많이 담아 낼 수록 매력적인 콘텐츠가 될 것이다. > 팀원들의 개성을 살리는 컨셉츄얼한 페이지 3) 결론 a. 이벤트성 페이지로 컨셉츄얼한 프로모션st로 가도 될 듯. b. 팀 소개라는 프로덕트는 각기 다른 사람들을 한 곳에 모아 소개하는 공간이다. 각자의 페이지에서 개개인의 개성을 최대한 살리지만, 함께 모여 있어도 팀의 조화로운 모습을..
2024.01.15 -
iOS와 iPadOS는 4가지 버튼 스타일을 가진다. 각 스타일은 3가지 사이즈를 가질 수 있다. 각 사이즈와 스타일의 조합별로 각기 다른 비쥬얼 중요도를 가진다. - 버튼 속 서브 타이틀은 정말 유용한 디테일을 담고 있을 때만 사용 할 것 : 장바구니 버튼에 수량을 표기하는 서브타이틀까지 인정. 버튼의 추가 기능을 설명하기 위한 서브타이틀은 지양한다. - 버튼에 대한 액션 피드백이 즉각적으로 이루어지지 않는다면 액티비티 인디게이터(로딩중 아이콘 등)를 표시한다 : 유저가 버튼을 누른 후 액션에 대한 지연이 발생한다면 버튼 안에 액티비티 인디게이터(로딩중 아이콘 등)을 통해 유저의 행동에 대한 피드백이 진행 중이라는 것을 명확히 할 것. 로딩중 아이콘이 아니더라도, 'checkout' 라벨이 'check..
HIG Button -iOS, iPadOSiOS와 iPadOS는 4가지 버튼 스타일을 가진다. 각 스타일은 3가지 사이즈를 가질 수 있다. 각 사이즈와 스타일의 조합별로 각기 다른 비쥬얼 중요도를 가진다. - 버튼 속 서브 타이틀은 정말 유용한 디테일을 담고 있을 때만 사용 할 것 : 장바구니 버튼에 수량을 표기하는 서브타이틀까지 인정. 버튼의 추가 기능을 설명하기 위한 서브타이틀은 지양한다. - 버튼에 대한 액션 피드백이 즉각적으로 이루어지지 않는다면 액티비티 인디게이터(로딩중 아이콘 등)를 표시한다 : 유저가 버튼을 누른 후 액션에 대한 지연이 발생한다면 버튼 안에 액티비티 인디게이터(로딩중 아이콘 등)을 통해 유저의 행동에 대한 피드백이 진행 중이라는 것을 명확히 할 것. 로딩중 아이콘이 아니더라도, 'checkout' 라벨이 'check..
2024.01.14