UI·UX 디자인 공부/제로베이스 스쿨 - UXUI 디자인 학습일지 27

[7주차-3] 그룹 프로젝트 마무리!

마참내 약 한 달 가량의 그룹 프로젝트의 마무리를 지었다!   초반에는 UX 리서치도 처음이고, 그룹 프로젝트에 부담감도 많이 느꼈어서사막에서 바늘을 찾는 듯한 부담감이 느껴졌었다.중간에 우여곡절도 많았지만 UX 리서치도 처음하는 것 치곤 나름 잘 된 것 같았고와이어프레임 및 프로토타입도 잘 나온 것 같아서, 바늘을 찾는 데 성공한 것 같은 기분이 들었다!ㅎㅎ 이제 곧 있을 포트폴리오 작업에도 이번 경험이 아주 큰 자양분이 되지 않을까 한다.물론 팀원들 없이 나혼자 시작하려면 또 어버버 하고 감을 못잡을 수도 있을 것 같긴 한데..ㅋㅋ그래도 경험이 있고 없고의 차이는 크니까! 그룹프로젝트 시작 이후로 강의랑 개인 공부도 좀 소홀해졌는데이제 다시 강의도 열심히 듣고 공부를 시작해야겠다..👀

[7주차-2] 디자인 시스템의 유형

디자인 시스템을 구축하는 데는 두 가지 유형의 정보가 포함될 수 있다.첫 번째는 기업의 미션, 비전, 타겟 사용자 그리고 브랜드 핵심 가치를 통해서 명확한 브랜드 아이덴티티를 수립하는 것두 번째는 로고, 컬러, 타이퍼 그래피와 같이 아이덴티티 구성 요소에 대한 디자인 스타일 가이드를 통해서 비주얼 아이덴티티 지침을 수립하는 것이렇게 두 가지의 디자인 시스템 유형 중에 디자인 스타일 가이드는 후자인 비주얼 아이덴티티에 더 포커싱된다. 1. 브랜드 아이덴티티브랜드 아이덴티티는 기업이 사용자와 소통하고 경쟁사와 차별화할 수 있도록 브랜드 경험을 만드는 방법이다.또한 기업이 가지는 성격을 병합한 방향으로 설정을 해두면 모든 팀과 채널에 걸쳐서 일관된 방식으로 소통할 수 있게 도와준다.브랜드가 지지하는 바는 무엇..

[7주차-1] 마켓컬리 클론디자인

6주차 무신사 클론디자인에 이어 7주차에는 마켓컬리 클론디자인을 하게 되었다.https://cy79.tistory.com/51 [6주차-3] 무신사 클론디자인6주차부터 여러 서비스를 클론디자인하는 과제가 주어졌다.이번주는 무신사를 클론디자인 해야 했다. 클론디자인 과제를 하면서 이미지 영역을 채울 땐 Unsplash 플러그 인을 사용했다.https://www.fcy79.tistory.com 무신사 클론디자인을 했을 때 폰트때문에 꽤 애를 먹었었는데마켓컬리는 무신사보다는 폰트 분석이 쉬웠다.여기서 폰트 분석 팁을 주자면, 'ㅈ'자와 'ㅎ'자 위주로 구분하면 쉽다.   나눔바른고딕의 'ㅈ'은 'ㄱ'에 획추가한 듯한 모양이고 'ㅎ'의 모자(?)부분이 평행하다.애플산돌고딕의 'ㅈ'은 좌우대칭 모양이고 'ㅎ'은 ..

[6주차-3] 무신사 클론디자인

6주차부터 여러 서비스를 클론디자인하는 과제가 주어졌다.이번주는 무신사를 클론디자인 해야 했다. 클론디자인 과제를 하면서 이미지 영역을 채울 땐 Unsplash 플러그 인을 사용했다.https://www.figma.com/community/plugin/738454987945972471/unsplash클론디자인 시 폰트까지 무조건 똑같이 할 필요는 없다고 생각해서 대부분은 내 최애 폰트인 프리텐다드를 사용하긴 하지만이번 클론디자인을 할 때는 폰트도 유의하면서 진행했다.폰트가 다운로드 받을 수 있는 폰트인지, 시스템 폰트인지 서치하는 과정에서 시간이 많이 소요되었다.검색해보니 무신사는 자체적으로 서체를 만들어서 사용하고 있었다. 그 외의 폰트는 나눔바른고딕과 프리텐다드, 그리고 정체모를 폰트(?)로 구분할 ..

[6주차-2] 플로우차트

플로우 차트란? https://brunch.co.kr/@b30afb04c9f54dc/25 유저플로우(User Flow) 그리는 방법유저님, 어디로 가시나이까- | 지난 유저 스토리, 유저 시나리오에 이어 두 번째 공부할 내용은 바로 유저 플로우(User Flow)이다. (기획엔 참으로 유저 들어가는 내용이 많다... ㅎㅎ) https://brunch.co.kbrunch.co.kr https://brunch.co.kr/@bc97281a20374ce/7 기획과 서비스의 User Flow나의 플로우차트(Flow Chart) 활용법 | 다음글: PM의 랜딩페이지 기획 Intro 신규 프로젝트를 기획하는 과정에서 플로우 차트의 중요성을 체감한 경험이 있습니다. 신규 서비스 기획 초기에 서비스를brunch.co.k..

[6주차-1] 토스 UX 컨셉

