UI/UX 공부기록

10/15 일일 목표📝5주 차 강의 듣기컴포넌트 만들기   📖 오늘 배운 내용! 안드로이드는 360X800, 아이폰은 375X812 가 1배수 사이즈! 히어로 섹션이란?메인 화면의 가장 중요한 상단부분, 중요한 메세지를 전달하는 영역.(주로 배너가 많이 사용됨)  앱 바란?네이게이션의 한 종류앱 상단에 고정되어 있으며 현재 화면의 이름을 알려주고, 이전 화면으로 돌아가거나 현재 화면을 끌수 있도록 해준다.  리스트 컴포넌트란?컴포넌트의 종류 중 컨테이너에 해당하는 컴포넌트동일한 내용과 형태의 정보를 반복적인 패턴으로 보여줄때 사용    프로토타입이란?시제품 이라는 뜻실제 제품을 만들지 않고 테스트를 하는 것 프로토타입을 만드는 이유?제품을 만들어 보지 않고 아이디어를 검증할 수 있다.팀원들과 시각적인..

10/14 일일 목표📝4주 차 강의 듣기   📖 오늘 배운 내용!  프로퍼티(Property)?속성이라는 뜻으로, 디자인 구조가 바뀌지 않는 선에서 변경할 수 있는 요소들을을 다룰 때 사용.   컴포넌트 프로퍼티?프로퍼티의 종류는 4가지 1) Variants 배리언츠컴포넌트가 가질 수 있는 또 다른 모습을 만들 수 있게 하는 컴포넌트 기능가상의 상태를 만들 때 사용.   2) Boolean 불리언컴포넌트 안에 있는 요소들을 보이게 하거나 안 보이게 하는 속성레이어를 껐다 켰다 할 수 있다.    3) Instance swap 인스턴스 스왑컴포넌트 안에 다른 컴포넌트 인스턴트가 있을 경우 다른 인스턴스로 교체 가능주로 버튼 안의 아이콘, 팝업 안의 버튼을 교체할 때 사용    4) Text컴포넌트 안에..

10/11 일일 목표📝3주차 1~5강 강의듣기개인 과제아티클 스터디 📖 오늘 배운 내용! 파운데이션 이란? UI를 구성하는 구성요소!위의 사진처럼 버튼을 만들기 위해서는 그 안을 구성하는 색상, 폰트 등 기초 재료인 파운데이션이 필요하다 파운데이션의 구성색상서체간격, 여백곡률그리드고도아이콘 컬러스타일이란? 디자인에서 사용할 색상을 모아두는 팔레트!UI에서는 미리 색상을 정해두고 그 안에서 색상들을 사용한다. 기본적으로 2~3가지 색상으로 10단계까지 만들어 사용한다. 가장중요한 색상인 포인트 컬러는 10% 비율로 사용한다. 전체적인 배경은 60%, 나머지를 30%로 채운다.1:3:6 법칙으로 전체적으로 균형을 만들어주고, 사용자가 집중해야 할 부분을 잘 보여준다.   폰트스타일이란? 디자인 시스템에서..

1. 현재 웹/앱에 어떤 서비스가 있을까? a. 내가 자주 사용하는 웹/앱- 토스 , 네이버, 지그재그, 무신사, 유튜브, 구글, 리디, 예스24, 교보 b. 관심 있는 웹/앱- 네이버, 토스, 리디, 교보 c. 내가 가고 싶은 기업에서 운영하고 있는 서비스 종류교보문고 > 서점, e북 등네이버 > 네이버 웹툰, 지도, 블로그, 카페 등 2. 서비스 별 주요 목적, 기능a. 교보문고 : 컨텐츠b. 타겟 : 일반 독자, 학생, 그리고 전자책을 선호하는 사용자c. 기능 온라인 서점: 도서 검색 및 구매.전자책: 전자책 구매 및 읽기.회원 서비스: 포인트 적립 및 할인 혜택.도서 리뷰 및 추천: 사용자 리뷰와 추천 도서 제공.이벤트 및 프로모션: 다양한 할인 이벤트 및 프로모션.문화 행사: 저자 강연, 사인회..

https://brunch.co.kr/@yonniek/15 목록에서 상세 정보를 얼마나 보여주는 게 좋을까?커머스 목록 UX의 유용성과 혼란 사이 균형 잡기 | 기획을 고민하다 보면 무엇도 더하지 않고 단순함을 추구할지, 복잡함의 길로 갈 것인지 두 갈래 선택 앞에 서서 갈등하게 되는 순간이 반드시brunch.co.kr 1.단순함이 최선인가?앞서 읽어본 아티클스터디에서는 단순함은 좋고, 복잡함은 나쁘다. 라는 생각을 했지만,단순히 그런 생각으로 UX에서 단순함과 복잡함을 나눌순없다고 한다.복잡함은 좋은 것도, 나쁜 것도 아니고 나쁜것은 혼란스러움!이다.사용자가 웹이나 앱을 사용하면서 겪는 혼란스러움을 줄이는 것이 디자이너의 일이다.  2. 복잡함을 다루는 방법1) 서비스 특성을 고려하자.쿠팡무신사필요 정..

10/10 일일 목표📝2주차 5~7강 강의듣기특강 듣기아티클 스터디   📖 오늘 배운 내용! 오늘은 박가현 튜터님께서 하시는 [현업에서 디자이너가 개발지식을 가지면 좋은점] 에 대하여 특강을 들었다.디자이너는 UI/UX를 설계하고, 사용자 경험 중심의 디자인을 하지만 프론트엔드 개발자는 디자이너가 만든 프로덕트가 실제로 작동하도록 코드로 구현하는 일을 한다. 디자이너프론트엔드 개발자UI.UX 설계, 사용자 경험 중심의 디자인- UIUX 디자인- 사용자 경험 중심의 디자인- 디자인 시스템 관리프로덕트가 실제로 동작하도록 코드로 구현- 디자인 구현- 상호작용 개발- API 연동 개발자와 디자이너가 소통이 어려운 이유는전문 용어의 차이기술적 제약작업 흐름의 차이 서로 담당하는 일이 다르지만 협업을 통해 하..