피그마 모바일 화면 (1) 썸네일형 리스트형 피그마 7일차 - 플러그인 Break points를 이용한 반응형 웹사이트 만들기! 안녕하세요 시란입니다. 이번 시간에는 반응형 홈페이지를 쉽게 작업하는 방법을 알아보도록 하겠습니다. 먼저 준비물은 각 웹 홈페이지가 되겠습니다. 사이즈별로 desktop 버전, 모바일버전, 태블릿버전을 만들어줍니다. 그리고 버튼 배치나 아이콘 배치를 각각 해주면 됩니다. 저는 아래 사진과 같은 예시 페이지들을 가져왔습니다. 그리고 나서 반응형 페이지 작업을 쉽게 도와주는 breakpoints라는 어플을 설치하도록 하겠습니다. 현재 breakpoints는 유료네요. 이 breakpoints라는 플러그인은 우리가 지금 준비한(만든) 모바일화면, 태블릿 화면, 데스크톱 화면을 하나의 프레임으로 만들어서 해당 프레임의 크기를 변경하면 자동으로 모바일, 태블릿, 데스크톱으로 변경해줍니다. 무료버전 사용하기를 통해.. 이전 1 다음
