공부하는 진희

Facts (사실,객관)강의 완강컴포넌트 만들기 실습클론 만들기 실습사전캠프에서 우선순위를 제대로 파악하지 못해 아티클 스터디, 개인 과제 하는데 시간을 많이 투자함Feelings(느낌,주관)마지막 주에 강의를 몰아서 듣느라 마음이 조급했다. 또한 강의 볼 때에는 제법 잘 따라했는데 혼자 하려니까 어려워서 당황하기도 했다. 또한 여러 컴포넌트를 만들어서 하나의 앱 화면을 만드는게 흥미로웠다. Findings(배운 것)강의 반복 시청, 연습을 하다보니 프레임, 컴포넌트, 오토레이아웃, 합성 컴포넌트 등 레고처럼 쌓아 올리는게 무슨 말인지 이해했다. Future(미래)  KPT  Keep사전캠프에서 부터 너무 힘들면 어쩌나 걱정을 했는데 걱정보다 수월했고 끝까지 해낸게 보람차다.좋은 팀원들 덕분에 매일 서로..

Today I Learned ! 가상의 상태에서 컴포넌트의 유연성을 높이는 다양한 속성 Variant (변형) : 컴포넌트의 여러 버전마스터 컴포넌트 선택 ->  프로퍼티스 + -> 배리언츠 클릭 -> 속성값 입력 -> 버튼 수정-> Auto Layout 으로 자동 정렬 - Priority : Primary (중요버튼) / Secondary (덜 중요한 버튼) / Tertiary  (회색조 버튼)- Size : Largre (Title/18) / Small (Title/14) -> 패딩값, 래디어스 조정 (4배수)- State : 호버값 (마우스를 버튼에 올려놓았을 때)               Default / Pressed (명도 진하게)Boolean (참/거짓) : 컴포넌트의 특정 요소를 보이거나 ..

Today I Learned !파운데이션을 조합해서 만든 UI의 구성품 (UI 블록)   원본이자 기준이 되는 컴포넌트수정 : 마스터 컴포넌트를 수정하면 인스턴스들에 자동으로 반영됨.일관성 : 디자인 요소를 일관되게 유지할 수 있게 도와줌마스터 컴포넌트의 복제본마스터 컴포넌트의 속성을 물려받지만, 개별적으로 수정할 수 있음.다만 인스턴스를 수정할 경우, 마스터 컴포넌트에서 수정 사항이 있을 경우 반영되지 않음!

Today I Learned !피그마 실습하기 UI를 구성하는 기초 재료Color / Radius / Spacing / Font / Icon 디자인에서 사용할 색상을 모아두는 팔레트① Primary Color (포인트컬러)② Background Color (배경색)③ Secondary Color (서브컬러) / Tertiary Color (서브서브컬러)  컬러정하기커뮤니티 -> Coolers 검색 -> Open it (즐겨찾기) -> Plug-in 열기 -> 색상 Pick컬러칩 만들기Rectangle 만들고 복사 -> 선택한 색상 Hex 코드 복사&붙여넣기음영 단계 만들기10개 복사 & 붙여넣기로 만든 후 HSL 명도값에 +-10 씩 수정하여 단계 만들기스타일 추가하기이름 변경 Primary/50, 10..

Weekly I learned  Facts (사실,객관)아티클 4개 스터디퀘스트 4개강의 1주차 Feelings(느낌,주관)저번주에는 공휴일이다 뭐다 사전캠프에 제대로 임할 준비가 안되어 있었다면 이번주는 정말 마음가짐을 다 잡고 사전캠프에 임했다. 처음엔 어색했던 팀원들과의 화상 통화도 이젠 편안(?)해지고 친해졌다. 같은 글을 읽고 팀원과 인사이트를 공유하는 시간이 흥미롭다.  Findings(배운 것)아티클이나 개인 퀘스트를 진행하면서 프로덕트 디자인에 있어 계속 반복되고 강조되는 역량을 배웠다.협업 능력문제 해결 능력서비스 이해도사용자 중심적 사고Future(미래)TIL을 잘 작성할 수 있도록 밀린 강의를 주말동안 부지런히 듣겠다!

Today I Learned !  게임 속 팝업의 버튼 UX 디자인 - 좋은 사례 VS 나쁜 사례게임 속에는 다양하고 많은 팝업이 존재하는데요, 팝업이 전달하는 내용과 예측되는 사용자의 행동에 따라 팝업의 구조 또한 각각의 상황에 알맞게 다르게 디자인되어야 합니다. , , , 의 업데이prettygoodsun.tistory.com아티클 요약팝업의 목표가 무엇인지에 따라서 최대한 사용자를 헷갈리게 하거나 사용자의 시간을 낭비하지 않도록 필요한 버튼만을 구성해야지 좋은 UX/UI 디자인이다. 인사이트디자인의 궁극적인 목표는 사용자가 페이지를 이탈하지 않도록 유지하는 것이다. 최근에는 능력 있는 많은 디자이너들 노력 덕분에 UX가 많이 상향평준화 된 것 같다. 하지만 어디든 개선할 부분과 더 발전할 수 있는 ..

Today I Learned ! 데스크 리서치 (Desk Research)기존의 데이터를 수집하고 분석하는 연구 방법. 인터넷, 책, 논문, 보고서 등 이미 존재하는 정보를 활용하는 것  1. 특징         - 비용과 시간이 상대적으로 적게 듬.         - 신속하게 정보 수집 가능  2. 장점         - 이미 검증된 데이터로 신뢰도 높음.  3. 단점         - 기존 데이터가 없을 경우 한계가 존재함 필드 리서치 (Field Research)직접 나가 데이터를 수집하는 방법. 인터뷰, 설문조사, 관찰, 실험특징   - 정성적, 정량적 연구가 모두 가능   - 사용자 경험, 행동, 의견 등을 생생하게 파악 가능장점   - 실질적이고 구체적임단점   - 시간, 비용, 인력 등의 자..

Today I Learned ! 피그마 Figma디자이너를 중심으로 개발자, 마케터 등 다양한 분야의 사람들과 동시에 편집하며 협업할 수 있어 프로덕트 디자인 할 때 가장 널리 쓰는 툴이다.(디자인은 포토샵, 일러스트 위주로 진행하는 줄 알았는데 완전 우물 안 개구리였다.) 인터페이스사용자가 디지털 속 혹은 물리적 제품을 사용하게 될 때 접하게 되는 모든 시각적, 물리적 요소를 말한다.사용자 인터페이스 (UI, User Interface)   - 사용자가 시스템과 상호 작용하는 모든 시각적, 청각적 요소   - 예시 : 버튼, 메뉴, 아이콘, 이미지 등그래픽 사용자 인터페이스 (GUI, Graphical User Interface)   - 시각적 요소로 구성된 인터페이스로, 마우스나 터치스크린을 통해 상..