30개의 베스트 디자인 블로그 리뷰

"아, 다르다!" 네, 최신 수입 일기 재설계로 이 사이트의 총 주요 재설계 횟수가 3년 동안 최대 5회로 늘어났습니다. Michael이 보기에 좋고 전환율이 높으며 콘텐츠를 홍보하는 블로그 디자인을 얼마나 강조하는지 알 수 있습니다.

어제 시작할 수 있었던 디자이너나 개발자가 필요하면 AweseomeWeb.com으로 이동하세요.

재설계를 기념하고 더 중요한 것은 이 영감을 주는 목록을 제공하는 것입니다.

좋은 블로그 디자인의 기준

주관적인 느낌을 최대한 없애기 위해 이 다섯 가지 좋은 블로그 디자인 기준으로 시작했습니다.

• 단순성 - 단순합니까?
• 웹 디자인 표준 – 밝은 배경의 어두운 글꼴, 명확하게 구별되는 헤드라인, CSS 스프라이트 사용, 일관된 라인 및 황금 비율 준수와 같은 웹 디자인 표준을 따르나요?
• 세부 사항에 대한 주의 – 디자인 내에서 일관성이 있습니까? 그렇지 않으면 픽셀이 완벽합니까?
• 쉬운 탐색 – 메뉴, 링크 및 기타 탐색 구성 요소를 쉽게 찾고 사용할 수 있습니까?
• 기억력 – 사이트를 종료한 후의 모습을 기억할 수 있습니까?

30개의 베스트 디자인 블로그

특별한 순서는 없지만 해당 블로그의 디자인 스타일과 주제별로 대략적으로 그룹화하여 상위 30개 블로그 디자인에 대한 리뷰입니다.

1. 프리랜서 스위치

크고 대담한 헤드라인, 미묘한 그림자 사용, 그라디언트 보기가 거의 불가능한 FreelanceSwitch.com은 최고 중 하나입니다.

2. 카피블로거

Copyblogger.com은 단순하고 견고하며 직관적인 블로그 디자인의 전형입니다. 페이지에 도착하자마자 클릭할 위치를 정확히 알고 있습니다.

3. 피어슨파이드

Copyblogger와 마찬가지로 Pearsonified.com은 단순함이 아름답고 밝은 색상의 부드러운 살포로 매혹적입니다.

4. KISSmetrics 블로그

KISSmetrics 블로그는 대부분의 기업 대상 시장에 대한 전문성을 유지하면서 현대적인 디자인 요소를 결합하는 데 큰 역할을 합니다.

5. AVC

AVC.com은 매우 깨끗하며 16픽셀로 평균보다 약간 큰 글꼴을 사용하여 눈에 띄게 더 즐겁게 읽을 수 있습니다.

6. 시작 견적

StartupQuote.com은 그만큼 우아합니다. 인용문을 독특하게 묘사하려는 그들의 헌신은 그들의 사이트를 돋보이게 만드는 것입니다.

7. 넥스트 웹

그러나 TNW는 깨끗하고 탐색하기 쉬운 디자인에서 너무 많은 주의를 산만하게 하지 않으면서 광고를 통합하는 일을 훌륭하게 수행합니다.

8. 비즈니스 인사이더

BusinessInsider.com의 기사를 읽었다면 이 사이트가 수십 번의 페이지뷰 동안 해당 콘텐츠에 계속 빠져들도록 설계되었음을 알 수 있습니다.

9. 웹 블로그

보기에도 좋지만 웹 블로그는 하위 도메인에 블로그가 존재함에도 불구하고 사이트의 나머지 부분과 원활하게 통합됩니다.

10. 미디어로 이동

신중하게 배치된 이미지 오버레이로 디자인이 화면에서 튀어나와 GoMediaZine.com의 디자인을 잊기가 어렵습니다.

11. 헬로바 블로그

Hello Bar는 사이트에 빈티지하면서도 현대적인 느낌을 주기 위해 미묘한 질감을 디자인에 통합하는 인상적인 작업을 수행합니다. 게다가 구름이 움직인다!

12. 블로그 활동

Blogussion.com 디자인은 인터넷에서 찾은 최초의 경외심을 불러일으키는 디자인입니다.

13. 현대 괴상한

Modernerd.com의 로고는 단순하고 글꼴은 일관적이며 배경 이미지는 블로그의 모든 것을 전달합니다.

14. 나는 너의 셔츠를 입는다

