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

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

어떻게 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

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


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

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

가로 본문 베이스라인을 사실 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

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

 

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

 

 

 

posted by jisunlee

 Jacek Utko: Can design save newspapers?

 

posted by jisunlee

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


http://bookcoverarchive.com/

posted by jisunlee

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
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

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

 

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

posted by jisunlee
전반적인 그리드 시스템

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