피그마 4

대학교 과제 피그마로 만들기(2)-앱화면 만들기

안녕하세요 그냥입니다.오늘은 저번 포스팅에서 보여드렸던, 제 대학교 과제를 피그마로 구현시킬 겁니다.이겁니다. 앱 첫 화면은 어플의 로고만 제 아이템은 자취를 하는 밀레니얼 세대들에게, 혼자 요리를 쉽게 할 수 있는 거였습니다.따라서 "혼자서도 쿡쿡쿡"이라는 어플 이름을 만들어봤습니다.저는 어도비를 쓸 줄 몰라서, 아이패드로 어플 로고를 그렸습니다.피그마에서 place image-layer-multiply 해서 로고를 넣어줍니다.두번째 화면은, 기본 정보 입력받기 제 아이템에서는, 사용자가 기본적으로 가지고 있는 요리환경이 어떠한지 정보를 입력받아야 합니다. 따라서 식재료,조리도구,시간과 비용에 관한 정보를 입력받도록 했습니다.rectangle을 삽입하고, 직사각형을 둥그렇게 깎았습니다. (화면을 확대해..

대학교 과제 피그마로 만들기(1)-피그마 단축키 알아보기

안녕하세요 그냥입니다.뭔가 오랜만인 것 같네요..요즘 공모전 준비로 너무 바쁩니다. 그래서 오늘은 공모전에 유용한 피그마를 다시 들고왔습니다.제가 너무 많이 말해서, 지겨우시죠.저도 지겹습니다.ㅎ 그러나 할줄 아는게 없어서,, 이 프로그램이 근데 진짜 유용해서..그럽니다. 오늘은 본격적으로 만들기 전 피그마 주 사용키를 알려드릴겁니다. ctrl+shift+/ 이렇게 누르면, 아래쪽에 단축키가 뜹니다.저는 단축키를 잘 사용하지 않기 때문에 참고하세요!! 1. 이미지 배경색이랑 동일하게 만들기->이미지를 삽입하게 되면, 그 이미지의 배경색과 어플의 색을 동일하게 만들어야 하는데요.->그럴땐 우측 상단 layer-multiply를 눌러줍니다.2. 두개의 개체들을 한 그룹으로 묶기 -> 화면을 만들다보면, 계속..

피그마로 어플만들기(3)

안녕하세요 그냥입니다. 오늘은 피그마로 어플 만드는 법 세번째 포스팅입니다. 오늘은 액션을 만들어서 뭐를 눌렀을 때,어디로 화면이 넘어간다 이거를 알려드리려고 합니다. 사실 이거만 배우면 다 끝났습니다. 진짜로요. 으악 오늘은 글로만 설명 드릴게요... 준비가 안돼서.. 액션을 만든다:그것은 화면이 어디서 어디로 넘어가는가를 의미 피그마는 코딩을 하지 않기 때문에, 뭘 누르면 진짜 글자가 써지고 자동으로 뭐가 나타나고 이런건 할 수 없습니다. 그러나 어떤 버튼을 눌렀을 때, 어떤 화면이 나타나는지 혹은 스와이프를 해서 화면이 넘어가는지..등등을 설정할 수는 있죠 이게 중요한 이유는, 이 다음 화면으로 뭐가 연결되는지 그런 사소한게 사용자들의 편리함을 결정 짓거든요 그래서 그 방법도 엄청 간단합니다. 1...

피그마로 어플만들기(1)

안녕하세요 그냥입니다.오늘은 피그마(figma)라는 프로그램을 이용해서 어플을 만드는 첫번째 포스팅을 해보겠습니다.일단 피그마라는 프로그램이 뭔지 잘 모르시는 분들도 있을텐데요,이 프로그램은 쉽게 말해서 코딩없이 어플의 화면을 제작하는 겁니다.따라서 피그마를 사용하면 앞으로 제작할 어플의 프로토타입을 만들 수도 있고, 친구나 연인에게 이색적인 선물이 될 수도 있을 것 같습니다. 저는 이때까지 피그마를 이용해서 아이폰8의 어플화면을 주로 만들었고, 제품홍보 포스터나 갤럭시 탭 화면을 만들었는데요정말 초보자도 쉽게 이용할 수 있게 해두었기 때문에 여러분들도 금방 따라서 만드실 수 있을 것 같습니다. 그래서 오늘은 그 첫번째 단계로 회원가입부터 기본 셋팅을 어떻게 하는지 알려드리도록 하겠습니다.1.검색창에 "..

728x90