HOME36 [CH 2. UXUI 디자인 입문 주차 | TIL ] 본캠프 19 [ TIL ] 1. 학습 키워드시나리오에 따른 화면 디자인2. 학습 내용3. 학습 경험결과물은 나름 적당히 나온 것 같은데 과정이 진짜 얼레벌레~라는 말로밖에 설명이 되지 않아서 아쉽다. UI 키트 정리는 도대체 어떻게 해야 하는 걸까...? 선택 과제 하나를 못한 것도 살짝 미련이 남는다.사실 캠프에 합류하기 전 사이드 프로젝트에 도전(...)을 많이 했었는데, 그때의 작업물을 보고 부끄럼을 느낄 만큼 발전했다. 아무리 2-3년 전이라 해도 몇 주를 붙잡고 하던 디자인이 지금 사흘만에 뽑을 퀄리티도 나오지 않았다는 것은 그 당시 열심히 하지 않았던 게 되는 걸까? 확실히 비교가 되는 실력에 뿌듯하기도 하지만, 매사 최선을 다하는 사람이 되길 되려 반성하게 된다💦4. 다음 학습할 것강의 듣기 2025. 2. 18. [CH 2. UXUI 디자인 입문 주차 | TIL ] 본캠프 18 [ TIL ] 1. 학습 키워드아이콘컴포넌트2. 학습 내용3. 학습 경험아 진짜 어떡하지!?!!? ㅠㅠ 너무 어렵다... 그냥 큰일남 우아아ㅜㅜ 😣금요일에 TIL 작성도 잊어버리고 집중이 너무 안돼서 일요일에 8시간 정도 보충 학습했는데, 오랜만에 시간 가는 줄 모르고 작업했던 것 같다. 팀원 분이 과제에 도움 되는 유튜브 영상을 공유해 주셨는데, 추가적으로 섹션 나누는 부분 관련 유튜브 영상을 찾아보며 이번 주말에도 공부할 예정이다.4. 다음 학습할 것개인 과제앱 UI 키트 및 프로토타입 제작하기 2025. 2. 17. [CH 2. UXUI 디자인 입문 주차 | TIL ] 본캠프 17 [ TIL ] 1. 학습 키워드UI 디자인 심화오버레이모달2. 학습 내용 버튼 컴포넌트 버튼을 상하나 좌우로 2개 이상을 같이 사용하는 경우 → 스택(Stack;쌓다)단일 요소로 사용하는 경우도 있지만, 대부분의 경우 → 화면의 하단에 고정된 독(Dock) 형태조사 대상 화면 준비화면을 비교하며 분석한 내용 정리포지션스태틱 Static요소에 아무런 속성값을 주지 않은 기본값픽스드 Fixed요소를 해당 위치에 고정 (※스크롤, 다른 요소에 구애받지 않음)앱솔루트 Absolute요소를 감싼 상위 컨테이너를 기준으로 고정 (※상위 컨테이너가 반드시 오토레이아웃)스티키 Sticky픽스드와 스태틱을 전환하며 적용되는 속성 스크롤 안에서는 스태틱이다가, 스크롤을 넘어가면 화면 상단에 고정 모달 화면 위에 새로운.. 2025. 2. 13. [CH 2. UXUI 디자인 입문 주차 | TIL ] 본캠프 16 [ TIL ] 1. 학습 키워드역설계2. 학습 내용역설계 과정디자인할 서비스의 카테고리를 생각하고, 가장 대표적인 서비스 5~10개 탐색역설계로 어떤 걸 확인하고 조사할 지 정하기조사 대상 화면 준비화면을 비교하며 분석한 내용 정리레퍼런스 서비스ui bowl https://uibowl.io/GDWEB (국내 웹 위주) https://www.gdweb.co.kr/main/Mobbin (해외 서비스 위주) https://mobbin.com/wwit (국내 서비스 위주) https://wwit.design/Lifeplus https://wwit.design/ 3. 학습 경험어제 늦게 잤더니, 결국 피곤해서 졸아버렸다 🙀 아직 수요일밖에 되지 않았는데 이렇게까지 피곤할 줄 몰랐다... 평일 내내 앉아 있어서 .. 2025. 2. 12. [CH 2. UXUI 디자인 입문 주차 | TIL ] 본캠프 15 [ TIL ] 1. 학습 키워드역설계디자인 클로닝2. 학습 내용 역설계 · 역기획 Reverse Engineering원래 제품이나 프로그래밍에서 제품을 놓고 도면이나 설계도를 역으로 설계해내는 방식클론 디자인다른 서비스의 디자인을 따라하면서 규칙과 스타일가이드를 분석하는 훈련 어떤 규칙으로 UI가 만들어졌는지 찾아내는 과정 일반적으로 역설계 과정에서 UI 분석도 같이 하기 때문에 클론 디자인도 같이 진행하는 편 클로닝의 목적 서비스의 UI 규칙을 파악해내는 것 규칙성이 있다면 스타일가이드 문서로 정리3. 학습 경험클론 디자인 전, 역설계 단계에 대해 배우게 되어 보다 체계적으로 클론 디자인을 진행할 수 있게 되었다.역설계를 하는 속도가 생각했던 시간보다 초과되어 목표로 했던 분량까지 도달하지 못해 아.. 2025. 2. 11. [CH 2. UXUI 디자인 입문 주차 | TIL ] 본캠프 14 [ TIL ] 1. 학습 키워드UI 차이점 (OS별 / 웹&앱)와이어프레임 그리기2. 학습 내용 레퍼런스 분석웹과 앱의 특성 비교 WEBAPP운영체제 제한없음안드로이드와 iOS앱 별도로 준비접근성웹브라우저에 주소만 입력하면 가능앱마켓에서 설치해야 함업데이트 난이도업데이트하기 쉬움앱마켓 심사를 통과해야 가능인터랙션 및 UI웹브라우저와 충돌하지 않는 선에서 가능다양하게 사용할 수 있음성능다양한 기기에서 제약 없이 쓸 수 있지만 그만큼 카메라, GPS, 사진 보관함 등 성능 면에서 떨어짐기기에 특화된 기능을 사용할 수 있지만 다양한 디바이스를 지원하게 만드는 것이 어려움개인화푸시나 알림을 제공하기 어려움푸시 메시지를 보낼 수 있음와이어프레임최대한 단순하게불필요한 부분은 과감하게 글자나 단순한 도형으로텍스트의.. 2025. 2. 10. 이전 1 2 3 4 5 6 다음
