디자인 툴22 [Figma] 피그마 사용법(2) 피그마 오브젝트 사용법 - 01. Edit object원하는 도형을 하나 만들어주고 클릭된 상태로 화면 상단 중앙에 있는 edit object를 클릭하면 자유변형을 할 수 있다. - 02. Select matching layers변형을 완료한 도형의 점선값을 없애고 이미지와 같은 도형으로 만들 수 있다. - 03. Create component (ctrl + alt + k)그룹처럼 만들어서 관리할 수 있다.- 04. Create multiple components- 05. Create component set- 06. boolean group https://wdnote.tistory.com/189 2024. 5. 27. [Figma] 피그마 사용법 (1) https://www.figma.com/ Figma: The Collaborative Interface Design ToolFigma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.www.figma.com 피그마 로그인 후 홈페이지 간단 설명 - 01. Draft : 내 작업물들- 02. Get desktop app : 닉네임 클릭 후 클릭하면 모바일로도 작업 가능- 03. Explore Community : 다른 사람들의 창작물을 다운로드 가능- 04. Design fil.. 2024. 5. 27. 모바일 디자인 기초, 해상도와 배수의 개념 해상도란?화면에 표시되는 픽셀 수.일반적으로 너비와 높이를 픽셀단위로 지정.화면의 픽셀 수가 많을 수록 해상도가 높아지고 이미지가 더 섬세하고 선명하게 나타난다. 가로 * 세로PC : 1920 px * 1080 pxTeblet : 834 px * 1194 pxMobile : 390 px * 844 px배수(Scale Factor)디스플레이 기술의 발전으로 인해 같은 면적 안에 더 많은 픽셀을 담을 수 있게됨. (고밀도 디스플레이)이러한 디스플레이에서는 픽셀밀도가 증가하면서 배율도 2x, 3x 와 같이 증가한다.그렇기 때문에, UI 디자인을 할때 여러 기기에 올바른 디자인이 표시되기 위해 다양한 배율로 에셋을 내보내는 것이 중요하다. 예를 들어, 아이콘 이미지가 jpg, png 일 때 1배수로 디자인 된 .. 2024. 5. 27. 블랜드 모드 활용하기 Blend Tool ( ctrl + alt + B ) 블랜드 효과를 적용하는 방법은 아이콘을 클릭후 도형 두개를 눌러주는 방법과, 두 도형을 드레그 한 뒤 object - blend - make 를 클릭하느 방법이 두가지가 있다. 블랜으 아이콘을 두번 더블클릭하면 Blend Options 이 나오는데, 이곳에서 Specified Distance 로 변형한뒤 적용하면 아래와 같은 효과를 줄 수 있다. 글자를 강조하거나 배경화면의 포인트로 주기에 적합한것 같다. 2024. 5. 24. 글자 효과 조합 (Mutiply, Screen) 2024. 5. 24. 도형에 글자넣기 2024. 5. 24. 이전 1 2 3 4 다음
