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

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

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

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

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

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

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

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

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

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

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