반응형 전체 글71 [UX/UI 제작 실무] 디자인 - 아이콘 목차 1. 하트- 사각형, 원형 shift로 드래그 해서 만들기- 전체 선택 후 패스파인더 : 합치기 (합쳐도 기본 요소를 가지고 있어 각 수정이 가능함)2. 말풍선- 원형 + 삼각형 (삼각형은 더블클릭해서 끝지점 살짝 동그랗게 만들어주기)- 전체 선택 후 패스파인더 : 합치기3. 메시지- 삼각형 2개- 더블 클릭해서 앵커포인트로 모양 잡아주기4. 북마크- 사각형- 더블 클릭해서 앵커포인트로 아래 부분 줄여주고 해당 지점 더블 클릭하면 뾰족하게 변함5. 카메라- 사각형 2개, 원형6. 추출하기- window : 햄버거 - 내보내기 - 선택한 대상 - 내보내기 대상 선택 후 - 해장도 선택 - mac : 파일 - 내보내기 - 선택됨 - 내보내기 크기 선택 후 내보내기출처HRD FLEX : UXUI 제작 실무 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. [UX/UI 제작 실무] 와이어프레임 목차 1. 밀도와 해상도DPI ? Dot Per Inch로 1인치에 들어가는 픽셀을 나타내는 단위Android 주요 DPILDPI (0.75x / 120dpi)MDPI (1x / 160dpi)HDPI (1.5x / 240dpi)XHDPI (2x / 320dpi)XXHDPI (3x / 480dpi)XXXHDPI (4x / 640dpi)IOS 주요 DPI1x (10 x 10px)2x (20 x 20px)3x (30 x 30px)2. 와이어 프레임프로토타이핑만으로 페이지 구성에 큰 도움이 된다.디자인은 통일성을 유지한다. 출처HRD FLEX : UXUI 제작 실무 2024. 9. 30. 이전 1 2 3 4 5 ··· 18 다음 반응형
