디자인
디자인 방법
1)표현
같은 도형이라 하더라도 위치랑 크기에 따라서 느껴지는것이 다름
2)균형
색상과 크기 위치를 사용하여 맞춤
3)대비
구도는 위치나 모양 사이즈 특히색상등 을 사용하여 기존 스타일과 조금 다르게 만들어 표현하는 방법
4)형태
같은 삼각형이라 하더라도 너덜너덜한삼각형 정삼걱형 직각삼각형등 모두 느낌이다름
5)게층구조
배치를 할때 시각적인것의 진열 방법을 바꾸어 눈에뛰게 한다
가장 과시하고 싶은 문장이나 포스트를 크게키움으로 구조를 만들수도있다.
6)관계
같이 있는것 끼리 정렬하거나 다른것을 떨어뜨려둠
7)정렬
원은 정렬할때 조금더 크게 만들어야 합니다.
차지하는 영역으로 중요도 강조
타이포그래프
글자의 사이즈나 크기 서채등으로 나눕니다.
1)글꼴
서체 - 예술작품
글꼴 - 컴퓨터에 설치할수 있는 서체
2)웹과 신문의 다른점
신문은 하나의 경우를 들고 디자인하는 반면 웹은 여러가지 형태에서도 이쁘게 보여야 한다.
3)서체정하기
브랜드와 관련 있는 키워드를 나열하고 비슷한 느낌의 서체를 구하기
본문 - 비교적 신뢰적이게 폰트사이즈로 강조
4)종황비
글자사이즈 x 값의 기준으로 측정
font size adjust 사용
16-> 24 ,36,48
아이폰 태블릿 컴퓨터
30 45 60
각분 22
사이즈 4-> 8 -> 12
줄은 95자이상 적지말것
그리드
1) 그리드를 딱맞추어 만들지 않는이유
일본어는 특이하여 맞출수가 없다.
줄높이는 텍스트에 기반한다.
2) 이때 그리드는 마진을 제외한다.
그리드종류
기본적으로 원고 격자 그리드, 컬럼 그리드, 베이스라인 그리드, 모듈 그리드, 계층적 그리드,
이렇게 5가지 유형의 그리드가 있습니다
예시를 통해 자세히 이해해 봅시다 기본적으로 원고 격자 그리드는 많은 텍스트를
적절하게 정렬해야 하는 경우에 사용됩니다 화면의 예시를 보면 원고 격자를 활용하여
격자 모양 그리기
(텍스트가 중앙에있고 텍스트마진을 그리기)
적절하게 정렬해야 하는 경우에 사용됩니다 화면의 예시를 보면 원고 격자입니다.
컬럼그리드
적절하게 세로로 정렬하여 화면을 세로선상 대칭으로 보이게하기위해 사용 합니다.
베이스 그리드
텍스트를 정리할때 사용합니다.
모듈그리드
어디에 어떡해 배치할까x 축 y 축을 모두 생각하며 배치한다.
계층적 그리드
뉴스기사등 필요함에 따라서 큰것은크게 작은것은 작게디자인한다.
그리드는 12 24가 적당하다.
색상
조합에따라서 두가지 색상이 같거나 다르게 보일수 있음
색상에 감정이 있음
색상에 명도에따라서 구분시킬수있음
첫 번째 색상 조화는 보색입니다
이 방법에서는 반대되는 두 가지 색상이 선택됩니다
이제 강의 시작 부분에서 본 예시를 다시 살펴보겠습니다
이 그림에서 볼 수 있듯이 사과에는 녹색이 사용되고 냄비는 빨간색이 보색으로 사용되었습니다
이런 식으로 UI를 만들거나 그림을 그릴 때 색상 조화가 매우 유용합니다
다음 색상 조화는 분할 보색입니다
분할 보색에는 하나의 주요 색상과 두 개의 인접 색상이 있으며, 화면 사진은 분할 보색의 예입니다
화가가 색들을 얼마나 아름답게 사용했는지 알 수 있습니다
다음 배색은 유사색입니다
기본적으로 유사색은 나란히 위치한 세 가지 색상으로 구성됩니다
유사색의 예를 살펴보겠습니다
이 예에서는 화가가 유사색을 사용한 것을 볼 수 있습니다
색상환에서 서로 옆에 위치한 색상을 사용했습니다
다음 색상 조화는 트리아딕(삼색)으로, 색상환에서 등변 삼각형을 배치하여
색상 조합을 만드는 것입니다
이 그림에서 트리아딕 조합을 볼 수 있습니다
다음 색상 조화는 테트라딕입니다 기본적으로 4가지 색상으로 구성되며
색상환 위에 직사각형을 놓을 때 얻어지는 색상입니다 테트라딕은 이중보완 색상으로도 알려져 있습니다
한 쌍의 보색을 사용합니다 영어로 '테트라'는 4고 '트라이'는 3을 뜻합니다
그래서 트리아딕은 3가지 색을 사용하고 테트라딕은 4가지 색을 사용합니다
이 그림에서 디자이너가 해당 색상을 사용한 것을 볼 수 있습니다
다음 유형의 배색은 정사각 배색입니다
상대적으로 덜 알려진 배색법입니다
색상환 안에 사각형을 배치하면 됩니다 기본적으로 테트라딕 배색 방식입니다
다음 유형은 단색입니다
아름다운 배색입니다
기본적으로 이 색상 조화는 한가지 휴(원색)을 기본으로 하며
전체 색상 구성표는 서로 다른 쉐이드, 톤, 틴트를 사용하여 만들어집니다
네 가지 단어를 말씀드렸습니다. 휴, 쉐이드, 톤, 틴트
이것을 이해하려면 이 색상 조합을 보면 될 것 같습니다
이 네 가지가 무엇인지 설명하겠습니다
휴는 기본적으로 어떤 혼합도 없는 순수한 색입니다
휴에 흰색을 섞으면 틴트가 됩니다
휴에 회색을 섞으면 톤이 됩니다
그리고 휴에 검은색을 섞으면 쉐이드가 됩니다
화장품과 관련해서 아마 이 단어들을 들어보셨을 것입니다
이제 단색의 색상 조화로 돌아가 보겠습니다
정의를 다시 살펴보겠습니다
정의에 따르면 단색 색상 조합은 단일 기본 색상을 사용하고
색채 배합을 쉐이드, 톤, 틴트 색상의 다른 세트 톤을 사용하여 색상 구성을 확장합니다
이 색상환에서는 빨간색, 녹색, 노란색, 주황색 등의 단색 색상 구성을 볼 수 있습니다
이 예에서는 이 그림이 파란색 단색을 사용하는 것을 볼 수 있습니다
이것이 바로 색상 조화를 사용하여 놀라운 디자인을 만드는 방법입니다
이번 강의에서는 색이론에 대해 자세히 배웠고,
색의 조화를 이루는 방법을 이해했습니다
unspalsh
