반응형 디자인13 [UX/UI Design] 1단계: UX/UI 디자인의 기본 개념 이해 1단계: UX/UI 디자인의 기본 개념 이해학습 목표:UX와 UI의 차이점 이해사용자 중심 디자인 원칙 배우기디자인 사고 프로세스 이해세부 학습 내용:1. UX와 UI의 차이점 이해UX (User Experience): 사용자 경험을 의미하며, 사용자가 제품이나 서비스를 사용할 때 느끼는 모든 경험을 포함합니다. UX 디자이너는 사용자 리서치, 사용자 흐름 설계, 사용성 테스트 등을 통해 사용자에게 최적의 경험을 제공하는 것을 목표로 합니다.UI (User Interface): 사용자 인터페이스를 의미하며, 사용자가 제품이나 서비스와 상호작용하는 시각적 요소를 디자인합니다. UI 디자이너는 버튼, 아이콘, 레이아웃, 타이포그래피 등 시각적 요소를 설계합니다.2. 사용자 중심 디자인 원칙사용자 중심 디자인.. 2024. 6. 8. [UXUI Design] UX/UI Design 학습 방법 1. 기본 개념 이해하기UX (User Experience): 사용자 경험을 디자인하는 것을 의미합니다. 사용자가 제품이나 서비스를 사용하는 동안 느끼는 모든 측면을 포함합니다.UI (User Interface): 사용자 인터페이스를 디자인하는 것을 의미합니다. 제품이나 서비스와 상호작용하는 데 사용되는 시각적 요소를 포함합니다.2. 학습 자료 찾기책: "Don't Make Me Think" by Steve Krug, "The Design of Everyday Things" by Don Norman온라인 강의: Coursera, Udemy, LinkedIn Learning에서 UX/UI 디자인 강의를 찾아보세요.블로그 및 웹사이트: Medium의 UX 관련 블로그, UX Design.cc, Smashin.. 2024. 6. 8. [개발 규칙] CSS 규칙 CSS 코딩 컨벤션CSS 코딩 컨벤션은 CSS 코드를 일관성 있게 작성하여 가독성을 높이고, 유지보수를 용이하게 하며, 팀 협업을 원활하게 합니다. 아래는 CSS 코딩 컨벤션에 대한 자세한 설명입니다.1. 들여쓰기(Indentation)일관된 들여쓰기: 공백 2칸 또는 4칸을 사용합니다. 팀의 규칙에 따릅니다./* 좋은 예: 2칸 들여쓰기 */.selector {property: value;}/\* 좋은 예: 4칸 들여쓰기 \*/ .selector { property: value; }2. 중괄호 위치(Braces)중괄호: 여는 중괄호는 동일한 행에 시작하고 닫는 중괄호는 새 줄에 위치합니다. /* 좋은 예 */ .selector { property: value; } /* 나쁜 예 */ .. 2024. 6. 8. 이전 1 2 다음 반응형