IWearYourShirt.com은 아래의 중요한 내용을 강조하면서 스크롤 없이 볼 수 있는 부분에 정보를 깔끔하게 정리하는 훌륭한 작업을 수행합니다.

15. 조니 컵케이크

시대를 초월한 브랜드답게 거의 모든 디자인 요소가 흑백으로 되어 있어 Johnny Cupcakes의 사진과 제품이 돋보입니다.

16. 오트밀

중앙에서 벗어난 사이드바와 바닥글에 넘쳐나는 "이메일" 링크가 있는 Oatmeal.com의 디자인에는 결함이 있습니다. 그러나 불완전한 부분 사이를 읽으면 디자인이 Matthew Inman에게 완벽하다는 것을 알게 될 것입니다. 그의 사이트를 훌륭하게 만드는 태도.

17. DearBlankPleaseBlank

DearBlankPleaseBlank.com은 끊임없이 회전하는 헤더 이미지, 기이한 불투명도 사용, 사이드바의 모든 항목(광고 포함)이 정확히 같은 너비라는 사실을 사용하여 창의적으로 디자인된 블로그입니다.

18. 투츠+

TutsPlus.com과 Envato 네트워크에 관한 모든 것이 디자인 면에서 훌륭합니다(앞서 언급한 FreelanceSwitch.com 포함). 그들은 완벽하게 정렬된 색 구성표를 선택하는 재주가 있으며 게시물과 튜토리얼 내에서도 세부 사항에 대한 주의가 흠잡을 데 없습니다.

19. 인터넷 구축

BuildInternet.com은 Smashing Magazine의 The Smashing Network 의 일부이므로 고유하게 표시되는 기능 포스트 이미지와 사이트 전체에 걸쳐 디자인 요소를 유지하기 위한 노력이 있습니다.

20. 45로얄 주식회사

45royale.com은 상상력을 사로잡는 헤더를 자랑하는 웹 디자인 스튜디오로 아래 블로그 콘텐츠를 효과적으로 소개하고 탐색합니다.

21. 웹 디자이너 벽

The Smashing Network 의 또 다른 회원인 WebDesignerWall.com은 눈을 뗄 수 없는 헤드라인과 잊을 수 없는 헤더 이미지로 세계에서 가장 널리 인정받는 디자인 중 하나입니다.

22. 웹 디자이너 디포

Web Designer Wall과 유사하게 WebDesignerDepot.com은 잊을 수 없는 또 다른 디자인 중 하나를 호스팅합니다.

23. 아이러브컬러스

Ilovecolors.com.ar는 비슷한 스타일을 가지고 있지만 배경 이미지의 전략적 그림자를 통해 강조되는 영리하게 디자인된 콘텐츠 영역을 가지고 있습니다.

24. 쯧쯧 캔디

TutCandy.com의 헤더는 "가장 맛있는 디자인 튜토리얼만"이라는 태그라인을 구현하는 침을 흘리게 만듭니다.

25. 부엉이

Owltastic.com은 다양한 파란색 음영으로 무엇을 할 수 있는지 잘 보여줍니다. 그러나 어쨌든 중요한 내용은 모두 여전히 눈에 띄는 것 같습니다.

26. 벡팁

Vectips.com은 개인 브랜드 사이트에서 최종적으로 판매 가능한 느낌을 잘 유지하고 있습니다.

27. 디자인 칸막이

이 목록의 마지막 Smashing Network 블로그는 TheDesignCubicle.com에 속합니다. 웹 사이트처럼 보이지만 책의 한 장처럼 느껴집니다.

28. 테마빅

나는 ThemeBIG.com의 탐색 메뉴에 있는 스프라이트의 미묘함과 처음 사이트에 들어갔을 때 받는 환영하는 느낌을 좋아합니다.

29. 에코키

Ecoki.com은 사이트의 구석구석에 일관되게 브랜드가 잘 지정된 디자인을 갖춘 Eco-Lifestyle 블로그입니다.

30. 피드

헤더에서 콘텐츠 영역, 댓글 영역에 이르는 모든 것이 사용자 정의 설계되었으며 사이트의 나머지 부분과 조화를 이룹니다.

당신은 그것을 가지고

이 목록을 작성하기 전에 전 세계의 모든 블로그를 방문하고 싶었지만 배가 고파지기 시작했습니다.

지금부터 웹디자이너나 개발자가 필요하면 어썸웹닷컴으로

내가 놓친 멋진 블로그 디자인을 알고 있다면 아래 댓글 영역에서 좋아하는 디자인을 알려주세요.