30 บล็อกที่ออกแบบได้ดีที่สุดรีวิว

“โอ้ นั่นต่างหาก!” ใช่ การออกแบบใหม่ของ Income Diary ล่าสุดทำให้จำนวนการออกแบบใหม่ของไซต์นี้เพิ่มขึ้นถึงห้าครั้งในสามปี นั่นคือความสำคัญของ Michael ที่เน้นไปที่การออกแบบบล็อกที่ดูดี มี Conversion สูงและส่งเสริมเนื้อหา

หากคุณต้องการนักออกแบบหรือนักพัฒนาที่สามารถเริ่มต้นได้เมื่อวานนี้ ไปที่ AweseomeWeb.com

เพื่อระลึกถึงการออกแบบใหม่และที่สำคัญกว่านั้น ให้รายการสร้างแรงบันดาลใจนี้แก่คุณ

เกณฑ์สำหรับการออกแบบบล็อกที่ดี

เพื่อขจัดความเป็นอัตวิสัยให้ได้มากที่สุด ฉันเริ่มต้นด้วยเกณฑ์การออกแบบบล็อกที่ดีห้าข้อนี้

• ความ เรียบง่าย - มันง่ายไหม?
• มาตรฐานการออกแบบเว็บ – เป็นไปตามมาตรฐานการออกแบบเว็บ เช่น ฟอนต์สีเข้มบนพื้นหลังสีอ่อน พาดหัวที่แยกออกมาอย่างชัดเจน การใช้ CSS sprites เส้นที่สม่ำเสมอ และการปฏิบัติตามอัตราส่วนทองคำหรือไม่
• ความใส่ใจในรายละเอียด – มีความสอดคล้องกันในการออกแบบหรือไม่อย่างอื่นพิกเซลสมบูรณ์แบบหรือไม่?
• ง่ายต่อการนำ ทาง – ฉันสามารถค้นหาและใช้เมนู ลิงก์ และส่วนประกอบการนำทางอื่นๆ ได้อย่างง่ายดายหรือไม่
• ความทรง จำ – ฉันจำได้ไหมว่าหน้าตาเป็นอย่างไรหลังจากออกจากไซต์?

30 บล็อกที่ออกแบบได้ดีที่สุด

ไม่ได้เรียงลำดับเฉพาะเจาะจง แต่จัดกลุ่มคร่าวๆ ตามสไตล์การออกแบบและหัวข้อของบล็อกที่เกี่ยวข้อง นี่คือการทบทวนการออกแบบบล็อก 30 อันดับแรกของเรา

1. สวิตช์อิสระ

พาดหัวข่าวขนาดใหญ่ ตัวหนา ใช้เงาอย่างละเอียด และแทบจะมองไม่เห็นการไล่ระดับสี FreelanceSwitch.com เป็นหนึ่งในสิ่งที่ดีที่สุด

2. Copyblogger

Copyblogger.com เป็นตัวอย่างที่ดีของการออกแบบบล็อกที่เรียบง่าย มั่นคง และตรงไปตรงมา คุณรู้ว่าต้องคลิกตรงไหนทันทีที่เข้าสู่หน้า

3. เพียร์โซไนซ์

เช่นเดียวกับ Copyblogger Pearsonified.com มีความสวยงามในความเรียบง่ายและเย้ายวนใจด้วยการใช้สีสันที่สดใสอย่างแผ่วเบา

4. บล็อก KISSmetrics

บล็อก KISSmetrics ทำงานได้ดีเยี่ยมในการผสมผสานองค์ประกอบการออกแบบที่ทันสมัย ​​ในขณะที่ยังคงความเป็นมืออาชีพสำหรับตลาดเป้าหมายองค์กรส่วนใหญ่

5. AVC

AVC.com นั้นสะอาดมาก และที่ 16 พิกเซล ใช้แบบอักษรที่ใหญ่กว่าปกติเล็กน้อย ซึ่งทำให้อ่านสบายตาขึ้นอย่างเห็นได้ชัด

6. ใบเสนอราคาเริ่มต้น

StartupQuote.com มีความสง่างามตามที่ได้รับ ความทุ่มเทของพวกเขาในการเสนอราคาที่ไม่เหมือนใครคือสิ่งที่ทำให้ไซต์ของพวกเขาโดดเด่น

7. เว็บถัดไป

