[FASTCAMPUS] 패스트캠퍼스 챌린지 🔥

[패스트캠퍼스 수강 후기] UIUX 인강 100% 환급 챌린지 19회차 미션

문도하 2020. 11. 20. 22:01

 

 

 

 

 

 

 

 

19 회

11/20

 

화이팅

 


03. UI 디자인

 

클립 05. 디자인 기초와 컨셉 - 02. Keywords

어떻게 하면 시각적으로 표현할 수 있는 중심 기준점을 컨셉 키워드라고 부름. 

훨씬 시각화에 도움을 받을 수 있음 

 

키워드를 정하는 것은 매우 다양할 수 있음 

 

1. 종이에 기록

2. 팀원이 많을 경우 회의실에 모여 머리를 맞대고 회의 

 

시각화를 위한 키워드니까 좀 더 구체적인 키워드가 필요함 

축이나 기준 등에 대한 내용들을 중심으로 가지치기 진행

 

3. 워크샵 진행

 

 

키워드 진행 TIP

 

 

원을 그리고 2차, 3차 키워드 진행 

주제와 allign될 수 있는 것들을 뽑아서 진행


클립 06. 디자인 기초와 컨셉 - 03. Image, Mood board

Airbnb 

광고집행 시 유명한 사이트가 아니라 실제로 그곳에서 살아보고 싶다는 생각을 경험하고 싶게끔 만드는 이미지를 추구한다.

이미지를 커뮤니케이션을 원할하고 효율적으로 소통할 수 있게 해줌 

 

MOOD BOARD 

 

 

 

A mood board (or inspiration board) is a physical or digital collage of ideas that are commonly used in fields like interior design, fashion, and graphic design.

Mood boards are so much more than curating your Pinterest board. Don’t believe us? Below, we list some of the ways developing a mood board can help you develop your ideas. From multi-team projects to building the foundations of a company, learning to use mood boards as part of your initial brainstorming process can help you save time and energy when maturing an idea.

While many assume that mood boards are only necessary for projects like interior decorating and wedding planning—hello Pinterest!—the truth is, many professionals in many different arenas rely on mood boards as their first port of call for any big project. In fact, more than just a collection of engaging pictures, mood boards serve as a fundamental transition between an initial thought and a first draft. It may be more beneficial to think of mood boarding as visual organizing.

 

 

벡터와 비트맵 

비트맵 이미지는 크기를 늘이거나 줄이게 되면 원본 이미지에 손상이 가게 됨.. 벡터는 점과 점을 연결해 수학적인 함수관계로 이미지를 표현해 선과 면을 만들어내는 것.. 점과 점을 연결해 선을 만들 수 있고 선이 3개 이상 모이면 면 생성 가능 

 

비트맵은 새로생긴 픽셀의 중간값 산출하면 계단현상을 통해 깨지게 될 수 있다. 

 

각 확장자별 사용용도가 다르며 특징 역시 모두 다르다.

JPG 

GIF

PNG

SVG

 

 

 


클립 07. 디자인 기초와 컨셉 - 04. 컬러 (RGB, 코드, 배색 etc)

 

 

빨주노 - 푸드 쪽에서 조금 많이 쓰고 있음 

 

 

프레시함

 

 

 

신규 아이템, 신선함 등

 

 

 

브랜드별로 어떤 색깔을 쓰는지를 확인할 수 있는 사이트

brandcolors.com

 

RGB

CMYK

HSB

HSL

 

 

CMYK 인쇄될 때 사용되는 색깔 ^^ 

RGB 윈도우별로 모두 다르게 나온다. 

 

 

 

 

 

디지털 컬러 RGB, Color Code 

 

모든 사람들이 생각하는 색깔이 각각 다르기 때문에 (ㅇㅇ의 색깔을 고르라고 했을때 완벽히 똑같은 색을 고르는 사람은 없다. 모두 다름) 따라서 E02093 이런식으로 넘버링하여 보여줌

#FF FF FF

Red Green Blue 순으로 십진수로 진행함

 

 

 

 

 

 

 

디자인할때 튀어보이지 않고 적당한 색을 찾아야 할 때 보색을 이용하라 


~19회차 소감~

 

오늘 색깔에 대해서 배웠다 역시 무한한 색깔들을 너무 예뻤다 ^.^ 

오늘의 강의 복습

RGB CMYK 

 

 

https://bit.ly/32gSY1r

 

 

 

 

댓글수0