FrontEnd/UI UX 썸네일형 리스트형 [UI/UX] Adobe XD를 이용한 실습 및 단축키 사용법 Adobe XD를 사용하여 실습을 해보았습니다! ◎ 아트보드 복사, 붙여넣기 ▷ control + C, control + V ▷ alt키 + 마우스 (도중에 마우스를 떼면 안됩니다!) ◎ 도형 그리기 ▷ 화면 왼쪽의 도형 아이콘을 눌러서 사용하면 됩니다. ▷ 직선, 정사각형, 정삼각형 등을 만드려면 shift키를 같이 누르면 됩니다. 왼쪽 인터페이스 도형 아이콘 아이콘을 이용한 그림 그리기 여기서 펜을 이용해서 그릴때 곡선을 그리려면 클릭한 상태를 유지해 옆으로 마우스를 드래그하면 형성됩니다! 이렇게 반복하면 구름 형상을 그릴 수 있습니다. ▷ 오른쪽 인터페이스의 자물쇠 버튼을 누르면 비율이 고정되고 해제하면 비율 고정 없이 도형의 크기가 변경됩니다! ▷ 내부의 점을 이용하면 모서리를 둥글게 만들 수 있.. 더보기 [UI/UX] 기본 프로세스는? NO STEP 1 STEP 2 STEP 3 STEP 4 1 목표수립 키파인딩 & 인사이트 무드보드 IA설계 2 관련 UX분석 와이어프레임 설계 3 이슈제기 런처아이콘 & 런치스크린 4 리서치 프로토타이핑 1. STEP 1 : 발견단계 ◎ 목표수립 : 현재 당면한 문제, 서비스 구조적 취약점 검토, 비즈니스인 해결책 가설 수립 예시) 배경) 골프레저 대중화 및 많은 경쟁사 등장 젊은층도 골프레저에 관심을 갖기 시작 문제) 일부 연령층 사용, 이용 고객 수 낮음 구조적취약점) 홈페이지가 단순화되어 있고 정보가 부족함 목표:해결책 가설수립) 다양한 연령대가 선호할 수 있도록 홈페이지 디자인을 개선하고, 고객이 필요로하는 컨텐츠를 보강하면 많은 고객층을 확보할 수있을 것입니다. ◎ 관련 UX 분석 1. 시각디자.. 더보기 [UI/UX] UI/UX Design이란? 1. UX(User Experience) : 사용자 경험 ▷ 사용자가 어떤 제품이나 서비스와 상호작용하는 과정에서 얻는 총체적인 경험입니다. ▷ 사용자 경험 디자인 : 익숙함을 전제로 디자인 하는 것 ▷ 예시) 과거의 네이트온과 유사한 카카오톡 ▷ 사용성이 좋다 : UX가 좋음 ▷ 사용성이 나쁘다 : UX에 문제가 있음 ◎ UX 디자인 원리(3가지) (1) 일관성의 원리 ▷ 상단 네비게이션바,신세계 백화점 홈페이지, 이마트, 스타벅스 로고의 위치, SSG 닷컴 (2) 행동유도성의 원리 ▷ 사람이 자연스럽게 행동할 수 있게 하는 시각적인 요소 (3) 정보설계(정보위계) ▷ 페이지 구성을 위한 카테고리 정리 ◎ 원리를 알아야하는 이유? ▷ 디자인에 도움이 됩니다. ▷ 논리력을 키울 수 있습니다. 2. UI(.. 더보기 이전 1 다음
