เป้าหมาย: สร้างภาพหน้าจอเบราว์เซอร์ที่ดูสะอาดตา โดยแสดงส่วนกรณีศึกษาภาษาจีนที่มีโปสเตอร์อินโฟกราฟิกขนาดใหญ่แบบสองภาษาเกี่ยวกับแผนผังระบบเมือง
ผืนภาพ: ภาพหน้าจอแนวนอน ขนาดประมาณ 917×833 พิกเซล พื้นหลังเว็บเพจสีขาว ครอปภาพให้ส่วนบนสุดเห็นท้ายย่อหน้าภาษาจีน และส่วนล่างตัดภาพโปสเตอร์บางส่วนออก ใช้การเรนเดอร์แบบ UI ที่คมชัด ไม่ต้องมีส่วนประกอบของเบราว์เซอร์เต็มรูปแบบ
เลย์เอาต์เว็บเพจ: ที่ด้านบนซ้ายของส่วนที่มองเห็น ให้แสดงไอคอนรูปภาพในกรอบเล็กๆ ตามด้วยหัวข้อภาษาจีนตัวหนา “精选案例” พร้อมเส้นแบ่งแนวนอนสีเทาบางๆ ด้านล่างที่ยาวเกือบเต็มความกว้าง ด้านล่างนั้นให้แสดงหัวข้อย่อยตัวหนา: “案例一:信息图可视化” ใต้หัวข้อนั้นให้วางภาพอินโฟกราฟิกขนาดใหญ่หนึ่งภาพไว้ตรงกลางโดยมีระยะขอบแคบๆ
โปสเตอร์หลัก: ออกแบบโปสเตอร์แผนที่แบบสองภาษาที่อัดแน่นด้วยข้อมูลในหัวข้อ “城市生命系统图谱” พร้อมคำบรรยายภาษาอังกฤษ “Urban Metabolism Atlas” ใต้หัวข้อให้เพิ่มคำโปรยสองภาษาขนาดเล็ก “城市是一個有生命的系統 / The City is a Living System” โปสเตอร์ควรดูเหมือนอินโฟกราฟิกด้านสถาปัตยกรรม/ผังเมืองระดับมืออาชีพ: พื้นหลังสีขาวนวล ข้อความหัวเรื่องสีน้ำเงินเข้ม เส้นขอบกรอบสีเทาบางๆ ป้ายกำกับสองภาษาขนาดเล็ก ไอคอนแผนภาพ และภาพประกอบเมืองแบบไอโซเมตริกตัดขวางที่อยู่ตรงกลางเป็นส่วนใหญ่
องค์ประกอบด้านบนของโปสเตอร์: ที่ด้านบนซ้าย ให้ใส่เข็มทิศระบุทิศ N และแถบมาตราส่วนที่ระบุว่า “Scale” พร้อมขีดบอกระยะ 0, 50, 100, 200, 500 เมตร ใกล้กับกึ่งกลางด้านบน ให้ใส่กล่อง “System Legend” ที่มีตัวอย่างเส้นสี 10 เส้น ระบุชื่อ: Electricity, Gas, Heating, Communication, Traffic, Logistics, Data Flow, People Flow, Clean Water, Wastewater ที่ด้านบนขวา ให้ใส่การ์ดแผนที่แทรกขนาดเล็กระบุว่า “Location” แสดงแผนที่เมืองแบบย่อที่มีสวนสาธารณะสีเขียว ทางน้ำสีฟ้า ถนนสีเทา และขอบเขตสีแดง
ภาพประกอบเมืองตรงกลาง: แสดงเมืองอัจฉริยะแบบไอโซเมตริกที่หนาแน่นไปด้วยตึกระฟ้า บล็อกอาคารขนาดกลาง ถนนที่มีรถยนต์และรถบัส คลองหรือแม่น้ำสีฟ้า สะพาน ต้นไม้ริมทาง จัตุรัส อุโมงค์รถไฟใต้ดินและท่อสาธารณูปโภคที่มองเห็นได้ในภาพตัดขวางด้านล่าง ใส่รายละเอียดเล็กๆ เช่น โดรน เครื่องบิน แผงโซลาร์เซลล์บนหลังคา สถานีขนส่ง คนเดินเท้า และรถบริการ ใช้เส้นเครือข่ายสีบางๆ พาดผ่านเมืองเพื่อสื่อถึงการไหลเวียนของน้ำ พลังงาน ข้อมูล โลจิสติกส์ และการขนส่ง เพิ่มจุดมาร์กเกอร์วงกลมที่มีตัวเลขกำกับ 5 จุดในฉากกลาง: เลข 6 บนอาคาร, เลข 3 ใกล้ถนน/ทางขนส่ง, เลข 8 ใกล้ขอบถนนด้านขวา, เลข 9 ในจัตุรัสสีเขียว และเลข 10 ใกล้อุโมงค์ใต้ดิน/ขอบคลอง
การ์ดข้อมูลด้านข้าง: วางการ์ดระบบรูปสี่เหลี่ยมมุมมน 6 ใบไว้รอบเมือง แต่ละใบมีป้ายตัวเลขสี หัวข้อสองภาษา รายการย่อย และแผนภาพขนาดเล็ก คอลัมน์ซ้ายมี 3 ใบ: 1 “能源系统 / Energy Grid” พร้อมแผงโซลาร์เซลล์, ระบบจัดเก็บแบตเตอรี่, จุดชาร์จ EV และรถยนต์; 2 “城市水循环 / Water Cycle” พร้อมแผนภาพโรงบำบัดน้ำ, การเก็บน้ำฝน, การบำบัดน้ำเสีย, น้ำรีไซเคิล และน้ำบาดาล; 3 “交通网络 / Transportation” พร้อมรถไฟใต้ดิน, รถบัส, ถนน, ไอคอนจักรยาน และเส้นทางเดินรถ คอลัมน์ขวามี 3 ใบ: 6 “建筑内部系统 / Building Systems” พร้อมภาพตัดขวางอาคารที่แสดงชั้นต่างๆ, HVAC, ความปลอดภัยจากอัคคีภัย, ระบบควบคุม BMS และท่อ; 7 “公共服务 / Public Services” พร้อมไอคอนโรงพยาบาล, โรงเรียน, สถานีดับเพลิง, สถานีตำรวจ และบริการชุมชน; 8 “食物与物流 / Food & Logistics” พร้อมคลังสินค้า, โซ่ความเย็น, การจัดส่งขั้นสุดท้าย, รถบรรทุก, กล่องพัสดุ และหุ่นยนต์ส่งของ ให้ส่วนล่างของคอลัมน์ซ้ายและขวาถูกตัดออกเล็กน้อยตามขอบของภาพหน้าจอ เพื่อให้ดูเหมือนมุมมองของหน้าเว็บที่ถูกแคปมา
สไตล์ภาพ: ภาพประกอบไอโซเมตริกแบบกึ่งสมจริงที่มีรายละเอียดสูงผสมผสานกับการออกแบบอินโฟกราฟิกเชิงเทคนิค ใช้โทนสีเทาและขาวที่ดูนุ่มนวลร่วมกับตัวอักษรสีน้ำเงินเข้ม และใช้สีเน้นอย่างเหลือง, ฟ้าไซแอน, แดง, ม่วง, ส้ม และเขียว ข้อความควรจะอ่านออกได้ในระดับหัวข้อ แต่ป้ายกำกับเล็กๆ หลายจุดอาจมีขนาดจิ๋ว รักษาบรรยากาศของบทความบนเว็บภาษาจีนที่นำเสนอภาพตัวอย่าง
ข้อจำกัด: ห้ามเพิ่มแถบที่อยู่เบราว์เซอร์, ลายน้ำ, แถบเครื่องมือลอย หรือ UI โซเชียลมีเดียเพิ่มเติม รักษาหัวข้อภาษาจีนบนหน้าเว็บและลำดับชั้นของชื่อโปสเตอร์สองภาษา ภาพควรดูเหมือนภาพหน้าจอของอินโฟกราฟิกที่สร้างขึ้นซึ่งฝังอยู่ในหน้าเอกสาร