반응형 STUDY5 [Figma 독학] 컴포넌트가 뭔가요? 컴포넌트의 중요성과 만드는 방법 피그마에서 컴포넌트를 사용해야 하는 이유 컴포넌트는 반복하여 사용하는 UI들의 규칙을 규정하여 규격화하는 것입니다. 그럼 컴포넌트를 사용해야 되는 이유는 뭘까요? 많은 화면이 제작되는 UXUI프로젝트 특성상 반복적으로 사용돼야하는 UI들이 있고 매번 UI를 만들어 가면서 작업하게 되는 것은 매우 비효율적으로 작업한다라고 할 수 있습니다. 특히 개선 사항에 대한 가설을 빠르게 적용시키고 수정해 나가야 하는 이 분야는 빈번히 디자인을 수정하게 됩니다. 이럴 때 컴포넌트를 이용하지 않는다면 여러분들은 하나하나 선택해서 일일이 수정해야 하는 상상만 해도 수고스러운 작업을 하게 됩니다. 예를 들면 반복적으로 만들어져야 되는 디자인 프로젝트에서 여러분들이 어떠한 버튼을 도형 툴을 이용해서 일일이 만들어낸다고 한번 .. 2022. 6. 17. [Figma ETC] 디자인 시스템(Design System)에 관하여 디자인 시스템(Design System)이란? 디자인 시스템이란 서비스를 만들면서 사용한 공통 서체, 컬러, 인터랙션 및 각종 정책과 규정에 관한 모든 컴포넌트를 정리해놓은 것을 의미한다. 디자인 시스템을 이용하면 재설계하는데 시간을 낭비하지 않고 제품을 업데이트하는데 시간을 효율적으로 쓸수 있는 장점이 있으며 불필요한 커뮤니케이션을 없앨 수 있다. 디자인 시스템을 사용하게 되면 정해진 가이드라인에 따라 구축을 하면 되고 변경사항이 생길때는 디자인 시스템을 수정하여 지속적인 유지 관리가 가능하다. 만약 디자인 시스템이 없다면 어떤 디자이너와 개발자 프로젝트를 맡는지에 따라 미묘한 차이가 생기고 정돈을 위한 추가작업이 들어가야 할수도 있기 때문에, 처음부터 이런 차이가 생기지 않도록 관리해야 전체적으로 디.. 2022. 6. 9. [Figma ETC] 웹 기획자는 무엇을 하는 사람일까? 웹 기획자의 역할 1. UI, UX 컨셉정의 : 서비스 아웃풋을 위한 첫 과정 2. 요구사항 수집 및 확정, 메뉴설계 3. 스토리보드 작성 4. 프로젝트 일정과 진척률 관리 5. 컨텐츠/자료 수집과 편집, 관리 6. 디자인, 개발 산출물 검수 7. 단위 테스트, 통합 테스트 계획 및 진행 (QA팀이 별도로 있다고 해도 기획자 선에서도 실행) 8. 각종 보고서 작성 (디자인팀, 개발팀에서도 작성하지만 보통 기획킹에서 취합하여 통합 보고와 진척률 관리) 9. 중간보고, 메뉴얼 작성, 완료보고 ( 모든 팀에서 각자 업무 범위에 대해 작성하고 기획팀에서는 이를 취합 및 보고함) 기획자는 이처럼 프로젝트 진행을 위한 설계와 관리에 포함되는 업무를 진행하는 사람이다. 웹기획자는 진행하는 업무에 따라서 다음과 같은 .. 2022. 6. 7. [Figma 독학] 피그마 커뮤니티 소개 및 유용한 플러그인 추천 피그마 커뮤니티 피그마 시작화면 좌측을 보면 메뉴들이 나와있는데, Recents와 Drafts 밑에 Community메뉴가 있다. 커뮤니티는 피그마에서 제공하는 각종 기능 설명 문서들과 파일들이 제공되며 사용자들끼리도 디자인 가이드, UI KIT, 아이콘 등을 공유하면서 유용한 자료들을 얻을 수 있는 환경이다. 피그마 커뮤니티에서는 피그마 파일 자체를 공유함으로써 사용자들이 공유된 파일을 직접 만져보면서 레이어, 에셋 등 구성요소와 사용된 스타일을 파악할 수 있다. 피그마 커뮤니티에 들어오면 수많은 자료들이 목록에 등장을 하게 되는데, 상단에 파일유형별로(ex. Plugins, Widgets, Figjam, Design systems)등 필터링할 수 있도록 기능이 제공되고 있다. 커뮤니티에 올려져 있는 .. 2022. 6. 6. [Figma 독학] 피그마는 어떤 툴인가? 피그마 기초정보 알아보기 디자인-프로토타이핑-협업까지 모든 프로세스를 한 곳에서 가능 피그마는 프로젝트의 처음부터 끝까지 하나의 프로그램안에서 모든 걸 끝낼 수 있는 올인원 툴이다. 화면 설계를 위한 와이어프레임 작업, UI 디자인, 디자인 시스템 정립, 프로토타이핑, 실시간 협업 등이 가능한 장점이 있다. 피그마는 팀원 여러 명이 동시 접속하여 실시간 수정이 가능하며 피드백 코멘트를 남길 수 있으므로 작업의 효율성을 높여준다. 또한 다른 여러 툴들이 한시적으로 시험판을 제공하고 일정기간이 지나면 이용료를 과금하는 방식인 반면에 피그마는 무료로 사용이 가능하다. 피그마 스타터 플랜 스타터 플랜은 디자이너 혼자서 작업할 때나 작업자가 2~3명 있는 소규모팀으로 이용할 때 사용한다. 권한 파일 수정 권한을 가진 에디터(editor).. 2022. 6. 6. 이전 1 다음 반응형
