UI·UX 디자인 공부/제로베이스 스쿨 - UXUI 디자인 학습일지

[4주차-1] UIUX 디자인 툴 Adobe XD 도형과 텍스트

CY__ 2024. 9. 24. 21:10

펜 툴

 

 

펜툴로 도형 그리고 anchor point 더블클릭하면 곡선으로 변한다.

 

 

텍스트

텍스트 박스: 텍스트/단축키 [T] 선택 후 클릭하면 텍스트 박스 생성

바운딩 박스의 높이&넓이 조절 직접 안 되고, 폰트 크기로 조절해야 한다.

 

텍스트 필드: 텍스트/단축키 [T] 선택 후 드래그하면 텍스트 필드 생성

바운딩 박스의 크기 조절 직접할 수 있다.

 

요즘은 텍스트 박스는 사용 거의 하지 않는다고 한다.

 

 

플러그인

①아트보드 하단 버튼 클릭 후 ②플러그인 탐색을 클릭하면 플러그인 창이 열린다.

 

Content Generator, Lorem Ipsum 검색 후 다운로드

 

Content Generator 플러그인 실행 시 뜨는 창 이름, 날짜, 기타 텍스트를 무작위로 생성할 수 있다.

 

Lorem Ipusm 플러그인 실행시 나타나는 창과 Insert text 버튼 눌렀을 때 채워지는 텍스트 무작위 문장을 생성해준다.

 

 

폰트

https://developer.apple.com/design/resources/

 

Apple Design Resources

Design apps quickly by using Sketch and Photoshop templates, plug-ins, and preconfigured UI elements.

developer.apple.com

아이폰 → Human Interface Guidelines/Resources/Fonts 'SF'

 

https://m2.material.io/resources

 

Material Design

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

m3.material.io

안드로이드 → Material Guideline/Resources/Google Fonts or Google Fonts 검색 'Roboto' 'Noto Sans'

 


이번 주는 어도비 XD강의 위주로 공부를 하게 되었다.

필수는 아니고 선택사항이라는데, 아마 요즘은 피그마를 많이 쓰는 추세라 그러지 않나 생각이 들었다.

선택사항이기에 가벼운 마음으로 강의를 수강했는데 확실히 피그마와 겹치는 부분이 상당수였다.

1주차때 피그마 강의를 라디오 듣듯이 들었었다고 했었는데

XD도 마찬가지로 몇 가지 새로운 기능들과 유용해보이는 내용들만 메모를 하고 흘러가듯이 수강했다.

지난 주에는 클론 디자인때문에 엄청 힘들고 스트레스 받았었는데 이번주는 좀 숨통이 트여서 다행이었다..ㅎ-ㅎ

728x90