คุณจะทำให้การออกแบบบล็อกของคุณน่าสนใจได้อย่างไร

เผยแพร่แล้ว: 2022-05-28

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

ทำไมคุณต้องสร้างการออกแบบบล็อกที่สะดุดตา?

เลย์เอาต์คุณภาพสูงและสะดุดตาสร้างความแตกต่างในความสำเร็จของบล็อกของคุณ ด้านล่างนี้คือข้อดีของการออกแบบบล็อกที่น่าดึงดูด

เพิ่มเวลาจำกัดเพื่อสร้างความประทับใจให้ผู้ชมของคุณ

รายงานระบุว่าผู้คนสามารถดูภาพและตัดสินใจว่าจะรู้สึกอย่างไรในเวลาประมาณ 50 มิลลิวินาที ที่รวดเร็ว! หมายความว่าคุณมีเวลาไม่ถึงวินาทีในการสร้างความประทับใจ ดึงดูด และเปลี่ยนผู้ชมของคุณ บทความที่เขียนดีจะไม่ทำอย่างนั้น แต่กราฟิกอาจ

พวกเขาช่วยสร้างอำนาจของไซต์ของคุณ

ความประทับใจครั้งแรกมีความสำคัญต่อการดึงดูดและรักษาผู้ฟัง ดังนั้นกราฟิกที่ออกแบบมาอย่างดีจะเพิ่มระดับความเป็นมืออาชีพให้กับเว็บไซต์ของคุณ คุณเคยเยี่ยมชมบล็อกที่ยากจะนำทางหรือไม่? หากคุณมี คุณจะเข้าใจว่าเนื้อหานั้นไม่สำคัญอีกต่อไปเพราะคุณไม่เคยอยู่นานพอที่จะอ่าน

มีการแบ่งปันกันบ่อยขึ้น

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

ชื่นชมภาพ

เนื่องจากคนส่วนใหญ่เป็นผู้เรียนด้วยภาพ พวกเขาจึงเข้าใจและชื่นชมแนวคิดได้ดีขึ้นมากเมื่ออยู่ในรูปแบบกราฟิก สิ่งต่างๆ เช่น ไอคอนและอินโฟกราฟิกมีความสำคัญต่อการสื่อสารกับผู้ชมของคุณอย่างมีประสิทธิภาพ

การออกแบบบล็อกที่ดีต้องมีอะไรบ้าง

ภาพประกอบของบล็อกเกอร์

คุณอาจคิดว่าการออกแบบบล็อกที่ยอดเยี่ยมนั้นต้องใช้แอนิเมชั่นที่ฉูดฉาด การออกแบบตัวอักษร และวิดเจ็ตเจ๋งๆ ทุกประเภท นั่นไม่ใช่กรณี

หากการออกแบบบล็อกของคุณมีเนื้อหามากเกินไป อาจทำให้ผู้เข้าชมเสียสมาธิ มันเอาชนะปัจจัยที่สำคัญที่สุดของการออกแบบบล็อกที่ดี – ความสามารถในการอ่าน

ผู้เข้าชมควรจะสามารถอ่านเนื้อหาของคุณได้อย่างง่ายดาย มิฉะนั้นพวกเขาจะไม่กลับมา

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

พื้นที่สีขาว

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

การนำทาง

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

ส่วนหัวของบล็อก

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

การ์ดบล็อก

การแสดงโพสต์บล็อกของคุณในการ์ด (หรือภาพขนาดย่อ) จะทำให้คุณสามารถแสดงบทความของคุณแก่ผู้เยี่ยมชมได้อย่างเป็นระเบียบ ภาพขนาดย่อมักประกอบด้วยรูปภาพเด่น ชื่อเรื่อง วันที่ ชื่อผู้เขียน ตัวอย่างบล็อก หมวดหมู่ และปุ่ม "อ่านเพิ่มเติม" "อ่านต่อ" หรือ "ดูทั้งหมด"

การแบ่งปันทางสังคม

