로고 이미지

고정 헤더 영역

글 제목

메뉴 레이어

로고 이미지

메뉴 리스트

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록
  • DESIGN LOG (2475)
    • Design News (855)
      • Design Trend (348)
      • Identity Design (54)
      • Brand Marketing (136)
      • Public Design (30)
      • Advertising Design (19)
      • Interior Design (5)
      • Design Column (44)
      • Design Exhibition (115)
      • CF and Media Ads (88)
      • Infographic (14)
    • Design Lecture (107)
      • Adobe Photoshop (80)
      • Adobe Illustrator (17)
      • Adobe Lightroom (5)
      • 3D Graphics (5)
    • Design Information (295)
      • Design Resources (146)
      • Design Fonts (57)
      • HTML5 and CSS3 (17)
      • Design Term (55)
      • Designer Portfolio (14)
      • Designer Interview (6)
    • Marketing News (70)
      • Marketing Trend (44)
      • SEO (26)
    • Digital News (993)
      • IT Trend (309)
      • Review and Column (250)
      • Gadget and Apps (122)
      • Smartwork and OA (60)
      • Blogging Guide (30)
      • Blog Story (214)
      • Google Street View (8)
    • Life Essay (155)
      • Life Story (64)
      • Commentary on Issue (91)

검색 레이어

로고 이미지

검색 영역

컨텐츠 검색

CSS

  • 티스토리 첫화면 꾸미기, 블로그 개성 표현 자유와 즐거움 줄까?

    2010.03.12 by 김현욱 a.k.a. 마루

  • 블로그 디자인, 이미지 캡션 폰트.컬러 변경하기

    2009.01.03 by 김현욱 a.k.a. 마루

  • 태터데스크 제목,요약글 폰트 다르게 적용하기

    2008.10.06 by 김현욱 a.k.a. 마루

  • 블로그디자인, '박스.배너' 여백주기의 효과는?

    2007.10.07 by 김현욱 a.k.a. 마루

  • 디자인&가독성을 높히는 블로그 폰트 적용법

    2007.09.24 by 김현욱 a.k.a. 마루

  • CSS(Cascading Style Sheet)란?

    2006.09.21 by 김현욱 a.k.a. 마루

티스토리 첫화면 꾸미기, 블로그 개성 표현 자유와 즐거움 줄까?

자신을 '세상에서 가장 간단하고 예쁜 방법'으로 표현할 수 있는 블로그를 꼽으라면 단연 주저 없이 '티스토리(Tistory)'를 손꼽습니다. 물론 설치형 블로그인 워드프레스와 텍스트큐브 등이 더 확장성과 사용자화의 장점들을 가지고 있지만 일반 블로거들에게는 아직 어려운 부분이 적잖게 있기 때문입니다. 하지만 티스토리는 서비스 형과 설치형의 장점을 잘 배합해 놓아 초보자도 조금만 관심을 가지면 아주 개성 표현이 돋보이는 멋진 블로그를 꾸밀 수 있기에 블로그 특강을 나가면 많이 권하는 편입니다. 넉넉한 공간, 자유롭게 블로그의 성향에 따라 첫화면을 꾸밀 수 있는 블로그 서비스인 티스토리가 태터데스크 기능을 개선한 '첫화면 꾸미기' 기능을 오픈하기에 앞서 보다 안정되고 사용자의 니즈를 반영한 서비스를 제공하기..

Digital News/Blog Story 2010. 3. 12. 02:30

블로그 디자인, 이미지 캡션 폰트.컬러 변경하기

블로그의 콘텐츠는 주제에 따라 텍스트, 이미지, 멀티미디어 중심의 다양한 형태로 작성된다. 보편적으로 텍스트 형태가 주류를 이루고 있지만, 텍스트 중심의 콘텐츠도 보다 돋보이고, 독자에게 내용의 이해와 시각적인 즐거움을 제공하기 위해 관련 이미지를 첨부하는 성향이 두드러지고 있다. 텍스트만 있는 콘텐츠라고 해서 가치가 절하되거나 블로그 디자인에 영향을 주는 것은 결코 아니다. 하지만 이왕이면 다홍치마라고 보기좋은 떡이 먹기도 좋은 까닭이다. 관련 이미지가 첨부되면 일단 독자에게 시각적으로 볼거리가 제공하고, 콘텐츠 집중도를 높이며 한걸음 나아가 블로그 디자인에도 좀 더 생기를 띄게 만드는 시너지 효과를 발휘하게 된다. 가급적이면 가로.세로 500~600픽셀(Pixel)을 넘지 않는 다수의 이미지 첨부가 ..