แต่ TNW ทำงานได้อย่างยอดเยี่ยมในการผสมผสานโฆษณาโดยไม่ทำให้เสียสมาธิมากเกินไปจากการออกแบบที่สะอาดตาและง่ายต่อการนำทาง

8. คนในธุรกิจ

หากคุณเคยอ่านบทความบน BusinessInsider.com คุณสังเกตเห็นว่าไซต์ดังกล่าวได้รับการออกแบบมาเพื่อให้คุณติดตามเนื้อหาของพวกเขาได้ตลอดหลายสิบครั้งที่มีการเปิดดูหน้าเว็บ

9. เว็บบล็อก

มันดูดีมาก แต่ Webs Blog ยังรวมเข้ากับส่วนอื่นๆ ของไซต์ได้อย่างราบรื่น แม้จะมีบล็อกอยู่ในโดเมนย่อยก็ตาม

10. ไปมีเดีย

ด้วยการวางภาพซ้อนทับอย่างระมัดระวัง การออกแบบเพียงแค่โผล่ออกมาจากหน้าจอและเป็นการยากที่จะลืมการออกแบบของ GoMediaZine.com

11. สวัสดีบาร์บล็อก

Hello Bar ทำงานได้อย่างน่าประทับใจในการผสานรวมพื้นผิวที่ละเอียดอ่อนเข้ากับการออกแบบเพื่อให้ไซต์ของพวกเขาดูย้อนยุคแต่ดูทันสมัย นอกจากนี้ เมฆเคลื่อนตัว!

12. Blogussion

การออกแบบ Blogussion.com เป็นการออกแบบที่สร้างแรงบันดาลใจครั้งแรกที่ฉันจำได้เมื่อค้นพบบนอินเทอร์เน็ต

13. เนิร์ดสมัยใหม่

โลโก้ของ Modernerd.com นั้นเรียบง่าย แบบอักษรมีความสอดคล้องกัน และภาพพื้นหลังจะสื่อถึงสิ่งที่บล็อกเกี่ยวกับ

14. ฉันสวมเสื้อของคุณ

IWearYourShirt.com ทำงานได้อย่างยอดเยี่ยมในการบรรจุข้อมูลครึ่งหน้าบนอย่างหมดจด ในขณะที่เน้นเนื้อหาที่สำคัญด้านล่าง

15. จอห์นนี่ คัพเค้ก

สอดคล้องกับแบรนด์ที่ไร้กาลเวลา องค์ประกอบของการออกแบบเกือบทั้งหมดเป็นขาวดำ ซึ่งทำให้ภาพถ่ายและผลิตภัณฑ์ของ Johnny Cupcakes โดดเด่น

16. ข้าวโอ๊ต

ด้วยแถบด้านข้างที่ไม่อยู่ตรงกลางและลิงก์ "อีเมล" ที่ล้นในส่วนท้าย การออกแบบของ TheOatmeal.com มีข้อบกพร่อง แต่เมื่ออ่านระหว่างความไม่สมบูรณ์ คุณจะพบว่าการออกแบบนั้นสมบูรณ์แบบสำหรับ Matthew Inman's “นี่คือวิธีที่มันเป็น และถ้าคุณไม่ชอบมัน ฉันจะปลดปล่อยกองทัพของฉันที่ด่าแฟน Facebook เพื่อให้คุณไม่มีวันลืม” ทัศนคติที่ทำให้ไซต์ของเขายอดเยี่ยม

17. DearBlank PleaseBlank

DearBlankPleaseBlank.com เป็นบล็อกที่ออกแบบอย่างสร้างสรรค์ด้วยภาพส่วนหัวที่หมุนอยู่ตลอดเวลา การใช้ความโปร่งแสงที่ดูแปลกตา และความจริงที่ว่าทุกอย่างในแถบด้านข้างมีความกว้างเท่ากัน แม้แต่โฆษณา

18. ทุส+

ทุกอย่างเกี่ยวกับ TutsPlus.com และเครือข่าย Envato นั้นงดงามมากเมื่อพูดถึงการออกแบบ (รวมถึง FreelanceSwitch.com ที่กล่าวถึงข้างต้น) พวกเขามีความสามารถพิเศษในการเลือกรูปแบบสีที่จัดวางอย่างลงตัว และการใส่ใจในรายละเอียดนั้นไร้ที่ติ แม้แต่ในโพสต์และบทช่วยสอน

