본문 바로가기

분류 전체보기

 (69)
[TIL] 24.10.30(수) 피그마 활용법(2) / 1, 2, 3주차 강의 내용 정리 및 숙제 모달합성 컴포넌트: 대부분 버튼 컴포넌트에 파운데이션 또는 컴포넌트가 여러개 합쳐진 형태(=컨테이너 컴포넌트)ex. 바텀시트, 다이얼로그, 리스트, 카드 등 복잡한 구조의 컴포넌트들이 있음 팝업: 문자 그대로 팝하고 튀어나온다는 뜻으로, 화면 위에 새로운 화면을 띄우는 걸 디자인에서 일반적으로 팝업이라고 부름- 윈도우 팝업: 새로운 윈도우(브라우저 창)을 띄워주는 방식으로, 일반적으로 팝업이라고 부르는 건 이 방식을 뜻함(사용하지 않는 추세)- 레이어 팝업: 현재 화면에서 코드로 만든 컴포넌트를 보여주는 방식으로 대부분의 서비스는 이 방식으로 팝업을 보여주고 있음 모달: 사용자가 행동을 취하기 전까지 뒤에 가려진 화면을 조작할 수 없는 것..
[TIL] 24.10.29(화) 피그마 활용법(1) / 3, 4주차 강의 내용 정리 및 숙제 디스플레이와 픽셀, 배수면적 당 픽셀 갯수가 더 많다면, 더 세밀한 묘사가 가능함1배수 디자인: 디자인을 할 때 기준이 되는 사이즈를 하나 정하게 되는데, 1배수의 뜻은 1배(100%), 즉 원본 사이즈라는 뜻일반적인 1배수 디자인 사이즈는 사람들이 가장 많이 쓰는 사이즈로 하는 것이 일반적이지만, 내가 만들 앱을 쓸 사람들을 고려해야함권장하는 1배수 사이즈: 아이폰(375*812), 안드로이드(360*800) 분기점과 그리드분기점(Breakpoint): 디스플레이의 해상도에 따라 각각 다른 화면을 보여주기 위한 기준점(사전적인 뜻: 나뉘어 갈라지다, 경우의 수가 나누어진다) 사용자의 디바이스 화면 크기를 고려해서 디자인을 나눌 수 있어야 함(..
[TIL] 24.10.28(월) 피그마 활용법(1) / 1, 2주차 강의 내용 정리 및 숙제  피그마 커뮤니티 (주의사항)서비스 제공자가 아닌 사람들이 자체적으로 만드는 것=서드파티(3rd-party, Third-party;제 3자)1. 가격을 꼭 확인할 것2. 저작권을 꼭 확인할 것3. 문제가 생겼을 경우, 제작자에게 직접 문의할 것 피그잼피그마 디자인 파일이 UI 설계에 특화되어 있다면, 피그잼은 린 캔버스, 더블 다이아몬드, 사용자 여정 지도 등 UX 기획 및 아이데이션에 특화되어 있음 Shift+H / Shift + V (단축키)Shift + H: Flip Horizontal Shift + V: Flip Vertical  피그마 도형 이미지 리사이징 종류Fill: 정해진 도형 크기 안에 비율을 유지한 채 이미지를 꽉 채워줌(이미..
[WIL/KPT] 4주차 / 24.10.21(월) ~ 24.10.25(금) [WIL]FACTS(사실, 객관)프로덕트 디자인 8기의 본 캠프 1주차가 오늘로 마무리 되었다. FEELINGS(느낌, 주관)이번 주는 본 캠프 첫 주로, 강의와 팀 페이지 제작이라는 두 가지 큰 목표가 있었다. 결론부터 말하자면 정말 가슴 떨리는 한 주였다. 기다리던 본 캠프의 첫 주였고, 첫 팀 프로젝트(미니 프로젝트긴 하지만!)를 진행해야 했기에 더 긴장되었던것 같다. 강의 수강에 대해 이야기해보면, 사전 캠프 때 강의를 꼼꼼히 수강했다고 생각했지만, 블로그에 정리해놓은 내용을 되짚어보니 기억이 잘 나지 않는 부분들이 많았다. 알고 있는 내용이라 가볍게 여길 뻔했던 내 오만한 모습에 실망감이 들기도 했다. 팀 프로젝트에서 스마트 애니메이션이라는 프로토타이핑 기능을 사용할 때도 강의 내용을 다시 들으..
[TIL] 24.10.24(목) 프로덕트 디자인 8기 본 캠프 4일차오늘은 팀 페이지 만들기 과제의 최종 마무리 작업을 진행했다.어제 거의 마무리된 팀 페이지에서 뭔가 부족함이 느껴져서, 강의에서 배운 프로토타이핑 기능 중 스마트 애니메이션을 적용해봤다. 솔직히 말하면 색상이나 움직임이 조금 유치하고 부자연스러운 것 같아서 100% 마음에 들지는 않았지만, 팀장님이 좋다고 해주셔서 한시름 놓였다..ㅠㅠ오후에는 팀장님과 함께 스크립트를 읽으며 줌에서 발표 연습도 했다. (TMI지만, 줌에서 무료로 제공하는 개인 회의 시간이 끝나면 회의가 자동 종료된다는 걸 새삼 알았다.. 줌도 결제해서 사용해야 한다니ㄷㄷ)팀장님과 나 둘 다 MBTI가 I라서 서로 쑥스러워하며 발표 연습을 했다. 발표를 해보는 게 정말 몇 년 만인지 어색하기도 하고, 연..
[TIL] 24.10.23(수) 프로덕트 디자인 8기 본 캠프 3일차오늘은 캠프 3일차인데, 그래도 좀 적응이 된 것 같다. 아침에 일어나는 게 여전히 피곤하긴 했지만, 지난 이틀에 비해 12시간이 빨리 지나간 것 같다. 아마 지난 이틀 동안은 좀 얼타고 있던 시간이 많았다면, 오늘부터는 무엇을 해야 할지 좀 더 명확해졌고 중간에 튜터님들과의 Q&A 시간이 환기의 역할을 하며 더욱 집중할 수 있었던 것이 아닌가 하는 생각이 든다.어제 팀장님과 상의한 대로 진행 중인 팀 페이지를 더 손보고, 튜터님께 피드백도 받았다. 뭐라고 피드백을 주실지 긴장했지만, 무난하다고 해주셔서 한숨 돌릴 수 있었다.나도 페이지를 만들면서 잡은 컨셉에 비해 표현이 아쉽다(?)고 생각했는데, 튜터님께서도 그 부분을 언급하시며 컨셉에 더 집중해서 다른 요소들을 추..
[TIL] 24.10.22(화) 프로덕트 디자인 8기 본 캠프 2일차사실 1일차였던 어제저녁 캠프가 끝나고 많은 걱정이 있었다.하지만 오늘 팀원들과 서로의 일정, 상황에 대해 이야기를 나누며 복잡했던 마음이 어느 정도 정리가 된 것 같다.매니저님이 들어오셔서 팀 작업 상황이나 전체적인 진행 상황에 대해 물어보시고 관리해 주셔서 더 좋았던 것 같다.또한 튜터님의 자기소개를 듣고 정말 존경스럽기도 하고, 캠프를 진행하면서 많은 도움을 받을 수 있을 것 같아 기대가 된다. 팀 페이지 제작도 메인 페이지와 개별 페이지 둘 다 어느 정도 레이아웃이 잡혀가고 있다.팀 작업은 처음이라 어떻게 의사소통을 해야할지 걱정이 많았는데 팀장님이 적극적으로 리드해주시는 모습에 너무 감사했다. 사실 나는 좀 꽉막힌면이 있는편인데, 이런 저런 사정으로 5명으로 ..
[TIL] 24.10.21(월) 프로덕트 디자인 8기 본 캠프 1일차생각오늘은 본 캠프 1일차로 오전에 OT를 진행하고 사전에 편성된 조원들끼리 모여 인사를 나눴다.앞으로 일주일간 함께 팀원들과 팀 소개 페이지 만들기 작업을 진행해야 한다.1일차라 아직 어수선한 것도 있고..그렇지만 내일은 오전에 담당 튜터님이 오셔서 같이 이야기도 나누기로 했기 때문에오늘보다는 좀 더 방향성이 잡힐 것 같다.목요일까지 과제를 제출하고 금요일에 발표인데 끝까지 잘 마무리되었으면 좋겠다.

티스토리툴바