마케팅 툴/피그마 썸네일형 리스트형 콘텐츠 마케팅 스쿨 스터디노트 | 피그마 강의 05 피그마 강의를 통해 배운 내용을 간단한 디자인을 제작해 보았습니다. 디자인을 만들고 어떻게 공유하는지와 부족한 부분을 점검해 보았습니다. 색을 고르는 감각과 오브젝트를 생성 폴더로 관리하는 법, 와 기능을 활용에서 많이 부족했습니다. 자료 벤치마킹, 요소 정리, 피그마의 기본 기능 활용 능력을 좀 더 공부해야 겠다고 느꼈습니다. 1. 디자인 강의를 보면서 제작한 디자인입니다. 1번 디자인은 모달창입니다. 2번 메인페이지의 목록 버튼을 누르면 왼쪽에서 나오는 창입니다. 개인 계정을 확인할 수 있는 영역이며 X 버튼을 누르면 메인페이지로 돌아가도록 만들었습니다. 메인페이지의 첫 번째 영역은 을 활용해 드래그를 하면 이미지창이 변하도록 설계했습니다. 영역은 "overflow scrolling"의 "Horizo.. 더보기 콘텐츠 마케팅 스쿨 스터디 노트 | 피그마 강의 03 콘텐츠 마케팅 스쿨 피그마 강의에 대한 복습 내용입니다. 피그마 활용에서 간단한 도형 생성과 불리언, 마스크 효과에 이어서 컬러, 이미지, 효과에 대해 알아보도록 하겠습니다. 목차 피그마 소개 피그마 인터페이스 피그마 활용 프로토 타입 3. 피그마 활용 1) 컬러 & 그라디언트 [컬러] 피그마에서 컬러는 다양하게 사용할 수 있습니다. ui 디자인에 활용하기 쉽게 설정되어 있어서 간편하게 컬러를 변경, 저장할 수 있습니다. 컬러변경은 오른쪽 design 창에서 부분에서 이루어집니다. 창에는 hex 코드부터 rgb, css 등 다양한 속성으로 컬러를 편집할 수 있습니다. 그리고 퍼센티지를 조절하여 투명도 또한 손쉽게 편집할 수 있습니다. 피그마 컬러는 한 도형에 여러 컬러를 중첩할 수 있습니다. 영역에 "+.. 더보기 콘텐츠 마케팅 스쿨 스터디 노트 | 피그마 강의 02 콘텐츠 마케팅 스쿨 피그마 강의를 듣고 복습한 내용입니다. 도형부터 펜툴 등 피그마를 사용하는데 필요한 기본 지식을 정리해 보았습니다. 피그마 사용법도 중요하지만 사용법을 익히고 '어떻게 활용해야 할까?'가 중요한 것 같습니다. 툴의 전반적인 내용을 공부한 뒤 스스로 피그마를 활용해보는 연습이 필요하다고 느꼈습니다. 목차 피그마 소개 피그마 인터페이스 피그마 활용 프로토 타입 3. 피그마 활용 1) 프레임 생성 피그마에서 "New file"로 디자인 창을 열어줍니다. 디자인 창을 처음 열면 프레임을 만들어야 합니다. 프레임은 여러 가지 템플릿 크기를 제공하고 있습니다. 자신이 원하는 작업 사이즈에 맞춰 선택해주거나 직접 드래그해서 만드시면 됩니다. 2) 다양한 형태 만들기 ① 다각형 [사각형] 다각형 중.. 더보기 콘텐츠 마케팅 스쿨 스터디 노트 | 피그마 인터페이스 01 콘텐츠 마케팅 스쿨 피그마 강의에 대한 복습 내용입니다. 피그마는 최근 어도비에서 인수한 ux 툴입니다. 디자인 협업 툴로 많이 사용되기 때문에 마케터가 피그마를 활용할 줄 안다면 디자인 업무에서 많은 도움이 될 것이라고 생각합니다. 피그마 포스팅은 피그마 설치, 인터페이스 활용, 공유와 협업까지 전반적인 내용을 설명드립니다. 목차 피그마 소개 피그마 인터페이스 피그마 활용 프로토타입 공유와 협업 1. 피그마 소개 피그마는 디자인 파일과 피그잼 파일 두 가지로 나뉩니다. ux design 디자인 시스템 구축 프로토타입이 목적이면 피그마 디자인 파일을 사용합니다. ux 리서치, 아이디어 수립, 플로우 제작처럼 기획 단계가 목적이면 피그잼을 사용합니다. 피그마는 하나의 파일에 여러의 사용자가 함께 수정하는 .. 더보기 이전 1 다음
