배우려는 사람만이 배울 수 있다

모르는 건 당연하고 배운 것을 활용하지 않으면 시간 낭비입니다.

오토레이아웃 2

프로토타입 핵심1) 스크롤 & 화면 연결 하기 & 인터렉션 복사 붙여넣기

안녕하세요. 프로토타입 인터렉션 복사 붙여 넣는 방법을 알려드리겠습니다. 프로토타입을 간단히 설명하면 디자인 후 서비스에 대해 코딩이나 개발을 하지 않고도 움직임을 넣어서 기획자, 디자이너, 개발자... 등 이해관계자들이 실제 구현될 서비스에 대해 미리 사전에 점검을 할 수 있고 최종으로 서비스 출시 전 사용자가 실제로 서비스를 이용하면서 화면 흐름상 어색하진 않은지 개선할 영역은 없는지... 등 사용성 테스트(Usability Testing)를 할 수 있습니다. 프로토타입은 크게 스크롤과 화면연결로 볼 수 있습니다. 스크롤(scroll) : 콘텐츠의 길이가 뷰포트 영역보다 클 경우 콘테츠를 보는 방식을 수직스크롤, 수평스크롤, 모든 방향 스크롤로 지정합니다. 스크롤은 프로토타입 패널에서 설정할 수 있으..

피그마 핵심1) 오토 레이아웃에 대해 알아볼까요?

피그마의 다양한 기능 중에 단연 으뜸가는 기능은 오토 레이아웃(Auto layout)이 아닐까 생각합니다! 오토 레이아웃만 잘 활용해도 정말 빠르게 UI 시스템을 만들 수 있습니다. 오토 레이아웃을 쓰지 않아도 디자인은 할 수 있지만 장기적으로 보면 오토 레이아웃을 사용해야 더 원활한 시스템을 구축할 수 있습니다. : ) 내용이 방대하여 한 번에 설명하기보다는 필요한 부분만 볼 수 있도록 여러 타입을 순차적으로 포스팅할 예정입니다. 1. 오토 레이아웃 - 버튼 만들기 2. 오토 레이아웃 - 리스트 만들기 3. 오토 레이아웃 - 카드 만들기 오늘은 오토 레이아웃을 적용하는 방법에 대해서만 간단히 다뤄볼까 합니다. 오토 레이아웃을 만드는 방법은 3가지입니다. 첫 번째, 모든 아이템을 선택 후 단축키 Shif..