떠오르는 UI디자인 제작툴, 피그마를 알아보자

떠오르는 UI디자인 제작툴, 피그마를 알아보자

 

 

안녕하세요.

메가스터디컴퓨터아카데미입니다.

여러분은 디자인이라는 분야에 대해서 어떻게 생각하시나요? 디자인이 우리 인류에게 가진 의미는 어떤 부분에서 찾아볼 수 있을지 먼저 함께 이야기해 보도록 하겠습니다. 디자인은 인류의 발전과 문화를 대변해 주는 요소입니다. 그 이유는 디자인이 인간의 상상력과 창의력이 빚어낸 결과이기 때문입니다. 

그리고 디자인은 제공되는 서비스와 제품의 사용을 더욱 유용하고 편리하게 해줍니다. 디자인을 통해 우리는 보다 편리하고 쉽게 정보를 공유하며, 소통을 할 수 있게 된 것입니다. 또한 디자인은 하나의 예술 그리고 문화 분야로, 인간의 감성을 다루는 역할도 합니다. 미적으로 즐거움을 줄 수 있는 디자인을 통해 우리는 사상의 자극을 받고, 감동을 느끼기도 합니다.

 

 

 

 

전통적으로 수행되었던 디자인과 현대의 디자인은 서로 조금의 차이점을 지니고 있습니다. 보편적으로 고정된 디자인 기술과 규칙, 미의 원칙을 따라는 경향이 강한 전통 디자인에 비하여, 현대의 디자인은 혁신성과 다양성, 실험성에 보다 더 중점을 두고 있습니다. 따라서 현대 디자인에서는 아이디어의 혁신이 매우 중요한 부분입니다.

그리고 현대 디자인은 사용자 중심이라는 접근이 강조되고 있습니다. 서비스 혹은 제품을 디자인하는 경우, 사용하게 될 사람들의 요구와 욕구를 고려하는 형식입니다. 더불어 활동적인 디자인 또한 강조되어, 서비스와 제품의 편리성, 미적 우수성 만이 아닌, 사용자 경험 측면에서도 완성도 높은 디자인으로 성공적인 결과를 얻고 있습니다.

 

 

 

 

현대의 디자인은 어떤 종류로 나누어볼 수 있을까요? 크게는 산업 디자인, 패션 디자인, 그래픽 디자인, 인테리어 디자인 등으로 나눌 수 있습니다. 산업 디자인의 경우는 제품과 기계, 차량 등 생산 활동과 관련이 있는 분야의 제품 형태와 기능, 재료 등에 관한 디자인입니다. 광고물, 브랜드 로고, 인쇄물, 웹 등의 디자인을 다루는 분야가 그래픽 디자인입니다.

패션 디자인은 의류와 액세서리 등의 디자인을 다루는 분야로, 디자이너들은 본인만의 개인적인 창의력을 바탕으로 트렌드, 색상, 소재 등을 고려한 디자인을 수행합니다. 그리고 다양한 건축과 공간에 대한 디자인을 담당하는 인테리어 디자인은 공간의 형태, 조명, 가구, 색상 등을 설계하여 다욱 편의성 높고 심미적인 안정성을 주는 공간을 탄생시키고 있습니다.

 

 

 

 

이번에는 최근 많은 산업 분야에서 다양하게 활용되고 있는 UI 디자인에 대해서 살펴보겠습니다. UI 디자인은 User Interface Design으로 사용자 인터페이스에 대한 디자인입니다. 하드웨어와 소프트웨어 그리고 사용자 간의 상호작용을 설계하는 일입니다. UI 디자인에서 중요하게 고려되어야 하는 부분은 사용자가 편리하게 시스템을 제어할 수 있도록 하는 일과 필요한 정보가 효과적으로 제공되어야 한다는 점입니다.

현재 디자인 계통에서 UI 디자인의 중요성이 증가하고 있는 것은 사용자 중심의 디자인, 즉 보다 나은 사용자 경험을 제공하기 위해서입니다. 결국, UI 디자인은 사용자의 경험 향상에 도움을 주는 요소로, 글꼴과 버튼, 아이콘, 메뉴 등의 크기와 색상을 디자인하여 사용자들에게 보다 직관적이고 사용하기 쉬운 환경을 만들어 주는 일입니다.

 

 

 

 

