본문 바로가기

UXUI/TIL45

[TIL] 0801 1. 오늘 학습 키워드아티클 스터디화면 구조 분석 2. 오늘 학습한 내용을 나만의 언어로 정리하기 게슈탈트 심리학주요 원리: 유사성의 원리, 근접성의 원리, 폐쇄성의 원리, 연속성의 원리, 공통성의 원리 UX 비주얼 디자인 원칙기본 원칙: 스케일, 시각적 위계, 균형, 대비 UX/UI 심리학 법칙제이콥의 법칙: 멘탈모델 고려 중요피츠의 법칙: 클릭할 대상은 크고 가깝게 배치힉의 법칙: 선택지가 많으면 결정 시간이 길어짐밀러의 법칙: 정보를 그룹화해서 제시할 것 오늘 진행한 아티클🔽 [아티클] 모호한 UX 라이팅이 문제라고요?1. 주제 모호한 UX 라이팅이 문제라고요? 14화 모호한 UX 라이팅이 문제라고요?라이팅에 구체성을 더해 매끄러운 UX 만들기 | 구체성은 사용자에게 눈앞의 문제를 해결할 힘을 .. 2025. 8. 1.
[TIL] 0731 1. 오늘 학습 키워드디자인 프로세스프로덕트 스펙 문서인터랙션 디자인 2. 오늘 학습한 내용을 나만의 언어로 정리하기 디자인 프로세스기획: 문제정의, 아이데이션, 프로덕트 스펙 문서 작성디자인: 초안 디자인, 피드백, 최종 디자인 확정 및 핸드오프핸드오프- 디자인 공유할 때 유저 플로우, 유즈 케이스, 반응형 레이아웃 포함하여 전달하는 것이 좋음개발: 디자인 QA 인터랙션 디자인제품에서 말하는 인터랙션은 사용자가 제품을 사용하면서 반응을 주고 받는 것인터랙션 디자인은 사용자가 제품을 사용하면서 적절한 반응을 주고 받고 막힘없이 서로 간에 소통하는 것을 도움 프로토타입의 중요성인터랙션 디자인을 테스트하기 위해UX는 정지된 화면이 아니라 서로 소통하는 인터랙션 과정에서 생겨나는 경험사용자가 어려움 없이.. 2025. 7. 31.
[TIL] 0730 1. 오늘 학습 키워드디자인씽킹디자인 원칙게슈탈트 심리학레퍼런스 분석 2. 오늘 학습한 내용을 나만의 언어로 정리하기 디자인씽킹의 5단계공감하기, Empathy· 인터뷰 or 관찰 등 다양한 방법으로 사용자와 공감대 맞추기· 사용자의 경험을 완전히 이해하기 위한 노력을 하는 단계문제 정의하기, Define· 공감으로 얻은 정보를 해석 ▶️ 사용자가 불편함을 느끼는 지점을 발견하는 단계아이디어 발산하기, Ideate· 다양한 아이디어 내기 ▶️ 그 중 가장 적합한 아이디어 선택하는 단계프로토타입 만들기, Prototype· 사용자가 아이디어를 경험할 수 있도록 구체적인 제품 or 서비스로 개발하는 단계테스트하기, Test· 프로토타입을 사용자가 직접 사용해보게 하기 ▶️ 피드백을 받는 단계 게슈탈트 심리학.. 2025. 7. 30.
[TIL] 0729 1. 오늘 학습 키워드클론 디자인 2. 오늘 학습한 내용을 나만의 언어로 정리하기 네이밍 규칙의 중요성구조 파악을 돕기 위한 대명사처럼의 네이밍 필요일관된 규칙으로 정리하면 구조를 파악하는 데 도움이 됨네이밍은 단순 이름 붙이기가 아니라 사람과 시스템이 모두 이해하기 쉽게 만드는 설계의 일부 오픈라이브러리 사용하는 방법은?정답지처럼 받아들이지 말고, 이해하고 내 것으로 소화하기이점원티드 내부의 구조, 컴포넌트 만드는 방식 직접 체험 가능실무에서 사용하는 naming, spacing 등 암묵적 기준 체험표준은 아님 -> 참고 자료로 활용하기 홈화면의 역할전체 서비스 흐름을 보여주는 가장 중요한 페이지사용자에게 가장 강조하고 싶은 정보가 명확히 보이도록 설계해야 함홈 = ‘핵심 정보 요약 + 진입 경로 제.. 2025. 7. 29.
[TIL] 0728 1. 오늘 학습 키워드클론 디자인 2. 오늘 학습한 내용을 나만의 언어로 정리하기 오늘 진행한 디자인 카타🔽 [디자인 카타] 메시지 읽음 표시, 어떤 방식을 선호할까?1. 주제 선정 메시지 읽음 표시, 어떤 방식을 선호할까? 2. 개인 의견 [읽음 상태 표시] 선택 왜 해당 UI가 더 좋은지? 대부분 사용자에게 기본으로 익숙한 기능이다. (카카오톡(전), 라인, 네이버 밴azure326.tistory.com 개인 과제 🔽 상세 화면이랑 UI 스타일 분석은 아직 정리 중..ㅎ.ㅎ.ㅎ... 3. 학습하며 겪었던 문제점 & 에러 - 새롭게 알게 된 점 & 느낀점UI 구조를 설계하면서 아이템 → 모듈 → 섹션 순으로 정리해야 한다고 배웠지만 실제 작업할 땐 모듈부터 만들고, 그 안에서 아이템을 하나씩 뽑아 .. 2025. 7. 28.
[TIL] 0725 1. 오늘 학습 키워드클론 디자인 2. 오늘 학습한 내용을 나만의 언어로 정리하기 컬러Primary / Secondary 컬러 주요 버튼, 강조 텍스트, 아이콘 등에서 어떤 컬러가 반복되는지배경색 전체 배경, 카드/섹션 배경이 일관된 컬러로 분리되는지텍스트 컬러 본문 / 설명 / 비활성화 상태별로 톤이 달라지는지 (예: 진회색, 연회색 등) 타이포그래피계층 구분: 제목 > 본문 > 설명 > 캡션 식으로 구조화 되어 있는지폰트 스타일: 크기(px), 굵기(weight) 형태모서리 둥근 정도 (radius): 버튼, 카드, 이미지, 입력창 등 라운드값이 통일돼 있는지 여백/간격전체 좌우 여백: 16px / 20px / 24px 등 기본 그리드 단위 사용 여부섹션 간격: 상하 간격이 반복되는지, 리스트/카드 .. 2025. 7. 25.

티스토리툴바