https://cy79.tistory.com/44 [5주차-1] 그룹과제 1주차 완료4주차부터 그룹 프로젝트를 시작하게 되었다.그룹 프로젝트의 큰 흐름은 팀원들과 함께 유저 리서치를 진행하고 그 결과를 바탕으로최종적으로 개선사항을 도출하는 것이었다.4주차에는 리서cy79.tistory.com 그룹 프로젝트로 '토스' 유저 리서치를 계속 진행중이다.현재 그룹 프로젝트는 3주차를 맞이했다.1주차에는 토스가 어떤 서비스인지와 어떤 불편사항이 있는지 설문조사를 진행했고2주차에는 1주차의 자료를 바탕으로 퍼소나와 사용자 여정지도를 만들고 벤치마킹 서비스 조사를 진행했다.이번 3주차에서는 UX 컨셉 리서치 및 User Flow, Flow Chart를 만드는 것이 주된 내용이었다.토스의 UX 컨셉 리서치 한 자료들을..

[5주차-3] 학습 캘린더

현재 학습 체크 리스트를 노션으로 정리중인데, 9월의 기록을 한눈에 보고자 캡쳐해왔다.이렇게 보니 하루에 몇 안되는 작업을 한 것처럼 보이지만실상은 매일매일 커피를 달고 살며 허리는 끊어지기 직전의 상태까지 이르게 되었다..제로베이스 스쿨을 수강한 뒤 지난 한 달을 되돌아보자면, 강의를 처음 보았을 때 OT에서 들었던 말이 가장 인상깊었던 것 같다. 여러분은 남들이 4년동안 해온 것들을 4개월 안에 해야 하기 때문에, 1달을 1년처럼 사셔야 합니다.  정확히 기억은 안 나지만 이런 말을 들었었다.이 말을 들었을 땐 지레 겁을 먹기도 했다. 얼마나 힘든 과정이길래..한 달이 지난 지금 시점에서 돌이켜보면 정말 저렇게 말할만 하다고 생각된다.밥, 잠을 제외하면 모든 시간을 제로베이스 수강에 올인하고 있으니...

[5주차-2] 그룹과제 중 갈등 상황..

그룹 과제를 하다가 갈등을 겪게 되었다.팀원 중 한 명이 프리라이더의 기질을 보이셔서, 순간 화가 나서 그분께 필요 이상으로 말을 조금 세게 하게 되었다.그 날 새벽에 슬랙 그룹 채널에 그분을 제외해달라고 멘토님과 매니저님께 요청을 드렸다.다음날 아침에 일어나보니 멘토님에게서 DM이 와있었다.  여기서 그분과 대화해봤냐는 말에서 말문이 막혔다.대화 시도도 안하고 바로 제외해달라고 해버렸다는 사실에, 나도 반성하게 되었다.  그 뒤로 그룹 채널에서 서로 협의해가다가 멘토님께서 또다시 관련 자료들을 공유해주셨다.멘토님이 실무에서 소통할때 유의해야 할 점들을 실제 슬랙·카톡 캡쳐들을 보여주시면서굉장히 일목요연하게 설명해주셨다.  자료를 읽고, 나를 되돌아보게 되었다.평소에 소통의 중요성을 유념하고 있었다고 생..

[5주차-1] 그룹과제 1주차 완료

4주차부터 그룹 프로젝트를 시작하게 되었다.그룹 프로젝트의 큰 흐름은 팀원들과 함께 유저 리서치를 진행하고 그 결과를 바탕으로최종적으로 개선사항을 도출하는 것이었다.4주차에는 리서치를 진행하고, 그에 대한 결과 정리까지 하는 것이 과제 내용이었다.   9/20 금요일, 팀원 배정이 완료되어 슬랙에 새로운 채널에 들어가게 되었다.그룹 프로젝트 주제 관련해서 여러가지 서비스 후보를 서로 이야기하고그 중에서 리서치가 용이할 것 같으면서, UIUX의 교과서적인 서비스로 알려진 '토스'를 선택하기로 했다.다만, 서비스를 선택은 했지만 당장 리서치를 어떻게 해야할지 너무 막막해서서비스가 정해진 뒤로 서로 소통을 별로 하지 않았다.그러던 차에, 멘토님께서 9/25 수요일에 리서치 관련 특강을 진행해주신다고 하셨다.아..

[4주차-4] 해상도와 밀도

1. 해상도스마트폰의 등장 이전에는 웹 디자인에 있어서 사용자의 표준 모니터 크기만 고려하면 됐기 때문에픽셀 단위의 해상도만 고려했었다. 그러나 다양한 모바일 디바이스와 함께 새로운 개념의 단위가 생겨나게 되었다.안드로이드의 디바이스 크기와 비율이 너무 다양했기 때문이다.  해상도는 이미지의 가로&세로에 몇 개의 화소, 몇 개의 픽셀이 있는지를 뜻한다. 위의 이미지를 보면 같은 크기의 이미지라도 해상도에 따라서 다르게 보이는 것을 알 수 있다. 화소가 적은 30x30보다 100x100 해상도에서 더욱 뚜렷하게 보인다. 화소가 많으면 많을수록 더 세밀하게 이미지를 표현할 수 있는 것이다. 이러한 해상도를 표현하는 단위에는 몇 가지가 있다. 2. Pixel = pxPixel의 약자 px는 화면을 구성하는 최..