การรวมการแบ่งปันทางสังคมเข้ากับบล็อกของคุณทำให้ผู้อ่านสามารถแบ่งปันเนื้อหาของคุณทางออนไลน์ได้ง่าย วิธีที่ไม่ยุ่งยากในการเพิ่มปุ่มแบ่งปันทางสังคมในบล็อกของคุณคือการใช้ปลั๊กอิน เช่น SharedCount

8 ตัวอย่างการออกแบบบล็อกที่น่าทึ่ง

ภาพประกอบของบล็อกเกอร์

1. ขอแสดงความนับถือ Jules

ตัวอย่างบล็อก

ขอแสดงความนับถือ Jules เป็นบล็อกแฟชั่นและไลฟ์สไตล์ที่มีชื่อเสียงโดย Julie Sariñana พร้อมการออกแบบที่ยอดเยี่ยม หน้าแรกของบล็อกของเธอโหลดได้ด้วยการแสดงภาพส่วนหัวแบบเต็มความกว้างของโพสต์ล่าสุดและลิงก์สำหรับอ่านโพสต์

นอกจากนี้ ยังมีเมนูนำทางที่มุมซ้ายบนซึ่งลิงก์ไปยังแพลตฟอร์มโซเชียลมีเดียของเธอจะแสดงในแนวตั้งทางด้านขวา

โพสต์บล็อกล่าสุดของเธอจะแสดงด้วยภาพขนาดย่อขนาดใหญ่ที่สะดุดตาเมื่อคุณเลื่อนหน้าลงมา

แทรก 1-1 ขอแสดงความนับถือ Jules IG feed.jpg

ที่ด้านล่างของหน้า ผู้เขียนได้ฝังฟีด Instagram ของเธอ การมีองค์ประกอบการแบ่งปันทางสังคมช่วยให้คุณ:

  • ปรับปรุงบล็อกของคุณด้วยเนื้อหาที่สดใหม่
  • เพิ่มการมีส่วนร่วม
  • รับผู้ติดตามโซเชียลมีเดียมากขึ้น

2. คุกกี้ + เคท

ตัวอย่างบล็อก

บล็อกอาหาร Cookie + Kate มีรูปแบบที่เรียบง่ายและทันสมัย แถบนำทางช่วยให้ผู้เข้าชมสามารถค้นหาประเภทของสูตรอาหารที่ต้องการลองได้อย่างรวดเร็ว ที่ด้านล่างของหน้า ผู้อ่านสามารถดูสูตรอาหารใหม่ล่าสุดที่โพสต์

แถบด้านข้างของ Cookie + Kate ได้รับการออกแบบมาอย่างสมบูรณ์แบบเช่นกัน มันมีวิดเจ็ตหลายอย่างที่ช่วยเพิ่มการมีส่วนร่วมและทำให้ผู้เยี่ยมชมอยู่ในไซต์นานขึ้น แถบด้านข้างประกอบด้วย:

  • หน้าเกี่ยวกับพร้อมรูปภาพของผู้เขียนและลิงก์ไปยังหน้าเกี่ยวกับ
  • ไอคอนโซเชียลมีเดีย
  • แบบฟอร์มเลือกรับจดหมายข่าวทางอีเมล
  • ลิงค์ซื้อตำราอาหารของเธอ
  • โพสต์บล็อกยอดนิยม

3. บล็อก TED

ตัวอย่างบล็อก

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

ใต้ส่วนนั้น ผู้เยี่ยมชมสามารถดูบทความล่าสุดทั้งหมดในบล็อก ผู้เข้าชมยังสามารถกรองชิ้นส่วนที่แสดงตามหมวดหมู่ TED ใหม่ล่าสุด ที่มีชื่อเสียง หรือเฉพาะอื่นๆ

ตัวอย่างบล็อก

4. The Sartorialist

ตัวอย่างบล็อก

Sartorialist เป็นบล็อกแฟชั่นและการถ่ายภาพที่มีชื่อเสียง เลย์เอาต์เป็นหลักแสดงผลงานที่สวยงามของช่างภาพ

