반응형

피그마 3

Figma의 스타일 등록 및 적용, 스마트 셀렉션, 오토 레이아웃

Figma의 스타일 등록 및 적용, 스마트 셀렉션, 오토 레이아웃  1. 스타일을 등록하는 방법(create style)1) 글자 스타일글자를 선택하고 오른쪽 패널에서 Text의 ‘점자’ 버튼을 클릭한 후, ‘+’ 아이콘을 클릭하여 글꼴과 폰트 사이즈에 대한 스타일을 등록한다.2) 색상 스타일스타일로 만들 객체(색상)를 선택하고 오른쪽 패널에서 Fill의 '점자'버튼을 클릭한 후 '+' 아이콘을 클릭하여 색상 스타일을 등록한다. 2. 스타일 적용하기글자를 작성한 후 오른쪽 패널창에서 등록해 둔 스타일을 선택하면 반복적인 스타일 적용 작업을 빠르게 할 수 있다. 필요한 스타일을 바로바로 적용할 수 있어 편리하다. 스타일 적용한 개체에 대해 수정을 하고 싶을 때에는 해당 스타일 이름에 마우스 오버를 하면 e..

본업성장 2024.07.24
Figma의 기본 기능 이해하기 | 프레임, 도형, 이미지 삽입

Figma의 기본 기능 이해하기 | 프레임, 도형, 이미지 삽입 1. 프레임이란?프레임이란 작업을 하는 창이다. 상단 도구상자에서 프레임을 클릭 후, 우측 패널에서 프레임 크기에 대한 설정을 할 수 있다. 기획, 설계 시 프레젠테이션 16:9 사이즈를 많이 사용한다. 작업 시에 각 개체가 프레임 안에 잘 들어가 있는지 레이어를 잘 확인해 가면서 작업해야 한다. 확실하게 프레임 위에서 작업하기 위해서는 복사 및 붙여넣기를 할 때 레이어 패널에서 해당하는 프레임을 선택한 후 한다.(ctrl+c, ctrl+v) 2. 도형 도구피그마에서는 도형 그리기 및 이동 시 자동으로 가이드라인이 나오며 snap되기 때문에 편리하다. 또한 그린 도형을 alt키를 누르면서 드래그하면 복사가 되며 shift를 함께 누르면서 드..

본업성장 2024.07.16
Figma의 특징과 시작하기 | UX/UI 디자인이란?

Figma의 특징과 시작하기 | UX/UI 디자인이란?1. Figma의 특징- 자동저장을 할 수 있다.- 무료버전이 있다.- 올인원으로 활용할 수 있다.- 동시 협업이 가능하다.- 플러그인을 활용할 수 있다.- 접근성에 제약이 없다.(멀티 디바이스에서 동시 작업이 가능하다.)- 해상도 대응과 편리한 개발자 핸드오프를 제공한다.- 디자인 리소스 매니지먼트, 디자인 시스템을 갖추고 있다.- 온라인 커뮤니케이션, 디지털 프로토타이핑 가능, 레퍼런스 활용이 가능하다.- 레퍼런스 중에 최근에 출시된 피그마 커뮤니티> 프레젠테이션 서비스가 제공되고 있어서 추가적인 활용이 가능하다.- 공유되고 있는 유료나 무료의 PPT 템플릿을  활용할 수 있다.- 기획과 UI/UX 디자인을 통해 프로토타입을 제작할 수 있다.- 개..

본업성장 2024.07.10
반응형