다양한 일러스트레이션과 디자인을 소개해드립니다. 사진 꼴라쥬, 벡터 이미지등을 이용한 화려한 디자인입니다.

홈페이지에서 각 이미지를 클릭하면 이미지가 확대됩니다. 이곳에서 확인하세요.

사용자 삽입 이미지

Posted by 만귀
디자인을 작업하면서 매번 느끼는 것은 자신에게 영감을 주는 reference 디자인입니다. 원래 새로운 디자인의 창조는 잘 된 디자인을 표본으로 모방하는 것에서부터 시작됩니다. 물론 지나친 모방은 모작으로 끝날 뿐이지만 어느정도의 잘 된 디자인은 참조를 하는 것도 필요하다고 봅니다.

여기 1,000개의 웹 디자인 샘플을 소개해 드립니다. 물론 잘 된 것도 있고 못 된 것도 있습니다만...충분히 참조자료로써의 가치가 있다고 봅니다.
사용자 삽입 이미지

1,000개의 웹 디자인은 이곳에서 확인하실 수 있습니다.


Posted by 만귀
일반적으로 여러분들이 쉽게 보시는 패션 매거진은 그 제작 과정에서 치열한, 마치 전쟁과도 같은 과정을 거쳐 완성이 됩니다. 그만큼 최고의 디자인 감각을 보여야하고 또 신선해야한다는 사명감과도 같은 생각에 완성되는 것이 바로 패션 매거진입니다.

매거진의 편집 디자이너들은 보다 다양한 볼거리를 제공하기 위하여 글자체의 크기 변화, 색상, 레이아웃등에 변화를 줍니다. 그런 다양한 시도를 블로그에서도 시도해봐도 좋을 것 같습니다.

...누구나가 새로운 시도가 주는 다양한 즐거움을 알고 있습니다.하지만...

누구나 그것을 실행할 수 있는 것은 아닙니다. 그런 새로운 시도를 하기 위해서는 새로운 것을 두려워하지 않는 도전 정신이 필요합니다. 그리고 그런 도전 정신이 이 세계를 더 좋게 만들어 나갔습니다. 블로고스피어도 현실과 다르지 않습니다. 더 나은 나만의 블로그를 만들기 위해서 새로운, 다양한 시도를 테스트하기를 주저하지 맙시다.


위의 글은 아래와 같은 코드로 적혀졌습니다.

<div style="float: right; height: 6em; width: 150px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; font-family: 'Batang','Serif'; font-size: 18px; line-height: 18px; color: black; text-align: right;">
<span style="color: silver;">...누구나가</span> 새로운 시도가 주는  <b>다양한 즐거움을</b> 알고 있습니다.<span style="color: grey;">하지만...</span>
</div><p style="text-align: justify;">
누구나 그것을 실행할 수 있는 것은 아닙니다. 그런 새로운 시도를 하기 위해서는 새로운 것을 두려워하지 않는 도전 정신이 필요합니다. 그리고 그런 도전 정신이 이 세계를 더 좋게 만들어 나갔습니다. 블로고스피어도 현실과 다르지 않습니다. 더 나은 나만의 블로그를 만들기 위해서 새로운, 다양한 시도를 테스트하기를 주저하지 맙시다.</p>

칼라가 주황색으로 되어 있는 부분이 본문 부분이고 그 부분을 편집해서 사용하시면 됩니다.

'Layout' 카테고리의 다른 글

블로그 본문을 매거진 스타일로 꾸며보자.  (0) 2007.12.13
Posted by 만귀

러분들은 블로그의 글자체를 어떤 것으로 정하고 사용하시나요? 그냥 기본적인 글자체로 작성하시나요? 아니면 여러분만의 독특한 글자체, 색상을 응용해서 작성하시나요?

가끔 블로그의 밋밋한 글자체를 재미나게 한번 바꿔보시길 바랍니다.

보통 매거진을 보면 이 글의 첫 대목처럼 첫 글자의 형태를 크게 바꿔서 편집한 글을 많이 보셨을겁니다. 그런 형태의 글을 만들기 위한 HTML 코드를 공개합니다. 아래의  코드를 블로그 본문 글 앞에 복사를 하시고 첫 글자 부분에 본문의 첫 글자를 집어넣고 다음 글은 그냥 그대로 작성하시면 됩니다.

<p style="text-align: justify;"><span style="float: left; color: darkred; font-size: 100px; line-height: 80px; padding-top: 1px; padding-right: 5px; font-family: times;">첫 글자</span>본문 내용~

이 글의 형태는 아래의 코드를 그대로 사용한 것입니다. 첫 글자가 들어가는 부분을 확인하실 수 있을 겁니다. 블로그 본문의 다양한 디자인과 편집으로 즐거운 블로깅 생활 즐기시길 바랍니다.

<p style="text-align: justify;"><span style="float: left; color: darkred; font-size: 100px; line-height: 80px; padding-top: 1px; padding-right: 5px; font-family: times;"></span>러분들은 블로그의 글씨체를 어떤 것으로 정하고 사용하시나요? 그냥 기본적인 글씨체로 작성하시나요? 아니면 여러분만의 독특한 글씨체, 색상을 응용해서 작성하시나요?

'Layout' 카테고리의 다른 글

블로그 본문을 매거진 스타일로 꾸며보자 2탄  (3) 2007.12.14
Posted by 만귀
이전버튼 1 이전버튼

블로그 이미지
Design for blogging Blogging for Design
만귀

달력

 « |  » 2024.3
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31

최근에 올라온 글

최근에 달린 댓글

최근에 받은 트랙백

글 보관함