스위스 디자인과 인터내셔널 타이포그래피 스타일

basic_design/Graphic Design 2017.12.11 19:20

스위스 디자인 또는 인터내셔널 타이포그래픽 스타일을 통해서 

그래픽 디자인의 기본에 대해서 다시한번 생각해 보기를...

어떻게 1900년대 초에 지금만큼의 그래픽 스타일이 완성이 되었을까???

수학적 그리드 시스템에 기초한 구조/ 타이포그래픽의 목적 / 



아주 짦은 동영상으로 스위스 스타일이 뭔지 짧게 보여줌

A Brief Introduction to Swiss Style from Navy Sisomphou on Vimeo.


스위스 디자인 / 인터내셔널 타이포그래픽 스타일에 대한 역사적 흐름을 설명하는 강의로 30분정도

디자이너별로 설명하며 시간을 가지고 들어봐도 좋을만큼 좋은 강의임 

아래의 동영상 말고도 좋은 그래픽 디자인 강의가 많음

https://vimeo.com/vcudesign/

04 Swiss Design from VCUdesign on Vimeo.


posted by jisunlee

스위스 디자인 swiss design

basic_design/Graphic Design 2017.03.14 13:02

시카고 인스티튜트 스쿨 오브 디자인의 코세라 강의 : 스위스 디자인


https://www.coursera.org/learn/graphic-design-history/lecture/mm6LO/the-objectivity-of-swiss-design


In this lesson

기회가 된다면 다 들어볼것 



04 Swiss Design from VCUdesign on Vimeo.


posted by jisunlee

그리드 디자인

basic_design/Graphic Design 2017.03.14 12:59

엘렌룹턴이 설명하는 그리드.

가로 본문 베이스라인을 사실 90도로 돌리는것은 편의에 의한것이고

원래는 계산하는 수식이 있음. 참고할것

http://www.thinkingwithtype.com/contents/grid/

 

 

 

 

디자인을 잘하기 위해서는 타이포그래피와 그리드 두가지가 필수입니다.

인디자인 작업하실때 반드시 그리드를 정하고 작업하시기 바랍니다.

참고 : 그리드 디자인 툴

http://webdesignledger.com/tools/13-excellent-tools-and-systems-for-css-grid-based-layouts

 

첫단계 :

본문서체를 정하고 본문 타이포의 베이스라인 간격(행간)을 정해서 가로 기준선으로 합니다.

그리고 칼럼수를 정하시면 거터(중간에 비는 간격부분)를 생각하고 칼럼을 나눌수 있습니다.

The Grid System

참고 : http://blogs.popart.com/2010/09/designing-for-ipad/

 

베이직 그리드를 정하셨다면

@nickf called me out for not having iPad templates in the Konigi OmniGraffle Wireframe Template, so I got

 

두번째 단계:

어떻게 베리에이션을 할것인가를 그림과 글로 나누어 박스 형태로 우선 조형적으로 정한뒤에

 

세번째 단계 :

본문글과 타이틀을 붓고, 이미지를 배치합니다.

이후에 페이지의 디자인 밸런스를 고려하여 이미지와 타이틀의 색상, 배치등에 변화를 줍니다.

 

그리드에 대한 한글설명

그리드 정렬의 미학

http://dotty.org/2698947

 

책추천

안그라픽스의 basic desig 시리즈 중 grid 강추

http://www.yes24.com/24/Goods/3517586?Acode=101

이거 꼭 읽어보세요. 그리고 꼭 따라해 보세요.

 

 

 

 

 

 

 

 

posted by jisunlee

칩키드의 북표지 만드는것에 관한 TED 강연

basic_design/Graphic Design 2014.11.10 17:14

Chip Kidd: Designing books is no laughing matter. OK, it is.

 

쥬라기 공원의 표지가 어떻게 만들어졌는지 알고 싶다면...

 

 

 

posted by jisunlee

디자인이 뉴스신문을 살릴수 있는가? TED 강연 - 편집디자인관련

basic_design/Graphic Design 2014.11.10 17:00

 Jacek Utko: Can design save newspapers?

 

posted by jisunlee

북커버 디자인 - The Book Cover Archive

basic_design/Graphic Design 2013.05.18 12:02

책표지와 디자이너를 브라우징 할수 있음


http://bookcoverarchive.com/

posted by jisunlee

펜타그램사의 마시모비넬리 책들을 만들다

basic_design/Graphic Design 2013.05.16 17:55

http://vimeo.com/64811872

 

마시모 비넬리가 책들을 만들다.

 

간단한 베이직을 이용한 책만들기의 정수를 보여줍니다.

 

back to basic of design!

 

 

Massimo Vignelli Makes Books from Pentagram on Vimeo.

 

이 동영상을 올린 펜타그램을 눈여겨 봐주세요~

 

http://vimeo.com/user3163512/videos/sort:likes/format:thumbnail

 

동영상들이 다 좋습니다. 디자인 할때 많은 도움을 받을 수 있어요.

 

http://www.pentagram.com/work/#/all/all/newest/

 

펜타그램사의 웹사이트 꼭 확인해 보세요~~~

posted by jisunlee

아메리칸 에어라인 항공사를 위한 실험적 아이덴티티 작업

basic_design/Graphic Design 2012.08.06 11:32
http://www.behance.net/gallery/experimental-id-for-american-airlines/4258225


A new experimental identity created for a Victors and Spoils project aiming to help American Airlines reinvent itself after filing for Chapter 11 Bankruptcy protection in 2011.
아메리칸 에어라인 항공사 실험적 아이덴티티 작업




posted by jisunlee

무료한글 서체 이용

basic_design/Graphic Design 2012.04.17 15:06

http://offree.net/entry/Free-Hangul-Font#dcomz

 

무료한글서체를 이용하세요.

posted by jisunlee

grid system 그리드 시스템

basic_design/Graphic Design 2011.12.01 20:21
전반적인 그리드 시스템

http://www.thegridsystem.org/

그리드 템플릿 자동생성
http://netprotozo.com/grid/
http://modulargrid.org/#app
(Grid라는 상단 메뉴를 누르면 보임 )


CSS 까지 포함해서 웹사이트 그리드로 빌딩하는것을 순차적으로 설명한것
http://line25.com/tutorials/design-build-a-grid-based-web-design-with-css


아이폰용 그리드 시스템
템플릿을 다운로드 받을 수 있음
http://www.vcarrer.com/2010/06/iphone-grid-system.html
http://www.lapegna.com/2010/10/iphone-and-iphone-4-grid-systems/

서적 추천
편집디자인
http://www.yes24.com/24/goods/91862?scode=029&srank=3
얀치홀트의 타이포그래픽 디자인
http://www.yes24.com/24/goods/1978386?scode=029&srank=1
그리드 디자인
http://www.yes24.com/24/goods/1814000?scode=029&srank=1

posted by jisunlee