UX 35

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

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

슬랙 이모지 만들기

슬랙으로 소통하다 보면, 가끔은 이모지로만 소통하는 것이 효율적일 때가 있다.괜히 "알겠습니다" "확인했습니다"와 같은 스레드로 남기면 데이터만 많아지고상대방도 괜한 알림 한 번 더 확인하게 되고..  제로베이스 스쿨 역시 슬랙으로 소통중이라가장 많이 쓰일 것 같은 '감사합니다!' '알겠습니다' '응원합니다' 3개의 이모지를 만들어보았다.   1. 이모지 만드는 사이트 - 일반 이모지https://emoji-gen.ninja/ko/ 이모티콘 생성기 - 슬랙(Slack)용 이모티콘 무료로 간단 생성하기이모티콘 생성기를 이용해서 다양한 이모티콘을 생성해보세요! 원하는 문자와 색깔을 지정하는 것만으로 슬랙 등의 메신저에서 이용할 수 있는 이모티콘을 간단히 생성할 수 있습니다! 이모티emoji-gen.ninja..

디자인 기록 2024.10.03

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

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

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

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

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

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

[4주차-3] 디자인 시스템의 역사 및 필요성

내용 요약협업하는 모두가 같은 목적과 방향을 가지고 일관성을 유지하도록 돕는 디자인 시스템 구축은서비스의 품질 관리를 강화시키고 브랜드의 인지도를 향상시키며실수를 방지하고 비용과 시간을 절약하는 데 도움을 준다.  디자인 시스템의 역사최근의 디지털 환경은 빠른 변화 속도로 인해서 제품이나 서비스의 혁신이연간 단위가 아니라 분기 단위로 이루어지는 경우가 많아졌다.제품이나 서비스 일관성 유지에 있어서 공유 기록이 없는 경우 시각적·경험적 불일치가 발생할 확률이 높아지고그로 인해서 사용자는 제품이나 서비스를 이용함에 있어 실망감을 가지거나 혼란을 느끼게 될 가능성이 많아진다. 디자인 시스템을 구축을 한다는 것은 일관성 있는 디자인과 경험을 사용자에게 전달하기 위한 일이다.2014년 구글은 안드로이드의 다양한 ..

[4주차-2] UIUX 디자인 툴 Adobe XD 이미지의 활용

컬러컬러 패널을 열어서 색상 견본을 저장할 수 있다.드래그&드롭해서 제거할 수 있다.  투명도 조절은 두 방법이 있다.채우기&테두리에서 조절하면 채우기 영역과 테두리 영역 겹친곳까지 모두 조절이 된다. (첫 번쩨 사각형)불투명도에서 조절하면 겹친 영역을 제외하고 각 영역만 조절된다. (두 번째 사각형)  혼합모드이미지에서 애플 로고만 사용하고 싶을 때 혼합모드를 잘 활용하면 누끼딴 것처럼 사용할 수 있다!  3D 변형3D 변형은 최근 생긴 기능이라고 한다.오브젝트를 클릭하고 정육면체 아이콘을 클릭하면 3D 변형이 활성화되어오브젝트 가운데에 동그란 무언가가 생기게 된다. 저걸 조절하면 이런 식으로 3D화 시킬 수 있다.우측 패널에서 숫자로 조절할 수 있다.3D화 했던 걸 원상복구 하고 싶으면 숫자를 모두 ..

[4주차-1] UIUX 디자인 툴 Adobe XD 도형과 텍스트

펜 툴  펜툴로 도형 그리고 anchor point 더블클릭하면 곡선으로 변한다.  텍스트텍스트 박스: 텍스트/단축키 [T] 선택 후 클릭하면 텍스트 박스 생성바운딩 박스의 높이&넓이 조절 직접 안 되고, 폰트 크기로 조절해야 한다. 텍스트 필드: 텍스트/단축키 [T] 선택 후 드래그하면 텍스트 필드 생성바운딩 박스의 크기 조절 직접할 수 있다. 요즘은 텍스트 박스는 사용 거의 하지 않는다고 한다.  플러그인①아트보드 하단 버튼 클릭 후 ②플러그인 탐색을 클릭하면 플러그인 창이 열린다. Content Generator, Lorem Ipsum 검색 후 다운로드 Content Generator 플러그인 실행 시 뜨는 창 이름, 날짜, 기타 텍스트를 무작위로 생성할 수 있다. Lorem Ipusm 플러그인 실..

레퍼런스 분석 4주차 [스카이스캐너]

0. About 스카이스캐너 스카이스캐너(Skyscanner)는 항공권, 호텔, 렌터카 등을 검색하고 비교할 수 있는 글로벌 여행 검색 플랫폼이다.실시간으로 항공권 정보를 제공하여 전 세계의 다양한 항공권을 한눈에 비교할 수 있다.직접 예약을 진행하는 것이 아니라 최저가를 제공하는 사이트로 연결해 주는 중개 역할을 한다.   1. 화면 구성 분석 첫 인상은 "정말 깔끔하다"였던 것 같다.우선 Header가 없고 Footer도 3개의 탭으로 이루어져 있으며,화면의 구성 또한 각 모듈이 큼직하게 배치되어 있고 콘텐츠도 많지 않기 때문이다. 앱을 실행하자마자 상단에 [항공권][호텔][렌터카] 버튼을 보여줘서"항공권 비교 및 호텔 렌터카 검색"이라는 사용자의 목적이 단번에 수행될 수 있도록 해주고 있다.그 밑으..

[3주차-6] 클론 디자인-커머스 결제화면

1. 커머스 결제 화면 수집처음 사용하거나 사용 빈도수가 낮은 커머스인 무신사, 29CM, 굿웨어몰, 오늘의집, G마켓을 골랐다. 2. 공통 부분 그룹핑 3. 클론 디자인· 안드로이드 최소 사이즈인 360x640을 기준으로 디자인, 폰트는 Pretendard 사용오늘의집을 고른 이유최종 결제 금액을 가장 아래에 배치해서 결제 정보를 다 확인하고 결제할 수 있도록 한 것이 마음에 들었다. 그리고 특히 무신사와 G마켓은 디폴트로 무신사페이와 스마일페이로 되어있는데 이게 뭐지? 하고 3초 가량 생각하게 되는 부분이 있다. 29CM과 굿웨어몰은 카카오페이와 퀵계좌이체가 디폴트로 되어있는데 개인적으로 신용·체크카드로 결제하는 것을 선호해서 오늘의집을 선택하게 되었다.