19. สร้างอินเทอร์เน็ต

BuildInternet.com เป็นส่วนหนึ่งของ Smashing Magazine's The Smashing Network อย่างถูกต้อง ดังนั้นด้วยรูปภาพโพสต์ที่แสดงคุณลักษณะเฉพาะและความมุ่งมั่นในการรักษาองค์ประกอบการออกแบบไว้ทั่วทั้งไซต์

20. 45royale อิงค์

45royale.com เป็นสตูดิโอออกแบบเว็บไซต์ที่มีส่วนหัวที่ดึงดูดจินตนาการ พร้อมแนะนำคุณและนำทางคุณผ่านเนื้อหาภายในบล็อกด้านล่างอย่างมีประสิทธิภาพ

21. ผนังนักออกแบบเว็บไซต์

ในฐานะสมาชิกอีกคนของ The Smashing Network WebDesignerWall.com เป็นหนึ่งในงานออกแบบที่ได้รับการยอมรับมากที่สุดในโลก โดยมีหัวข้อข่าวที่สะดุดตาและรูปภาพส่วนหัวที่ยากจะลืมเลือน

22. ดีโปนักออกแบบเว็บไซต์

คล้ายกับ Web Designer Wall WebDesignerDepot.com เป็นเจ้าภาพการออกแบบอื่นที่ไม่สามารถลืมได้

23. ไอเลิฟคัลเลอร์

Ilovecolors.com.ar มีสไตล์คล้ายคลึงกัน แต่โดดเด่นด้วยพื้นที่เนื้อหาที่ออกแบบมาอย่างชาญฉลาด ซึ่งเน้นผ่านการแรเงาเชิงกลยุทธ์ของภาพพื้นหลัง

24. ตุ๊ดแคนดี้

ส่วนหัวของ TutCandy.com ทำให้คุณน้ำลายสอ ซึ่งรวมเอาสโลแกน "เฉพาะบทเรียนการออกแบบที่อร่อยที่สุดเท่านั้น"

25. Owltastic

Owltastic.com เป็นตัวแทนที่สวยงามของสิ่งที่คุณสามารถทำได้ด้วยเฉดสีฟ้าต่างๆ อย่างไรก็ตาม เนื้อหาที่สำคัญทั้งหมดยังคงดูโดดเด่น

26. เวคทิป

Vectips.com ทำงานได้ดีในการรักษาความรู้สึกขายได้ในที่สุดบนไซต์การสร้างแบรนด์ส่วนบุคคล

27. การออกแบบกุฏิ

บล็อก Smashing Network สุดท้ายในรายการนี้เป็นของ TheDesignCubicle.com ดูเหมือนเว็บไซต์ แต่ให้ความรู้สึกเหมือนเป็นบทหนึ่งของหนังสือ

28. ธีมบิ๊ก

ฉันชอบความละเอียดอ่อนของสไปรต์ในเมนูการนำทางของ ThemeBIG.com พร้อมกับความรู้สึกอบอุ่นที่คุณได้รับเมื่อคุณเข้าสู่ไซต์ของพวกเขาเป็นครั้งแรก

29. อีโคคิ

Ecoki.com เป็นบล็อก Eco-Lifestyle ที่มีการออกแบบที่โดดเด่นและมีตราสินค้าที่ดี ซึ่งสอดคล้องกันในทุกซอกทุกมุมของเว็บไซต์

30. ฟิเคด

ทุกอย่างตั้งแต่ส่วนหัวไปจนถึงพื้นที่เนื้อหา ไปจนถึงพื้นที่แสดงความคิดเห็นได้รับการออกแบบมาโดยเฉพาะและสอดคล้องกับส่วนที่เหลือของเว็บไซต์

คุณมีมัน

ฉันอยากจะเยี่ยมชมทุกบล็อกในโลกนี้ก่อนที่ฉันจะทำรายการนี้ แต่ฉันเริ่มหิวแล้ว

จากนี้ไปเมื่อใครต้องการนักออกแบบเว็บไซต์หรือนักพัฒนา พวกเขาไปที่ AwesomeWeb.com

หากคุณรู้จักการออกแบบบล็อกที่ยอดเยี่ยมที่ฉันพลาดไป โปรดให้ความกระจ่างเกี่ยวกับรายการโปรดของคุณในช่องแสดงความคิดเห็นด้านล่าง