스케치 썸네일형 리스트형 [Figma] - 오토레이아웃을 활용해 피그마 레이아웃 구조 짜기 피그마로 이해하는 레이아웃 구조 디자이너는 부모 자식개념을 활용한 디자인 개념 지식이 부족하다. 피그마 오토레이아웃을 활용 해 레이아웃을 짜면 부모 자식간의 관계를 명확히 파악 할 수 있다. (반응형 디자인은 덤) Autolayout_0_최상위 = 제일 큰 할아버지격의 프레임(=아트보드) Autolayout_1_부모 + Autolayout_2_부모 = Autolayout_0_최상위(할아버지) 의 아들들 이런 식으로 큰 박스부터 작은박스들의 구성으로 이루어진다. 글이 어려울 수 있으므로, 표로 위 그림의 위계질서를 나타내면 다음과 같다. 1Depth 2depth 3depth 4dpeth Autolayout_0_최상위 Autolayout_1_부모 Autolayout_1_자식 Autolayout_2_부모 Au.. 더보기 [Figma] 스케치에서 피그마로 이사온 후기 - 첫번째 이야기 Sketch vs XD vs Figma UI 디자인 툴에서 어떤것을 사용하느냐는 그동안 큰 의미가 없었다. 툴은 디자인을 도와주는 도구 일 뿐, 그 이상의 역할은 하지 않는다고 생각했기에.. 하지만 최근 피그마의 열일로 인해, 2020년까지 비등비등 하던 세개 툴의 경쟁이 피그마의 승리로 점점 나아가는 듯 하다. 디자이너라면 새로운 것에 뒤쳐져선 안되는 법. 현재 나의 커리어를 만들어 준, 스케치를 버리고 피그마로 갈아타게 되었다. 이사온 Figma , 어떤 장점이 있을까? 1. 웹기반의 극강의 장점 피그마는 Sketch, XD와는 다르게 처음부터 웹 베이스로 만들어졌다. 웹 베이스는 인터넷만 된다면 언제 어디서든 실시간 연동 및 저장이 된다. 필자는 사무실, 집, 카페 등 장소를 많이 옮겨가며 일하는 .. 더보기 이전 1 다음