Digital News/Blogging Guide 2009. 1. 3. 08:48

태터데스크 제목,요약글 폰트 다르게 적용하기

티스토리 블로그 옵션 기능인 테터데스크(Tatter Desk)는 아주 유용한 플러그인(Plug-in)입니다. 활용하기에 따라 자신의 블로그를 웹진 스타일과 개성 넘치는 블로그로 멋지게 디자인 할 수도 있습니다. 운영자가 애써 블로그 스킨 디자인을 고민하지 않아도 블로그 첫 화면을 장식할 수 있는 부가기능으로 생각하면 됩니다. 태터데스크를 구성하는 것은 티스토리의 태터데스크 가이드를 참고하면 그렇게 어렵지 않게 구성할 수 있지만 자신의 입 맛에 맞도록 자유롭게 장식할 수 있는 세부적인 가이드라인은 제공하고 있지 않습니다. 그러나 제공하고 있는 태터데스크 치환자를 바탕으로 CSS 다룰 줄 아는 블로거라면 조금만 관심을 가지고 살펴보면 블로그를 다양하게 표현할 수도 있습니다. 최근 디자인로그 블로그에 웹폰트 ..

Digital News/Blogging Guide 2008. 10. 6. 04:22

블로그디자인, '박스.배너' 여백주기의 효과는?

CSS 속성 [margin, border, padding]의 활용방법 연속된 박스(box)를 세로 정렬 할 때 별도의 마진(margin)을 정의해 주지 않으면 위.아래로 붙어 보이는 것을 경험한다. 모든 디자인(design)이 그렇하듯 공간 여백의 미는 충분히 배려 되어야 하므로 상당히 중요하다. 아울러 웹디자인(web design)에서도 예외일 수 없다는 것이 개인적인 지론이다. 특히 티스토리(Tistory), 텍스트규브(Text Cube)등등 설치형 블로그 스킨에 외부의 스크립트를 적용시킬 때, 이런 문제들이 발생 되는것을 블로그 서핑을 통해 많이 접하게 되는것 같다. 어떤 블로그는 외부 스크립트(Script)나 배너(Banner)들이 잘 정리되어 있어 블로그 레이아웃(Layout)과 디자인(Desi..

Digital News/Blogging Guide 2007. 10. 7. 06:44

디자인&가독성을 높히는 블로그 폰트 적용법

블로그 디자인에 있어 절반 이상의 영향력을 차지하는 것은 외형적인 디자인 요소도 중요하겠지만, 블로그의 폰트(Font)가 더 큰 비중을 차지한다고 해도 과언은 아닐 것입니다. 이미지나 그래픽 요소들을 사용해서 블로그 디자인을 돋보이게 할 수도 있겠지만, 그래픽 요소가 전혀없는 백지모드의 블로그 스킨에 폰트(Font)를 이용한 타이포그래피를 강조한 스타일시트 적용으로 블로그를 돋보이게 할 수도 있다는 것입니다. 블로그 디자인은 그 성격이나 주제에 따라 여러 형태로 표현될 수 있으나 가장 중요한 것은 블로그가 비주얼(Visual)을 중시하는 포토폴리오나 브로슈어가 아니라 정보나 로그(기록 또는 글)를 발행하고 독자층을 형성하는 1인 미디어의 하나인 뉴스페이퍼(Newspaper)의 성향이 짙다는 점입니다. 그..

Digital News/Blogging Guide 2007. 9. 24. 07:50

CSS(Cascading Style Sheet)란?

CSS(Cascading Style Sheet)란?인터넷 문서의 가장 일반적인 형식은 HTML이지만, 웹 문서를 자유롭게 편집하는 데에 여러가지 제약이 따르게 됩니다. 이를 보완하기 위해 만들어 진 것이 스타일시트 입니다.스타일시트의 문법과 형식은 W3C의 캐스케이딩스타일쉬트(Cascading Style Sheet) 규격 CSS1과 CSS2로 표준화되어 있습니다. 양대 브라우저인 넷스케이프의 커뮤니케이터 ver 4.0과 마이크로소프트의 익스플로러 ver 3.x에서부터 CSS1을 지원함으로써 웹 문서 제작에 CSS의 자유로운 사용이 가능하게 되었습니다.하지만, 넷스케이프나 익스플로러가 CSS뿐 아니라 HTML에서도 표준안을 전적으로 따르고 있지 않기 때문에 일반 제작자들이 웹 문서를 작성함에 있어 많은 어..

Digital News/Smartwork and OA 2006. 9. 21. 12:08

추가 정보

인기글

최신글

페이징

이전
1 2 3
다음
About US RSS
푸터 로고 © designlog.org
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바