스터디/UI UX 디자인
-
주니어 UIUX 디자이너의 역량 훈련스터디/UI UX 디자인 2019. 8. 4. 22:01
UI UX디자이너의 목적 : 디지털 프로덕트 (Web, App, etc)를 만드는 것 Break Down 1. 가장 큰 업무 카테고리 구분 1) 제안 2) 구축 3) 운영 2. 각 카테고리 별 프로세스 체크 1) 제안에서 사용하는 프로세스 2) 구축에서 사용하는 프로세스 3) 운영에서 쓰이는 프로세스 3. 나의 포지션 정의 내 업무 Q. 내가 해야 할 일은 무엇인가? = 어떤 문제를 해결 해야 하는가? Q. 내가 왜 이 일을 해야 하는가? - 내가 이 일을 하면 어떤 문제가 해결되지? - 어떻게 해결 할까? 협업 Q. 고객 입장에서 왜 이 일을 맡겼을까? 그들이 원하는게 뭘까? Q. 내가 어떤 사람들과 협업하고 있는가? - 개발, 마케팅 etc Q. 협업 중에 필요한 일은 무엇인가? - 팀 간 이해관계 ..
-
오픈패스_10일 차_GUI스터디/UI UX 디자인 2019. 7. 18. 11:30
수업 시작 전 숙제 공지 1. 지난 시간에 App bar를 그렸다. 1-1. 트립스토어 App bar를 어떻게 변하는지 잘 보면 아래 세개의 상태를 가지고 있다 1-2. 투명 상태 1-3. 다크 테마 1-4. 라이트 테마 그래서 디자인 시스템을 만들고 있는 파일에 1-2 ~ 1-4 테마의 App Bar를 만들기 가 수정 2. Bottom_Navigation 아이디에어 맞게 5개 column이면 그에 맞게 설계 1. Floating Action Button 해당 화면에 core function을 가진다.는 원칙이 있다 (ex. 게시글 올리기, 사진 업로드 등 화면에 맞는 core function일 때만 사용) 종류는 2가지 1. Big Size 2. Mini Floating Action Button에 업데..
-
UI 디자인 연구소 단톡방 질의응답 - 디자인 흐름 편스터디/UI UX 디자인 2019. 7. 4. 16:39
배경 1. 야랑님께서 요즘 앱들 디자인이 큰 타이틀 + 이미지, 이미지 아래에 짧은 문구 가 반복되고 있다 2. 와디즈 리뉴얼도 그렇고, 더팀스, 애플스토어도 이와 같은 추세가 보이고 있다. 3. 또한 border - radious가 높은 이미지도 특징 야랑님의 니즈 (앱을 구축할 계획) 1. 깔끔한 디자인과 명확한 정보 전달 2. 저렴하지 않은 디자인과 레이아웃 추측 (시간 순서대로) 1. 다크모드 적용 추세가 증가하면서, 색상대비로는 모바일 시인성/가독성을 충족하지 못할 것 같아 텍스트 크기로 보완하기 위함 일 것이다 - STN (본인) 2. 해당 페이지를 함축할 수 있는 단어 / 타이틀을 가장 선두에 보여준다는 개념 - 사용자개나줘버려 님 3. 한 손, 특히 엄지로 콘텐츠 소비를 많이 하는데 작은 ..
-
[19.07.02] 오픈패스_7일 차_GUI스터디/UI UX 디자인 2019. 7. 2. 19:05
Design Foundation_Typography Type (서체) > Typeface(서체 + 무드) > Typography (서체 + 무드 + 그래픽) 타이포그래피의 목적 1. 정보 전달 2. 느낌과 경험 전달 reference *글자풍경 *에릭 슈피커만 - 타이포그래피 에세이 (서체 공부의 정석) 듀오톤 강의 자료 폰트 - Mark Pro 왜 이 폰트를 사용했을까? 1. 반듯하고 클린한 느낌 2. 서체의 외형으로 인해 내용 전달에 오류가 생기지 않도록 모던한 헬베티카 류 3. 뒤에 앉은 사람도 볼 수 있도록 Bold, 자간을 넓게 4. 한 줄 타이틀의 최대 길이 고려 우리도 이런 지점을 고려하고 서체를 선택하는가? 라는 화두를 던진다. 1-d 2-b 3-c (3-f) Snell Roundhand ..
-
[19.06.28] 오픈패스_6일차_GUI스터디/UI UX 디자인 2019. 6. 29. 16:58
Ice Breaking 무드보드를 참고할 만한 Site Case Study : Airbnb 에어비앤비의 핵심 키워드 : Live (여행은 살아보는 거야) Don't go there, Live there 유적지 이미지를 사용하는게 아니라, 사람 / 무보정 / 움직이는 촬영 화면 등 자연스러움을 부각. 리얼함 / 살아 있는 느낌을 전달하기 위함 People + Place + Love + Airbnb Blong / connect / share / anywhere / Moving Brand create.airbnb.com 에서 확인해볼 것 컬러 : 외부인이 자기 집처럼 느끼도록 코랄류 컬러를 선택 여행하면서 가장 기억에 남았던 시간이 '개와 늑대의 시간', 해가 지면서 보이는 코랄빛의 컬러가 가장 인상이 깊었다..
-
[19.06.27] 오픈패스_무드보드 만들기스터디/UI UX 디자인 2019. 6. 27. 18:04
다영 님께 배웠던 무드 보드 제작의 출발점은 서비스 컨셉 키워드부터였다. 서비스 컨셉 키워드란 앞서 제작한 퍼소나 / 스토리보드를 통해 각 터치포인트에서 사용자가 어떤 경험을 하길 원하는가 에 대한 답변이다. 예를 들어 검색 기능에서 사용자가 '신뢰가 가는' 경험을 하길 원한다면, 또한 팀원들이 그 키워드에 합의를 했다면 서비스 컨셉 키워드 중 하나로 인식한다. 키워드를 7개 정도 뽑아내고, 그다음 서비스 컨셉 키워드를 비주얼 컨셉 키워드로 바꾸는 작업을 한다. 무드보드를 만들기 위해서는 시각적으로 표현 가능한 키워드가 필요하다. 팀원들과 마인드맵으로 키워드 작업을 하고 내가 맡은 해당 비주얼 키워드로 검색을 하고 있지만, 잘 나오지 않았다. 그 문제를 해결하기 위해 검색을 하다가 '도승현 님의 브런치'..
-
[19.06.25] 오픈 패스_5일차_GUI스터디/UI UX 디자인 2019. 6. 26. 21:40
그동안의 피드백 팀 포맷으로 class로 일하는 방식과 UX framework은 시각 디자인 위주로 일해왔던 분들에게는 불편한 경험이었을 것이다. 하지만 'class에서 겪는 게 이익인지?' '회사에서 겪는게 이익인지?'를 비교하면 왜 그렇게 배우고 일했는지에 대한 답을 얻을 수 있다. class에서 겪는 불편한 경험은 '배움과 성장'이지만, 회사에서 경험은 퇴사로 이어질 수 있다. Listen and Speak 시각 중심으로 일해왔던 사람들은 '듣기'에 대해 미숙하다. 훈련이 되어 있지 않다. 그 훈련이 되어 있지 않으면 자신의 의견이 반박당했을 시, 그 경험을 '불편하다'라고 느낀다. 불편함에 익숙해지고 지금 껏 해왔던 방식의 관성에서 벗어나는 훈련이 필요하다. Perspective 내가 중요하다고 ..
-
[19.06.14] 오픈 패스_2일 차_UX스터디/UI UX 디자인 2019. 6. 18. 22:54
검정색 - 수업 내용, 파란색 - 나의 의견 유저 리서치를 하는 이유 1. 사람이 제품, 상황을 이해하는 방식을 알게 된다 2. 행동과 결정이 어떤 맥락에서 바뀌는지 이해 가능하다. 3. 잠재적 욕구, 필요성, 경험을 배움으로써 의미있는 서비스를 만들 수 있다. 4. 사용자층을 확장하거나 현재 제품을 개선할 기회를 모색한다. 유저 리서치 종류 1. 서베이 2. 다이어리 스터디 3. 포커스 그룹 토의 4. 쉐도잉 5. 인터뷰 6. 사용성 테스트 등등 인터뷰 프로세스 목적 정의 인터뷰를 통해 알고 싶은 것이 무엇인가? 인터뷰를 하기 전에 팀에서 가지고 있는 '기대'와 '가설'을 공유한다 인터뷰 종료 후 리서치 내용 정리 시 기대의 간극, 가설의 검증을 할 수 있다 조사 초점 수립 조사 방법 결정 직접 관찰 ..