디자이너들이 UI 디자인을 하는 과정에서 어떤 도구들의 도움을 받고 있을까요? UI 디자인에 주로 활용되는 소프트웨어를 알아보겠습니다. 먼저, 디자인 업계의 표준이 된 소프트웨어인 Adobe사의 포토샵이 있고, 같은 회사의 일러스트레이터, 스케치, 피그마 등 여러 그래픽 툴이 있습니다. 이 툴들은 UI 디자인에 적합한 벡터 이미지, 페이지 디자인, 아이콘, 프로토타입 등의 기능을 가지고 있습니다.

또한, UI의 요소들을 테스트 해보며, 사용자 경험을 시뮬레이션 해볼 수 있는 Axure RP, UXpin과 같은 프로토 타이핑 툴도 활용이 되고 있습니다. 그리고 코딩이 가능한 디자이너들의 경우는 HTML, JavaScript, CSS 등 클라이언트 사이드 웹 기술로 직접 UI의 요소들을 디자인하기도 합니다.

 

 

 

 

UI 디자인에 널리 사용되는 그래픽 툴 중 피그마라는 소프트웨어에 대해서보다 자세히 알아보겠습니다. 피그마는 어도비를 모기업으로 하는 곳에서 개발된 UI/UX 디자인, 프로토타이핑, 그리고 협업을 위한 클라우드 기반의 그래픽 편집 도구입니다. 강한 벡터 그래픽 편집 기능을 바탕으로 UI 디자인을 위한 효과적인 요소들을 제공하고 있습니다.

포토샵, 일러스트레이터와는 달리 다운로드 없이도 클라우드를 통해 모든 작업이 가능하고, 여러 사용자의 동시 작업도 제공하여 피그마를 통해 효율적인 협업을 할 수 있습니다. 이 밖에도 스타일 가이드, 프로토 타이핑, 코드 출력 등의 기능도 있으며, 직관적인 UI를 가져 UI 디자인에서 매우 높은 효율과 생산성을 보입니다.

 

 

 

 

앞서 알아본 내용과 같이 UI 디자인을 위해 활발히 사용이 되고 있는 피그마는 어떻게 익힐 수 있을까요? 피그마를 쉽고 빠르게 배울 수 있는 곳! 메가스터디컴퓨터아카데미가 있습니다. 메가스터디컴퓨터아카데미의 피그마 과정은 프로토 타이핑, 협업을 위한 UI 디자인 툴인 피그마의 기본적인 사용방법과 실무에서의 활용법을 익혀, 능숙하게 UI 디자인에 대한 실무를 하고, 개발자와의 협업도 가능한 기술을 체득하는 것이 목표입니다. 

 

메가스터디컴퓨터아카데미의 피그마 과정이 어떻게 이루어지는지 소개해 드리겠습니다. 우선은 피그마의 인터페이스를 시작으로 다루게 되는 각종 툴의 사용법을 배우게 됩니다. 이후에 반복적으로 활용이 되는 요소들과 화면을 효과적으로 관리하는 시스템에 대해서 배웁니다. 그렇게 배운 지식과 기술을 사용해 생동감 있는 프로토 타입을 제작하고, PC, Tablet, Mobile 등 다양한 기기에 적합한 사이트를 제작하게 됩니다.

 

 

 

 

이론 20%와 실습 80% 비율의 실습 위주 강의와 개인의 작업물을 주제별로 피드백하여 보다 높은 품질의 레이아웃을 제작할 수 있도록 진행되는 메가스터디컴퓨터아카데미 피그마 과정을 수료한 뒤에는 시각 디자인을 비롯해 웹, 앱 디자인, 광고 대행사, 기업의 디자인팀 등으로 진출할 수 있습니다. 

디자인 분야의 핵심적인 개념이 되어가고 있는 UI 디자인! 많은 UI 디자이너들이 선택하고 활용하는 피그마 활용 능력은 메가스터디컴퓨터아카데미 피그마 과정과 함께 쌓아보시면 어떨까요?

 

 

 

https://megastudy-computer.com/curriculum/653

메가스터디컴퓨터아카데미