내일배움캠프 UXUI 4기/사전 캠프 TIL (15) 썸네일형 리스트형 사전캠프 KPT 회고하기 Keep 나는 사전캠프 기간 동안 팀원들 간의 대화를 주도하고 내가 가지고 있는 얕은 지식이나마 팀원들과 나누려고 노력했다.UX/UI 디자이너에게는 커뮤니케이션과 협업 능력이 요구되는데, 이 부분에서는 크게 걱정하지 않아도 될 것 같다. Problem 오늘 캠프파이어에서 튜터님께서 UX/UI 업무는 완벽하고 느린 것보다 빠르게 처리 후 개선하는 것이 더 중요하다고 하셨다.나는 배너, 상세페이지 등 그래픽과 상업적인 디자인 일을 했었기 때문에 조금 시간이 걸려도 완벽하게 해내는 것이 낫다고 생각했었고 실제로 사전캠프, 피그마 과제를 하면서도 세세한 부분에 너무 신경을 쓰다 시간을 허비한 적이 많았다. 그리고 내 디자인이 스스로 마음에 들지 않으면 아무에게도 보여주지 않고 혼자서 고민할 때도 있다. Try .. 240524 WIL : 사전캠프 마지막 과제 앱 클론 디자인 사전 캠프 마지막 과제로 그제 앱 분석 주제였던 노트폴리오 앱 클론 디자인을 했다.엣지의 디바이스 모드로 캡처한 후 디자인을 했는데, 나는 갤럭시 유저여서 아이폰 14/15 맥스 프로는 전면 카메라가 굉장히 크게 위치하고 있어 상단 AD가 완전히 가려진다는 것을 나중에 인식했다........🫠 나는 개발자 도구를 켜서 아래에 적어둔 것들을 최대한 확인하고 신경 쓰며 작업했다.폰트 : 사이즈, 컬러, 행간, 자간, 웨이트(두께)개체의 크기와 마진, 패딩 등상단의 캐러셀, 화면 중간의 카테고리 등은 프로토타입을 연습할 겸 동작 넣어보기 이번 클론 디자인을 하며 구현하지 못한 것들도 몇 가지 있다.캐러셀의 내비게이터 : 이미지들만 움직이고 내비게이터에 표시되는 동작.... 어떻게 했었더.. 240522 TIL 자주 사용하는 앱 서비스 분석하기 노트폴리오 앱 서비스 분석핵심서비스국내 크리에이터 포트폴리오 소개 서비스 주요 기능발견탭각 디자인 분야별 포트폴리오 소개중간중간 채용정보와 광고 삽입채용탭섹션 채용 공고 홍보 배너적극적으로 채용 중인 회사 소개디자인 포지션 채용 공고 소개 (채용 분야, 경력 여부 필터)성장/커뮤니티탭워크숍&세미나 정보/프로젝트&챌린지(디자인클래스)/커뮤니티/콘텐츠(아티클) 제공홈 페이지에서 각 탭의 주요 정보 표시디자인 의뢰/상담(문의하고 상담받기 버튼)스크롤 시 디자이너 작업물이 표시되고 상단에 전체/콜라보/아트워크&디자인 등 분야별 모아보기 기능 고정 클론 할 서비스1. 메인화면상단최상단 광고배너 스크린너비*42px발견, 채용, 성장/커뮤니티, 에이전시 탭으로 구성캐러셀 - 5개 이.. 240521 TIL UX/UI 아티클 스터디 1. 아티클시각적으로 균형 있는 디자인하는 방법(시각 보정 팁) (brunch.co.kr) 시각적으로 균형있는 디자인하는 방법(시각 보정 팁)목차 1.측정한 크기와 눈에 보이는 크기 2.다양한 도형의 배열(정렬) 3.시각적으로 올바른 모서리 라운딩 4.보너스 + 추천 책 1920년대 시각적 인식에 대한 게슈탈트 이론이 발표되었다. 이 이론은brunch.co.kr 게슈탈트 이론의 몇 가지 포인트를 짚고, 실제로 사용되는 양상에 대해 알아보기. 2. 내용 분석 : 게슈탈트 이론 실제로 사용되는 양상1. 측정한 크기와 눈에 보이는 크기인간의 눈은 두 도형이 같은 너비와 높이를 가져도, 도형이 차지하는 영역의 크기에 따라 크기를 다르게 인식한다. 반드시 픽셀 사이즈와 영역이 동일할 필요.. 240520 TIL UX/UI 아티클 스터디 1. 아티클휴리스틱 평가로 내 ux ui가 좋은지 확인하기 (brunch.co.kr) 휴리스틱 평가로 내 ux ui가 좋은지 확인하기닐슨 노먼 그룹의 10가지 휴리스틱 평가 | ui ux 디자인을 평가하는 기준에는 여러가지 있습니다. 내가 스스로 진단할 수 있는 방법인 휴리스틱 평가에 대해 적어보겠습니다. ux 포트폴리오를 만brunch.co.kr UX 디자인을 평가하는 기준 휴리스틱 평가에 대해 알아보기.'사용자의 인지적 오류를 줄여줄 수 있는 방향으로 디자인되었는가','유용한 정보를 포함하며 사용자가 이용 과정에서 정서적 만족을 느끼는가'를 함께 평가한다.오늘 읽은 아티클에서는 닐슨 노먼 그룹의 10가지 휴리스틱 평가에 대해 다루고 있다.2. 내용 분석 : 닐슨 노먼 그룹의 .. 240517 : WIL 자주 사용하는 웹 페이지 개선 신착자료, 베스트 자료 등의 직관적이지 못한 섹션 이름을 새로 들어온 전자책, 우리 도서관 인기 전자책으로 고쳤다.작은 썸네일들을 크게 만들고 드래그해서 리스트를 움직일 수 있었으면 했다. 도서 표지와 제목, 저자만 표시되었던 기존 리스트에서 책 보유 현황, 대출, 예약 현황 등을 볼 수 있으면 어떨까 싶었다.관심 있는 책을 바로바로 대출, 예약 신청을 하거나 관심도서에 추가할 수 있도록 했다. 우리 도서관 인기 전자책 섹션에선 너무 많이 나열하는 것보다, 대출 순위가 높은 1~4위의 책을 한꺼번에 보여주고, 어떤 장르의 책인지 알 수 있도록 도서 표지 위에 해시태그를 붙였다. 여기서도 대출, 관심도서 등록 등을 할 수 있게 하는 게 더 나았을까? 신간의 경우 .. 240516 TIL 웹 클론 디자인 1. 클론을 진행할 웹 지역 도서관에서 전자책 대여가 가능한 것을 안 이후 책을 읽으려고 자주 들어가는 사이트 중 하나이다.오래된 사이트여서 클론 디자인에는 적합하지 않을 수도 있는데, 내일 웹 서비스 개선 과제까지 함께 해보려고 선정했다. 파주시 도서관 lib2.paju.go.kr 2. 내가 선정한 웹 뜯어보기a. 분야지역 공공 도서관 웹 b. 핵심 서비스전자책 대여 서비스 c. 주요 기능 · 전자책 대여 - 도서 대여, 예약, 찜 기능 - 책 상세 정보 제공 - 메인 페이지에 신착 자료, 해당 도서관 베스트 자료 분류 및 표시 - 내 서재 기능으로 대출 현황 표시 : 대출 중인, 예약 중인, 대출했던, 찜한 콘텐츠 / 등록한 리뷰 보기 d. 클론할 페이지 선정 · 메인 페.. 240514 TIL UXUI 아티클 스터디 1. 아티클 게임 속 팝업의 버튼 UX 디자인 - 좋은 사례 VS 나쁜 사례게임 속에는 다양하고 많은 팝업이 존재하는데요, 팝업이 전달하는 내용과 예측되는 사용자의 행동에 따라 팝업의 구조 또한 각각의 상황에 알맞게 다르게 디자인되어야 합니다. , , , 의 업데이prettygoodsun.tistory.com 2. 내용 분석 : 게임 속 팝업의 좋은 사례와 나쁜 사례 1. 와 ❌ 나쁜 사례두 게임의 경우 '확인', '예' 버튼을 누르면 업데이트가 가능한 마켓으로 이동한다.는 취소 버튼을 누르면 게임이 종료되므로 앱을 이탈하게 만든다.는 '아니오' 버튼을 누를 경우 팝업이 꺼졌다가 다시 뜨므로 사실상 기능이 없는 버튼이다.💡두 게임 모두 업데이트를 유도하는 버튼만 남기고,.. 240510 WIL 비슷한 직무 JD 분석UX/UI 디자이너와 비슷한 직무의 JD 분석을 통해 직무 별 차이점을 이해하며 어떤 역량을 키워야 하는지 알아보기 웹 디자이너 1. 컴포트랩 담당 업무 · 인스타그램 광고 소재 디자인 · 카카오 채널 메시지 디자인 · 디스플레이 배너 소재 디자인 · 광고 채널 내 콘텐츠 이미지 디자인 자격 요건 · 인스타그램 광고 소재 디자인 경험 · 포토샵, 일러스트레이터 등 관련 툴 능숙자 · SNS에 대한 이해도가 높은 분 우대 사항 · 디자인 관련 전공자 우대 · 기획, 마케팅 등 여러 직군과 협업 경험자 · 광고대행사 경력 우대 2. 앨빈클로 담당 업무 · 상세페이지 제작 · 모델 피팅 이미지 보정 · 웹사이트 배너 및 이벤트 페이지 .. 240509 TIL UXUI 아티클 스터디 1. 아티클 디자이너의 UX참고서, 듀오링고 전격 해부하기 | 고구마팜듀오링고로 언어 공부도 하고 디자인 공부도 한다던데...?gogumafarm.kr 2. 내용 분석 : UX/UI 관점에서 본 듀오링고 1. 장벽 낮추기 : 알록달록, 동글동글한 귀여운 UI와 게임을 연상시키는 UI 게이미피케이션알록달록 귀여운 느낌을 주는 색을 사용하고 각진 부분은 둥글게, 자잘한 요소는 생략해 새로운 언어를 배우는 사용자의 긴장감 완화캔디 크러쉬를 연상시키는 UI로 학습을 게임처럼 느껴지도록 게이미피케이션 메커니즘 사용 2. 사용자 이탈 방지 : 지루함을 탈피하는 UX/UI로 언어를 배우는 시간을 즐겁게사용자가 가장 많이 이탈하는 시점 중 하나는 로딩이지만 기술적으로 로딩 속도를 해결하기에는 .. 이전 1 2 다음
