본문 바로가기

전체 글80

[231228]UXUI디자인 입문 6주차 강의정리/HW_레퍼런스 분석 12/28 *강의정리* 레퍼런스 분석 : 여러가지 사례를 상세히 분류해 도움이 될 만한 부분 찾아보는 과정 세부요소를 관찰하면서 좋은 점 나쁜 점, 그 이유 찾고 생각해보기 - 왜 하나? : 분석 과정에서 디자인에 대한 영감을 얻고 좋은 디자인을 구분하는 지식 쌓을 수 있음 - 하는 방법? : 페이지(홈, 마이페이지, 장바구니 등)>모듈(리스트, 네비게이션 등)>엘리먼트(버튼, 뱃지, 탭 등)>파운데이션(색상, 폰트, 아이콘 등) 으로 나누기 BUT, UI요소->화면으로 나누어보자!!! UI요소들을 디자인 원칙에 대입하여 사용성이 높은지, 심미적으로 아름다운지 등 다양한 관점에서 디자인 평가해보기 핵심은 주장과 그에 맞는 논리적 근거를 찾는 것!(다양한 이론 사용) 분석 후 도움이 될 것 들을 그룹화하여.. 2023. 12. 28.
[231227]UXUI 디자인 입문 강의 5주차 강의정리/HW_디자인 원칙 실제 적용 사례 찾아보기 12/27 *강의 정리* 디자인 원칙 인지심리학의 관점에서 디자인할 때 지켜야 할 규칙을 정해놓은 것 많은 사람들이 비슷하게 느끼고, 행동하는 방식에 기조해 디자인하는 방법을 제시 사람들이 편안하게 느끼고 자연스럽게 행동하도로 유도할 수 있고, 사용성이 높은 제품을 만들 수 있도록 도와줌 게슈탈트 심리학 : 사람이 이미지를 인식할 때 주변에 있는 요소 간의 관계와 맥락에 영향을 받는 다는 이론 *착시현상_사람의 의식이 기본적으로 통일성, 연속성, 유사성을 요구하기 때문에 생김 사람의 뇌는 필요없는 것은 지우고 기억하기 쉬운 상태로 정리해 받아들이기 때문! 1) 유사성의 원리 -모양, 크기, 색, 방향: 차이가 있다면 차이가 있는 이유가 있겠지?라고 생각함 색상 유사성(가장 강력함)>모양의 유사성 정보의 .. 2023. 12. 27.
[231227]UXUI 디자인 입문 4주차 강의정리/HW_프로토타입 적용해보기 12/27 *강의 정리* 디자인툴 : 디지털로 이미지를 만들거나 편집할 수 있는 컴퓨터 프로그램 1) 인터페이스 디자인 툴: 피그마, 스케치, XD 2) 그래픽 디자인 툴: 포토샵, 일러스트레이 3) 3D: 시네마(유료), 블렌더(무료) 4) 모션 그래픽: 프리미어, 애프터이펙트 비트맵vs백터: 백터 파일 확장자 .svg, .eps, .ai 개발환경에서 사용가능한지 먼저 체크할 것 피그마, 스케치, XD -모두 벡터 기반 그래픽 편집(좌표를 기반으로 함)->왜? 반응형으로 디자인해야하기 때문에 -간단한 Lo-fi 프로토타이핑 -dev mode를 통한 그래픽->코드 변환 이용 용이 (피그마) 클라우드 기반, 멀티 플랫폼 지원 (스케치) 피그마 이전 가장 인기 있던 툴, 로컬 컴퓨터 기반이라 안정적, mac.. 2023. 12. 27.
[231227] UXUI디자인 입문 3주차 강의정리, HW_테스트케이스 작성+디자인QA로 발견한 이슈 공유하기 12/27 *3주차 강의 정리* (제품팀) 목적조직: 특정한 목적을 달성하기 위해 여러 직무의 사람들이 모인 팀(=스쿼드, 사일로) 기능조직: 유사한 직무끼리 구성된 팅(=챕터), 전문성을 높일 수 있다. 매트릭스 조직: 기능, 조직 교차 형식 (제품팀이 일하는 방식) 린스타트업: 스타트업, 빠르게 제품테스트하고 결과를 다시 제품에 반영/만들기->측정->학습 애자일: 제품을 만드는 방법론, 1-~4주의 스프린트 단위로 제품을 개발, 테스트하고 피드백 받아 개선해 나감 폭포수 방식: 수직적이고 독립적인 형태, 이전 단계로 돌아가지 않음 애자일의 핵심-빠르게 피드백 검증=빠르게 만듦 기획(문제 정의, 아이데이션, 프로덕트 스펙 문서 작성)-디자인(초안 디자인, 피드백, 최종 디자인 확정)-개발(디자인 QA).. 2023. 12. 27.
[231226]UXUI디자인 입문 2주차 강의정리/HW_디자인 씽킹 적용해보기 12/26 2주차 강의 정리 *디자인 씽킹* 공감하기- 문제 정의하기-아이디어 발산하기-프로토타입 만들기-테스트하기 Q. 디자이너는 왜 디자인씽킹을 배워야 할까요? A. 빠른 시간안에 논리적, 현실적으로 눈에 보이는 것으로 만들 수 있도록 도와주기 때문이다. !!!효율적이기 때문!!! -데이터 드리븐: 데이터를 중심으로 의사결정 하는 것 *데이터=사용자에 대한 이해 데이터 드리븐가 중요한 이유 1)정확도 높은 의사결정 가능, 만드는 사람의 취향이나 주관이 들어가지 않도록 객관성 유지 2)빠른 의사결정으로 제품 개발의 속도 향상 -데이터는 다수의 사람이 빠르게 공감할 수 있는 수단, 다수의 의사결정이 빨라질 수 있다. 그러나 데이터는 도구이기 때문에 사용자에 따라 결과가 달라질 수 있음, 그렇기에 데이터를.. 2023. 12. 27.
[231226]UXUI디자인 입문 1주차 HW_자주 사용하던 서비스 분석해보기/강의 정리 12/26 -> UXUI 차이점? UI: 목적을 달성하기 위한 행동을 할 때 무언가와 상호작용하는 것을 도와주는 수단 UX: 감정, 경험 등 모든 것들..! HCI: 인간과 컴퓨터 간의 상호작용에 대해 연구하는 분야 CX: >UX, CS포함, 고객 여정의 모든 측면에서 고객의 모든 경험 BX: 브랜드-고객 ->UI 디자이너: 화면의 전체적인 구조, 시각적인 요소를 디자인한다. -레이아웃, 색상, 크기와 정렬, 컴포넌트 버튼, 아이콘 등을 디자인=GUI 디자이너 -> UX 디자이너: 총체적인 경험을 디자인하는 사람 ->프로덕트 디자이너: UX, UI 포함하여 제품 전반적인 경험을 디자인 ->JD분석! 필요역량: 나의 디자인을 잘 설득, 설명할 수 있어야 함, 커뮤니케이션 능력 ->디자인 가이드/지침서 : .. 2023. 12. 26.

티스토리툴바