728x90 반응형 취준일기 _내가 살고 싶은 삶을 위하여./Product Designer (서비스 기획, PM, PO)9 PM, PO, 개발자들과 소통하는 노하우 *디자인의 정당성을 입증해야 하는 숙명 [PM과의 소통 노하우]1) 유저의 대변인이 되라! 광고 구좌를 넣자고 함 (마케팅 팀에서)>> 그럼 우리는 이렇게 생각해야 함: "이것이 유저의 어떤 점을 해결해 줄 수 있죠?" "이것이 유저가 정말 원하는 정보인가요?" *디자이너의 역할:제품이해, 유저 관점 의견 피력! 2) UX디자인 논리로 설득하자! > PM을 효과적으로 설득하는 방법임- 유저는 얻을 수 있는 가치가 있을 때 움직인다.ex) 넷플릭스: [30일 무료 체험] 유저가 얻을 수 있는 CTA + 그 위에 언제든지 해지가능하다는 부담 줄이는 문구까지 3) 최선의 것과 최고의 것을 제안하자최선의 것 = 주어진 기간 안에 한정된 리소스로 만들 수 있는 디자인최고의 것 = 디자이너가 지향하는 최고의 사.. 2025. 5. 7. 컴포넌트 기능 - 버튼 만들기 버튼 = 시스템에서 가장 기본이 되는 컴포넌트!!!! 1) 레벨의 정의2) 동작에 따른 상태값의 정의3) 각 레벨 & 상태값별 컬러의 정의4) 크기의 정의 구글 머티리얼에서는 4가지 스타일을 기본으로 정의하고 있음이런 버튼들을 디자인에 따라 위계를 나눔! 가장 높은 위계인 컨테인드 버튼그다음 위계 아웃라인 버튼가장 낮은 위계 텍스트 버튼 1) 버튼을 나란히 배치할 때는 버튼간의 레벨차이를 둔다. 2) 버튼의 크기나 위치는 카드나 컨텐츠의 레이아웃에 따라 정의3) 왼쪽은 부정, 오른쪽은 긍정적인 버튼을 주기 4) 아이콘과 텍스트를 수직으로 정렬하지 않기!5) 버튼 안에 두개의 아이콘 사용 금지 *Properties와 Variants 2025. 5. 7. 스타일 가이드 만들기 _ *디자인 시스템은 너무 중요 *디자인 시스템: 디자인 원칙, 컬러, 규격, UI컴포넌트와 패턴 등이 담겨있는 것! 가장 기본적인 요소 두가지- Style Guide:디자인 원칙을 기본으로 한 타이포그래피, 컬러, 아이콘, 이미지 컴포넌트- Pattern Library:각각의 컴포넌트를 활용한 각종 패턴 대표적인 디자인 시스템 두가지- 애플 ios: Human Interface Guidline- 구글 Aos: Material Design System=> 디바이스에 대응하는 방식이 다름! 애플은 디바이스 별로 다른 컴포넌트와 레이아웃을 사용애플만의 강력한 생태계 구축, 심리스한 연동을 중요시 반면, 구글은 어떤 디바이스에서도 대응이 가능한 유연함을 가장 큰 가치로 둠!!!!구글은 다양한 디바이스에서 대응이 가능한 시스템 구축 *.. 2025. 5. 7. 피그잼으로 IA 설계하기 2025. 5. 7. 그리드 시스템 이해하기 그리드 시스템: 통일성 있는 UI를 위해 동일한 규칙을 만든다!(브랜드의 통일성과 일관성을 위해) 컬럼: 실제 UI컨텐츠가 들어가는 것거터: 컬럼의 사이 간격마진: 거터와 컬럼을 감싸는 간격 구글 머티리얼 디자인에서 제공하는 그리드 시스템*모바일 해상도 360dp기준: 4컬럼, 16거터, 16마진*태블릿 해상도 기준 600dp: 8컬럼, 24거터, 32마진 => 이 두가지 그리드 시스템의 공통점 : 모든 수치 값이 8의 배수라는 점!>> 왜 8의 배수일까? 안드로이드 해상도는 1배수인 mdpi를 기준으로 화면을 5단계로 나누었다.여기서 가장 큰 배수 4배수의 화면에 4픽셀의 선이 있다고 가정했을 때!!!!! 소숫점인 1.5배수의 화면을 제외하고 모든 수에 대응이 가능함 >> 1.5를 정수로 만들어 .. 2025. 5. 7. 앱과 웹 개념과 장단점 앱: 업데이트는 심사 후 진행 됨, 안드로이드와 iOS 개발 각각 다름웹: 특별한 심사 없이 바로 실시간 반영됨, 개발 속도 빠르고 비용도 적음 - Window Only > Mobile First > Mobile Only 시대- 그럼 전부 앱으로?>> 개발이 자유롭고 비용이 적은 웹의 장점을 버리기 아까움 >> 그래서 앱과 웹의 장점을 섞은 하이브리드 앱이 나옴! (스토어에서 다운이 가능)Class 101 은 하이브리드 앱!하지만 배민같은 경우는 앱만 있음 (지금은 웹이 필수가 아닌 시대)>> 서비스의 특징이나 개발 역량에 따라 선택하자! 2025. 5. 6. 이전 1 2 다음 728x90 반응형
