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