일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 프로그래머스
- Til
- 운영체제
- 코드스테이츠
- javascript
- React
- 회고
- 큐
- 자료구조
- mysemester
- level1
- UX
- 스택
- 프로토타입
- 자바스크립트
- 생활코딩
- useState
- CSS
- 해시테이블
- redux
- superstarjypnation
- web
- Next.js
- vercel
- 카카오
- UI
- html
- 30daysdowoonchallenge
- REST_API
- 백준
- Today
- Total
목록UI (3)
데굴데굴

UI 분석: 어떤 디자인 컴포넌트가 사용되었는가? 무신사의 모바일 웹페이지는 흔히 쓰이는 UI 디자인 패턴이 대부분 적용되어 있었다. 1. 모달 모달 바깥을 클릭하면 자동으로 닫힌다. 2. 캐러셀 오른쪽 아래 컨트롤러는 작동하지 않는다. 모바일 특성 상 작은 영역을 클릭하는 것이 어렵기 때문에 가로 스크롤로 이동되는 것이 마땅해 보인다. 3. 탭 탭은 여기 말고도 정말 곳곳에 있었다. 4. 무한스크롤 스냅 탭에 무한스크롤이 적용되어 있다. 5. 자동완성 검색어 자동완성 기능을 제공한다. 6. 태그 스냅의 게시물을 보면 사용자가 자유자재로 태그를 작성한 것을 볼 수 있다. 그리고 그 태그를 기반으로 이렇게 분류하여 보여준다. 7. 페이지네이션 상품 탐색 페이지, 리뷰 페이지 아래에 페이지네이션이 있다. 8..

⚙️ 오늘 배운 주제 UI/UX 🐹 오늘의 기분 재귀에게 씨게 혼나고 UI/UX 유닛으로 넘어왔다. 애초에 프론트엔드에 관심을 갖기 시작한게 이 부분 때문이라 오늘은 재미있게 공부했다. 오늘 내용은 대부분 개념이라 학습하는데 큰 어려움은 없었다. 하지만 개념이 약간 난해하게 다가오기도 했어서 막상 내일 피그마로 실습해보면 쉽지 않을 것 같다는 생각이 든다. 오늘 배운 내용을 내일 실습에 잘 적용할 수 있을지가 관건..! 🗝 키워드 UI, UX, UI 디자인 패턴, 그리드 시스템, UX 7요소, User Flow, UX 사용성 평가 🗣 스스로에게 설명 UI, UX에 대한 전반적인 내용은 블로깅 과제가 있어서 그걸로 대체한다. UI/UX UI User Interface 사람들이 컴퓨터와 상호 작용하는 시스템..

UI User Interface 사람들이 컴퓨터와 상호 작용하는 시스템 그래픽 요소 뿐만 아니라 물리적 요소도 UI라고 볼 수 있음. 컴퓨터와 상호 작용하기 위한 시스템이기 때문. 점점 그래픽 요소가 차지하는 영역이 많아지면서 현대에서는 GUI가 굉장히 중요한 역할을 하게 되었음. UX User Experience 사용자가 어떤 시스템, 제품, 서비스를 직간접적으로 이용하면서 느끼고 생각하는 총체적 경험 가능하면 좋은 UX를 가져갈 수 있는 UI를 제공하기 위해 노력해야 함. UX는 UI를 포함하는 개념이다. 좋은 UX가 좋은 UI를 의미하지 않으며, 좋은 UI 또한 좋은 UX를 보장하지 않음. UI 디자인 패턴 자주 반복되어 나타나는 문제점을 해결하고자 과거의 다른 사람이 해결한 결과물을 재사용하기 좋..