1D

보통 pc ver.1개, mobile ver.1개 만든다. 화면해상도가 1440 이상인 것을 pc로 친다. 1440으로 디자인하는 경우는 없다. 1920 pc기준으로 만든다. 시안 주제 만들기로고 만들기 일러스트로 '로고'를 그려야 자유롭고 편하다. 로고가 큰 경우 세로 2단으로 gnb를 구성하여 헤더를 꾸민다. 로고가 가로로 긴 경우는 위에서 아래로 내려오는 디자인을 쓴다. 디자인할 때 헤더, 메인, 푸터 순으로 디자인한다. 위에서 아래로 내려오는 디자인을 할지, 왼쪽에서 옆으로 할지 정해야한다.메인컬러는 회사의 로고색상을 따라간다. 내용을 뭐로 구성할지 나와야한다. 디자인해본적 없는 사람은 와이어 프레임(레이아웃을 rough하게 그려보는 것) 먼저 작업해야한다. 보통을 가로 1600 로 만든다. (예..

오토레이아웃 단축키Shift+A피그마의 핵심 기능 중 하나, 반응성과 유연성이 뛰어난 동적 레이아웃을 만들 때 굉장히 유용한 기능.기본으로 프레임에 해당 속성이 포함되어 있으며 프레임 내부 구성요소들의 배열 방향, 간격, 패딩(안쪽 여백,상하좌우), 정렬 등 다양한 옵션 설정 가능.이를 통해서 내부 컨텐츠 크기에 따라 프레임 크기가 자동으로 조절되거나 반대로 프레임 크기에 따라 컨텐츠의 사이즈를 자동으로 조절할 수 있음. 오토레이아웃을 사용하게 되면 디자인 내용이 수정될 때 각 요소의 크기나 위치를 직접 편집할 필요가 없어서 프로세스를 크게 단축시킴.프레임에서만 쓸 수 있고, 프레임 안에 컨텐츠를 나열할 때 씀!글자,이미지,컨텐츠가 들어가려면 프레임으로 만들어야함!margin : 프레임과 프레임 사이의 ..