[내일배움캠프 사전캠프 1일차] UXUI사전캠프 퀘스트 및 피그마 기초 1주차 수강

퇴사이슈로 인하여 사전캠프에 부득이하게 중간 합류를 하게 되었다!

아직 낯설고 적응이 안되지만 차근차근 사전캠프 퀘스트를 진행하였고

저번주 주말에 미리 피그마 기초 1주차를 수강하였다..!

 

 

<체계적으로 배우는 피그마 기초 완전 정복 1주차>

-수업목표

1. 피그마 인터페이스를 배우고 사용할 수 있다

2. 레이어의 개념을 이해하고 만들 수 있다

3. 도형을 생성하고 원하는 대로 편집할 수 있다

 

 

-피그마란?

디자인 툴이자 협업 도구로 다양한 직군(디자이너, 개발자, 마케터 등)들과 공유하면서

작업을 할 수 있으며 피그마 하나만 제대로 배워도 UXUI디자이너로서 충분한 가치가 있다.

 

 

-디스플레이와 배수 이해하기

디스플레이란 앱, 키오스크, 전광판, 티비 등의 디지털 화면을 말하며

이 디스플레이는 픽셀이라는 작은 칸들로 이루어져 있다.

해상도는 디스플레이의 선명한 정도를 나타내는 말이다.

1배수 디자인 : 원본 사이즈로 사람들이 가장 많이 쓰는 사이즈이다.

 

 

-이미지 표현 방식, 벡터와 래스터

1. 래스터 방식

픽셀 칸에 색깔 칩을 하나씩 담는 형식으로 jpg, bmp, gif, png 형식으로 쓰인다.

해상도가 높을수록 화질이 좋다. 해상도가 낮은 이미지를 크게 만든다고 화질이 좋아지지 않는다.

확대와 축소를 반복하면 색상정보가 사라진다. 고해상도 이미지를 표현하기 좋다.

2. 벡터 방식

그림을 수식으로 표현하는 형식으로 코드 파일에 가까우며 svg 형식으로 쓰인다.

크기 변형이 자유롭다. 이미지가 복잡하면 수식도 복잡해진다.(파일 크기가 커진다.)

 

 

-8포인트 그리드

일반적으로 디자인 요소들은 8의 배수로 만든다. 어떻게 나누어도 짝수로 딱 떨어지기 때문이다.

 

 

오늘의 아티클

사람의 눈으로 보라!!

위에보다 아래가 더 길어보이지만

사실 길이는 똑같다!!

이렇게 사람 눈을 관점으로 디자인을 해야 한다는 것을 알 수 있었다.

구글 로고도 이론적으로는 사실 대칭이 맞지 않는다고 한다. 처음 안 사실이었다..!

글자 간격도 이렇게 미세하게 조절하는 줄 몰랐어서 아직 갈 길이 멀다고 생각했다,,

좀 더 디테일한 감각을 가질 수 있도록 더 노력해야겠다..!

 

피그마  둘러보며  1주차  숙제하기

직접 피그마 프로그램을 다뤄보면서 1주차 숙제를 하였다. 피그마를 익힐 때에는 글로 작성하기보다는 직접 해보면서 익히는 것이 더 빨리 와닿아 이 부분의 글은 생략하겠다. 아직 익숙하지 않아 쉬운 숙제임에도 조금 버벅거렸지만 점차 하다보면 나아질 것 같았고 나름 재미도 있었다! 언젠가 피그마 고수가 되는 그 날까지,, 화이팅이다!

 

+내일 학습 할 것

1. 아직 못 다한 UXUI사전캠프 퀘스트 진행하기

2. 피그마 기초 2주차 수강하기