반응형 etc/UI, UX11 [UX/UI 제작 실무] 자주쓰는 페이지 디자인 목차1. 로그인 페이지 - 아트보드에서 원하는 모바일 사이즈를 선택합니다. (테블릿, 웹 등 사이즈 선택가능)예시 - 로그인 페이지- 와이어프레임을 그대로 사용할 수 도 있고 디자인 요소를 추가하여 사용할 수 있다.와이어프레임 : 웹사이트의 골격이나 애플리케이션의 사용자 인터페이스(UI) 및 핵심 기능을 나타내는 단순한 선과 도형으로 구성된 다이어그램 또는 다이어그램의 집합 2. 카드형 프로필 페이지- 기본 프로필 와이어프레임에 이미지 넣어보기① 드래그해서 이미지 삽입② 이미지 위에 사각형 삽입 후 배경 흐림 효과 사용③ 이미지 맨 뒤로 보내기 (순서 : 이미지(맨 뒤) - 사각형 - 와이어프레임에 있던 기본 박스) 출처HRD FLEX : UXUI 제작 실무와이어프레임 예시 출처 : adobe - UI .. 2024. 10. 7. [UX/UI 제작 실무] 디자인 - 심볼의 이해와 제작 목차1. 심볼의 이해와 활용- sketch에 심볼이라는 기능이 있음 - Xd에서는 구성요소라는 기능으로 sketch 심볼과 크게 다르지 않는 기능임심볼(구성요소) 만들기- 오른쪽 클릭 > 구성요소 만들기 or cmd + K심볼(구성요소) 활용하기- 1. 드래그나 2. 복사+붙혀넣기로 사용- 모체만 수정하면 여러 곳에 변경된 디자인이 반영되어 일일이 수정할 필요가 없음- 가져가서 사용한 곳의 일부 디자인을 수정하면 모체는 변경되지 않아 부분 디자인이 가능함 2. 심볼화- 컬러, 텍스트 등 도 심볼화할 수 있음- 심볼화한 후 색상이나 문자스타일 변경 시 사용한 곳에 모두 반영되어 편리함- 방법1 : 색상이나 글자를 각 요소로 만들고 드래그 > 마우스 오른쪽 > 에셋에 색상 추가 or 에셋에 문자스타일 추가-.. 2024. 10. 2. [UX/UI 제작 실무] Xd 주요 기능 목차 1. 상단디자인, 프로토타입, 공유2. 좌측디자인 요소- 사각형 (정사각형 만들 땐 shift)- 동그라미 - 삼각형삼각형도 사각형과 동일하게 수정할 수 있음 3. 우측디자인 세부조정- 꼭지점 수 조정하기- 패스파인더 출처HRD FLEX : UXUI 제작 실무 2024. 9. 30. [UX/UI 제작 실무] Xd 목차1. 기존 문제점- 과거 어플리케이션 디자인은 어려웠음- 디자이너가 개발자에게 파일이 넘겨주기, 픽셀 단위 위치 값 계산 등 소통이 어려웠음- 많아지는 디바이스에 따라 해상도가 달랐다- AI는 정교한 작업 X, PS는 더 큰 이미지 추출 X2. 새로운 툴- Sketch : 맥 UX/UI 개발 최적화- Xd : Sketch와 비슷한 기능의 사용자 경험 디자인 프로토타입 툴3. Xd 설치- Adobe Creative Cloud 설치- Xd 설치출처HRD FLEX : UXUI 제작 실무 2024. 9. 30. 이전 1 2 3 다음 반응형