และแทนที่จะต้องคลิกปุ่ม "หน้าถัดไป" แบบเดิมเพื่อดูรูปภาพเพิ่มเติม การเลื่อนแบบไม่จำกัดจะใช้เพื่อปรับปรุงประสบการณ์ของผู้ใช้

ผู้เยี่ยมชมยังสามารถสำรวจบล็อกโดยใช้ลิงก์ในส่วนหัวของเว็บไซต์ มีลิงค์ดังต่อไปนี้:

  • คลังภาพ
  • เกี่ยวกับเพจ
  • หน้าติดต่อ
  • โปรไฟล์ Instagram

5. แดน ฟลายอิ้ง โซโล

ตัวอย่างบล็อก

การออกแบบบล็อกการเดินทางโดย Dan Flying Solo นั้นเรียบง่าย แต่ใช้งานได้จริง ส่วนหัวของเว็บไซต์มีส่วนเกี่ยวกับ ในขณะเดียวกัน คุณสามารถดูโพสต์บล็อกล่าสุด

แดนยังฝังวิดีโอการเดินทางของเขาที่โพสต์บน YouTube บนเว็บไซต์ด้วย นี่เป็นกลยุทธ์ที่ยอดเยี่ยมในการดึงดูดผู้เข้าชมและทำให้ช่อง YouTube ของเขาเติบโต

6. Copyblogger

ตัวอย่างบล็อก

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

หน้านี้มีภาพขนาดย่อของบทความล่าสุด ผู้เข้าชมสามารถคลิกที่ภาพขนาดย่อเพื่ออ่านบทความทั้งหมด

Copyblogger เป็นแม่เหล็กดึงดูดเพื่อกระตุ้นให้ผู้เยี่ยมชมลงทะเบียนสำหรับรายชื่อการตลาดผ่านอีเมลที่ด้านล่างของหน้า

7. จ่ายอะไรก็ได้

ตัวอย่างบล็อก

บล็อก Afford Anything กล่าวถึงการเงิน จิตวิทยา และการลงทุน เป็นไปตามแนวทางปฏิบัติที่ดีที่สุดสำหรับการออกแบบบล็อกทั้งหมด เช่น การเพิ่มปุ่มแบ่งปันทางสังคม การแสดงโพสต์บล็อกยอดนิยม และการใช้ภาพที่สะดุดตา

นอกจากนี้ยังมีพาดหัวที่ชัดเจนและปุ่มคำกระตุ้นการตัดสินใจที่ด้านบนของหน้า เมื่อผู้เยี่ยมชมกดปุ่ม มาเริ่มกันเลย ป๊อปอัปจะปรากฏขึ้นเพื่อเสนอ ebook ฟรีเพื่อแลกกับที่อยู่อีเมลของพวกเขา

8. เดอะนิวยอร์กเกอร์

ตัวอย่างบล็อก

การออกแบบบล็อกของ New Yorker ยังทำงานได้ดีสำหรับเว็บไซต์ข่าว หน้านี้เต็มไปด้วยโพสต์บล็อกล่าสุด โดยแบ่งออกเป็นหมวดหมู่ต่างๆ เช่น สปอตไลท์ อารมณ์ขัน นิยายและบทกวี วิดีโอ ฯลฯ

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

หากคุณต้องการสร้างการออกแบบบล็อกที่ยอดเยี่ยมเช่นตัวอย่างด้านบน ไม่ต้องกังวล มันง่ายมาก Penji สามารถทำให้บล็อกของคุณดูเป็นมืออาชีพได้ทันที การออกแบบเว็บไซต์และกราฟิกบล็อกรวมอยู่ในบริการกว่า 120 รายการของเราซึ่งสนับสนุนโดยทีมออกแบบที่มากความสามารถที่สุดในโลก ดูรายการบริการออกแบบของ Penji ทั้งหมดได้ที่นี่