본문 바로가기

UXUI/TIL (Today I Learned)

(52)
[TIL] 24/06/05 [강의학습일지] UXUI 디자인 입문 5주차 숙제 - 디자인 원칙의 실제 사례 찾아보기1. 게슈탈트 심리학에서 3가지를 골라 실제 사례를 찾아보세요.1. 유사성의 원리 - 메가박스 앱버튼이 같은 크기, 모양, 색상으로 나열되어 있어 유사한 속성을 가진다.예매 화면: 추천 영화(민트byroe.tistory.com  오전에는 어제 못했던 UXUI 디자인 입문 5주차 숙제를 했다. 내가 사용하는 앱에서 찾는 것도 좋지만, 다양한 앱에서 사례를 찾고 분석하고 싶어 UXUI 패턴 레퍼런스 사이트인 유아이볼을 참고했다.  유아이볼 | 매일 하루에 한개씩 업데이트 되는 패턴과 친해져요!국내 UI/UX 패턴을 담은 공간, 유아이볼uibowl.io 오후에는 UXUI 디자인 입문 6주차 강의를 수강했다. 5주차에서 배웠던..
[TIL] 24/06/04 메뉴 화면으로 이동(Navigate to)- 메뉴 화면이 흐린 상태에서 진해지며 노출 (Dissolve)  2. 메뉴 화면의 Button/Close 버튼을 클릭하면 장바구니 화면으로 이동 (N" data-og-host="byroe.tistory.com" data-og-source-url="https://byroe.tistory.com/entry/%EA%B0%95%EC%9D%98%ED%95%99%EC%8A%B5%EC%9D%BC%EC%A7%80-UXUI-%EB%94%94%EC%9E%90%EC%9D%B8-%EC%9E%85%EB%AC%B8-4%EC%A3%BC%EC%B0%A8-%EC%88%99%EC%A0%9C-%ED%94%BC%EA%B7%B8%EB%A7%88-%ED%94%84%EB%A1%9C%ED%86%A0%ED..
[TIL] 24/06/03 본캠프 시작한 지 일주일째. 이번주는 강의를 들으면서 개인과제를 하는 주간이다. 새로운 팀을 만나 인사를 하고 각자 과제를 했다. [강의학습일지] UXUI 디자인 입문 3주차 강의제품팀 최소 인력제품관리자 1명PM (Project Manager) 제품의 전략을 세우고 우선순위를 결정해 실행함PO (Project Owner) 전체 프로젝트를 관리함디자이너 1명엔지니어 2명조직목적조직=제품팀=스쿼드(Squbyroe.tistory.com [강의학습일지] UXUI 디자인 입문 3주차 숙제 - 테스트케이스 작성 + 디자인 QA로 발견한 이슈 공유1. 테스트케이스 작성하기 (뱅크샐러드) 화면조건테스트케이스입력값기댓값테스트환경휴대폰 본인인증 정상모든 텍스트 필드에 정상 값 입력name:'홍길동'입력완료 후 다음단계 ..
[WIL] 24/05/31 본캠프 개강 1주 차가 마무리되었다.일주일 동안 피그마 강의, UXUI 디자인 입문 강의, 피그마로 클론디자인 만들기를 동시에 진행했다.2주 차 강의부터 내용이 어려워져서 한 번에 이해가 되질 않아서 답답했는데 클론디자인을 만들면서 적용하다 보니 이제 감이 오는 것 같다. 당근 클론디자인메인페이지 Default, Hovering, Scrolling-Default/Hovering, Popup내 물건 팔기(프레임 이름을 뭐라고 적어야 할지 몰라서 임의로 Sell이라고 적었다.)내 물건 팔기 화면까지 완성하고 싶었는데 제출 시간이 가까워져서 한만큼만 정리해서 제출했다.완성은 못했지만 제법 앱처럼 보여 뿌듯하다. 내 손으로 앱을 만들어보다니 너무 신기하다!페이지 수에 비해서 컴포넌트를 많이 만들었는데, 하나하나..
[TIL] 24/05/30 어제에 이어서 당근 클론디자인을 했다.오전에는 오토레이아웃 리사이징과 인스턴스, 배리언츠와 프로퍼티 수업을 한번 더 들어보면서 어떤 부분에서 막혔는지 살펴보았다.Fixed고정값공통Hug자식 콘텐츠에 맞춰서 조정부모 컨테이너만 쓸 수 있음Fill부모 컨테이너 에 맞춰서 조정자식 콘텐츠 만 쓸 수 있음  상단, 하단 메뉴바를 만들고 나서 아이콘을 적용해야 하는데, 아이콘을 직접 그리기엔 시간이 너무 오래 걸릴 것 같았다.그래서 임의로 네모박스를 만들어 Large/Medium/Small 사이즈로 적용시켰다. 메인 페이지를 만든 후에 Material Icon 플러그인에서 아이콘을 다운로드하여서 정리했다.네모박스로 사이즈를 구분해둬서 아이콘 적용과정은 빨리 끝났다.사이즈만 만들어두고 바로 아이콘을 적용하는 게 더..
[TIL] 24/05/29 오전에 피그마 활용법 (1) 4주 차 강의를 수강했다.컴포넌트와 인스턴스, 배리언츠와 프로퍼티의 차이에 대해 배웠다.버튼이 디폴트 상태일 때, 누르고 있을 때, 눌렀을 때, 사용할 수 없을 때 각각 색이 다르면 앱을 잘 사용하고 있다고 느껴졌는데 디자인할 때부터 사용성을 고려해 만든 것임을 알게 되었다.  상태 배리언츠 (State)Default(Enable): 기본Hovering: 마우스를 올려놓은 상태Pressed: 눌린 상태Disabled: 비활성 상태  오후에는 숙제 제출을 하고 클론디자인 제작 계획을 세웠다.첫날에 인터파크 트리플 앱을 클론 하려고 계획을 세웠는데, 4강까지 수업을 듣고 보니 좀 더 직관적이고 개념을 이해하기 쉬운 앱으로 공부하는 것이 낫다고 생각했다. 1. 당근 앱에서 어떤 부..
[TIL] 24/05/28 개강 2일 차! 어제 Figma 강의 1주 차를 듣고 클론디자인 선정을 했었는데, 컴포넌트에 대한 이해도가 부족해 강의를 먼저 수강하게 되었다. 강의 1주 차는 기존에 아는 내용이고, 비교적 쉬웠는데 2주 차에 오토레이아웃부터 조금 어려워졌다.숙제도 나에게는 난이도가 높은 편이라 힌트와 정답을 비교해 가며 완료했다.오토레이아웃에 대해서 알고 있다고 생각했는데 개념에 대해서 제대로 몰랐던 것 같다. 모르는 부분에 대해 좀 더 공부할 수 있는 시간이 있어 다행이다.팀원들과 비교해 봤을 때 진도가 조금 느린 것 같지만.. 개념부터 잘 잡아놔야 응용도 할 수 있으니 너무 조급해하지 말아야겠다.  Viewport Size for Devices | Screen Sizes, Phone Dimensions and De..
[TIL] 24/05/27 오늘은 내일배움캠프 본캠프 개강 첫날!팀/개인과제 팀을 나눠서 미니 프로젝트를 진행한다고 한다.나는 팀과제를 하는 쪽으로 편성이 되었다가, 컴포넌트에 대한 이해가 부족하다고 느껴 개인과제를 하는 팀으로 옮겼다.  [강의학습일지] Figma 활용법(1) 1주차 강의UXUI 디자이너에게 가장 중요한 것1. 사용자의 문제를 해결해주려고 하는 끈기와 집요함2. 논리적으로 생각할 수 있는 것2-1. 상대방에게 설명, 설득할 수 있어야 함2-2. 상대방이 나와 다른 이야기byroe.tistory.com  Figma 활용법(1) 1주 차 강의에서 얻은 것- 커뮤니티에서 다운받을 때 저작권이나 가격을 신경 써야 한다는 점을 유의해야겠다.- 과제를 할 때 힌트를 잘 살펴보고 한번 더 생각해서 과제를 수행해야겠다. 피그마..
[WIL] 24/05/24 지난 일주일간 배웠던 것, 그리고 느낀 점에 대해 회고하는 시간이라 그동안 썼던 아티클 스터디와 직무분석을 쭉 보았다.아티클 스터디를 하면서 배운 이론에 대해서 적을까 하다가, 일주일 동안 사전캠프를 진행하면서 와닿았던 것을 적어보려고 한다.  1. 발표 사전과제를 진행하면서 오랜만에 팀플과 발표를 하게 되었다.팀원들 모두 같은것을 분석하고 발표하는 거라 내용이 비슷할 거라고 예상했었는데, 같은 것을 보아도 각자 느낀 점이나 배운 점은 달랐다.  스터디나 발표를 할 때 스스로 같은 단어를 반복한다는 느낌을 받았는데, 다른 분들의 발표를 들으면서 미처 생각하지 못했던 표현이 나와 이렇게도 얘기할 수 있구나라는 걸 알게 되었다.글쓰기, 발표가 어휘력, 문장력에 대한 공부도 된다는 것을 깨달았다.  아티클을 ..
[TIL] 24/05/24 오늘은 팀과제로, UX/UI 디자이너 JD 분석을 했다.JD란 Job Description이라고 한다. 즉 직무 분석이다. 각자 JD 분석을 한 뒤, 5시에 모여 각자 발표하는 시간을 가졌다.JD 분석에 앞서 내가 꿈꾸는 업무 환경에 대해 먼저 생각해 보게 되었다.다니던 회사와 비교를 기반으로 추가적으로 어떤 근무환경이나 복지가 있었으면 좋을지 고민했다.최소한의 기준을 잡고 부합하는 채용공고에 대해 찾아보았는데, UX/UI 디자이너가 근무하는 환경은 전 직무보다 근무환경이나 혜택, 복지가 좋아서 놀랐다. JD 분석을 하면서 내가 어떤 분야에 관심이 있는지 생각해 보았다.하나를 고르기보다 다양한 분야의 직무분석을 해보았다.  [내일배움캠프] UX/UI 디자이너 JD 분석UX/UI 디자인 직무 채용공고 분석..

반응형