ฉันจะเลือกภาพหน้าปกที่ดีสำหรับเว็บไซต์ของฉันได้อย่างไร


22

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

อะไรทำให้รูปภาพหน้าปก / พื้นหลังมีประสิทธิภาพ สิ่งที่ฉันควรทราบเมื่อค้นหารูปภาพหรือวางแผนที่จะถ่ายและแก้ไขบางอย่างสำหรับไซต์ของฉัน


1
ตอนนี้มันเป็นเทรนด์ที่จะมีวิดีโอพื้นหลังขนาดใหญ่
user11153

1
ทำอย่างใดอย่างหนึ่งของที่ดีที่สุดคำถามตัวเองตอบในเว็บไซต์ (ฉันไม่สามารถจำคนอื่น ๆ ใด ๆ ดังนั้นอาจดีที่สุด) :)
Dom

คำตอบ:


30

คุณต้องการติดตามแนวโน้มหรือไม่

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

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

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

ตรวจสอบให้แน่ใจว่ารูปภาพเกี่ยวข้องกับเนื้อหา

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

ป้อนคำอธิบายรูปภาพที่นี่


ตรวจสอบให้แน่ใจว่าภาพพูดถึงสิ่งที่คุณต้องการ

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

ป้อนคำอธิบายรูปภาพที่นี่

มันไปโดยไม่บอกว่าภาพควรจะดึงดูดสายตา รายละเอียดเพิ่มเติมเกี่ยวกับลักษณะที่ทำให้ภาพน่าดึงดูดอยู่ด้านล่าง


ตรวจสอบให้แน่ใจว่าภาพมีความเป็นเอกลักษณ์

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

ป้อนคำอธิบายรูปภาพที่นี่


ใช้ภาพของจริง

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

ป้อนคำอธิบายรูปภาพที่นี่

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

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

ป้อนคำอธิบายรูปภาพที่นี่


ตรวจสอบให้แน่ใจว่าภาพทำงานได้กับเค้าโครงของคุณ

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

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

ป้อนคำอธิบายรูปภาพที่นี่


ตรวจสอบให้แน่ใจว่ารูปภาพปฏิบัติตามกฎการถ่ายภาพและการออกแบบที่ดี

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

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

กฎภาพลักษณ์ที่ดี


ตรวจสอบให้แน่ใจว่าภาพเป็นไปตามรูปแบบสีของคุณ

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

descr


จำกัดความแปรปรวนภายในภาพ

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

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

ป้อนคำอธิบายรูปภาพที่นี่

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

ป้อนคำอธิบายรูปภาพที่นี่


ตรวจสอบให้แน่ใจว่าภาพมีขนาดใหญ่พอ

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


ตรวจสอบให้แน่ใจว่าคุณมีสิทธิ์ในการใช้ภาพ

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


ตรวจสอบให้แน่ใจว่าภาพถ่ายมีคุณภาพสูง

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

แหล่งข้อมูลเพิ่มเติม:


4
คำตอบที่ดี. ฉันอาจจะรวบรัดมากเกินไป: "ตรวจสอบให้แน่ใจว่ามันเป็นภาพที่ดีและเกี่ยวข้องกับความต้องการและวัตถุประสงค์ของเว็บไซต์ของคุณ" :)
58

@ DA01 ในขณะที่ฉันถือหุ้นทั้งหมดเห็นด้วยกับคำสั่งที่บางคนต้องการความช่วยเหลือเล็ก ๆ น้อย ๆ :)
ซัคซอส
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.