ออกแบบ VIS ให้ BiFENG: เริ่มจากแผนภาพกลยุทธ์ของ KING
แผนภาพกลยุทธ์และกลไกที่ KING วางไว้เป็นจุดเริ่มต้นของ VIS สำหรับ BiFENG บันทึกนี้เล่าว่าธุรกิจจริง การประสานงานดิจิทัล และคุณค่าระยะยาว เชื่อมมาสู่สีกรมท่า–ทอง โลโก้ การจัดหน้า และงานประยุกต์อย่างไร
เข้าใจว่าบริษัททำงานอย่างไร ก่อนคิดว่าจะให้หน้าตาเป็นอย่างไร
ตอนจัดทำ VIS ของ BiFENG ครั้งนี้ สิ่งที่ผมดูก่อนคือแผนภาพกลยุทธ์และกลไกที่ KING วางไว้
ในภาพเชื่อมการบริโภคจริง แพลตฟอร์มและห่วงโซ่อุปทาน แบรนด์สินค้าและการดำเนินธุรกิจ ผลการดำเนินงาน ไปจนถึงการเชื่อมทุนและความร่วมมือระดับโลก บทบาทพาร์ตเนอร์เจ็ดประเภท การประเมินผลงานที่มีส่วนร่วม และการจับคู่ความรับผิดชอบ อำนาจ และสิทธิประโยชน์ ก็อยู่ในภาพเดียวกัน
ผมคิดว่านี่เป็นจุดเริ่มต้นที่ดีของงานออกแบบ ภาพลักษณ์ที่ BiFENG ต้องการนำเสนอควรสัมพันธ์กับวิธีดำเนินงานและจัดความร่วมมือที่ตั้งใจจะทำ แนวคิด VIS ครั้งนี้จึงพัฒนาตามแกนนี้
สำหรับผม VIS คือภาษาภาพร่วมของบริษัท ตั้งแต่โลโก้ สี ตัวอักษร และการจัดหน้า ไปจนถึงนามบัตร รายงาน เว็บไซต์ และสื่องานอีเวนต์ คนควรจำได้ว่าเป็นบริษัทเดียวกัน และอ่านเนื้อหาได้เข้าใจด้วย
นำความสัมพันธ์ในกลยุทธ์เข้าสู่งานออกแบบ
ผมสนใจสองแนวในแผนภาพของ KING แนวแรกคือธุรกิจสร้างคุณค่า และทุนสนับสนุนการพัฒนาอุตสาหกรรม อีกแนวคือบันทึกและประเมินการมีส่วนร่วม แล้วจัดสิทธิประโยชน์และความร่วมมือตามบทบาท ความรับผิดชอบ และข้อตกลง
คำว่า ‘ร่วมสร้างคุณค่า ร่วมแบ่งปันการเติบโต’ จึงมีคำอธิบายที่จับต้องได้ว่าใครเข้าร่วม ทำอะไร ร่วมมือกันอย่างไร และจะสานต่ออย่างไร
ผมจึงอยากให้ VIS สื่อความมั่นคง ความชัดเจน และความเป็นระเบียบ พร้อมรองรับธุรกิจและบทบาทที่หลากหลาย เมื่ออ่านรายงาน เข้าเว็บไซต์ หรือมาถึงงาน ควรรู้สึกว่าทั้งหมดมาจากระบบเดียวกัน
เส้นทางทุนและกลไกบางส่วนในภาพยังต้องพัฒนาเป็นขั้นตอน งานภาพแสดงทิศทางและความมั่นใจได้ แต่ต้องแยกแผนออกจากผลงานที่เกิดขึ้นแล้ว และแยกการแบ่งปันคุณค่าออกจากคำรับรองผลตอบแทน
ทำไมจึงเป็นสีกรมท่าและทอง
สีหลักคือกรมท่า #142B4A สีเน้นคือทองอบอุ่น #B79B65 และพื้นสำหรับเนื้อหาใช้ขาวหมอก #F3F5F8
ผมอยากให้สีกรมท่าช่วยวางน้ำหนักที่มั่นคงให้ภาพรวม เหมาะกับการระบุตัวตนของกลุ่ม เอกสารธุรกิจ และเนื้อหาอุตสาหกรรมกับทุน มีน้ำหนักแต่ไม่แย่งความสนใจจากสิ่งที่อ่าน
สีทองใช้ที่สัญลักษณ์และรายละเอียดสำคัญเพียงบางจุด ใช้น้อยกลับช่วยให้จำได้ชัดขึ้น หัวเรื่อง ตัวเลข และกราฟต่างต้องมีลำดับของตัวเอง ทุกจุดไม่ควรเรียกร้องความสนใจเท่ากัน
สีขาวหมอกกับพื้นที่ว่างก็สำคัญ เนื้อหามีทั้งอุตสาหกรรม แพลตฟอร์ม และกลไกพาร์ตเนอร์อยู่แล้ว หน้าจึงต้องมีที่ให้ข้อมูล สัดส่วนพื้นที่สว่างและพื้นที่ว่าง 65% กรมท่า 30% ทอง 5% ในคู่มือ เป็นคำแนะนำเรื่องการจัดน้ำหนัก ไม่ใช่ข้อบังคับตายตัวทุกชิ้น
โลโก้ต้องจำได้ และต้องใช้งานต่อได้
อัตลักษณ์หลักประกอบด้วยตัวอักษร BiFENG ที่ออกแบบเฉพาะ กับสัญลักษณ์หกเส้นแบบสะท้อนกระจกด้านขวา ตัว i พิมพ์เล็ก จุด รอยเว้นของตัวอักษร และสัดส่วนรวมใช้จากไฟล์มาตรฐาน ไม่พิมพ์ชื่อใหม่ด้วยฟอนต์อื่นแทน
สัญลักษณ์มีเส้นยาวสองเส้นกับเส้นสั้นสี่เส้น ยังคงทิศพุ่งไปด้านขวาบน ผมเชื่อมจังหวะขนาน การขยายออก และการตอบรับกันของรูปทรงกับความร่วมมือและการเติบโตระยะยาวในแผนภาพ นี่เป็นการตีความสำหรับงานออกแบบครั้งนี้ ไม่ได้หมายความว่าแต่ละเส้นแทนธุรกิจหรือพาร์ตเนอร์ประเภทใดโดยตรง
เวลาใช้จริงต้องดูด้วยว่าย่อเล็กแล้วยังอ่านออกไหม พิมพ์แล้วช่องว่างตันไหม ปักแล้วรอยเว้นติดกันไหม พื้นที่ปลอดภัย ขนาดขั้นต่ำ รุ่นพื้นสว่าง–มืด และรุ่นสีเดียวจึงต้องเตรียมไปพร้อมกัน เพื่อให้ใช้ซ้ำแล้วยังจำได้ชัด
พา VIS ไปอยู่บนสิ่งของและหน้าจอจริง
สิ่งที่ผมให้ความสำคัญคือ เมื่อเปลี่ยนสื่อแล้ว งานยังไปในทางเดียวกันหรือไม่
นามบัตรต้องอ่านชื่อและข้อมูลติดต่อชัด รายงานต้องเห็นหัวข้อ รุ่น และวันที่ งานนำเสนอต้องจัดความคิด หลักฐาน และกราฟให้เข้าใจ ฉากงานต้องคิดถึงระยะมอง ตำแหน่งคน และการถ่ายภาพ ส่วนมือถือก็ต้องดูขนาดตัวอักษรและความแน่นของข้อมูล
คู่มือครั้งนี้เชื่อมนามบัตร เครื่องเขียน รายงาน หน้าจอดิจิทัล และสื่ออีเวนต์ แล้วขยายไปสู่อุปกรณ์สำนักงาน เสื้อผ้า แก้ว บัตรเข้างาน และธง ใช้โลโก้ สี และระเบียบพื้นฐานร่วมกัน แล้วปรับตามหน้าที่ของแต่ละอย่าง
ผมอยากให้ของแต่ละชิ้นต่างกันได้ แต่คนยังมองออกทันทีว่าเป็น BiFENG


ออกแบบแล้ว งานปฏิบัติต้องต่อกัน
V1.0 วางพื้นฐานร่วมของโลโก้ สี และงานประยุกต์ ส่วนขนาด การจัดหน้า และคำแนะนำด้านการผลิตยังต้องตรวจต่อกับผู้ผลิต วัสดุ และตัวอย่างจริง
ทองบนจอ หมึกสีทอง ฟอยล์ และป้ายโลหะให้ผลต่างกัน ควรดูชิ้นตัวอย่างก่อนอนุมัติผลิตจำนวนมาก ภาพประยุกต์ในบทความเป็นภาพแนวคิดที่สร้างด้วย AI จากชุดประกอบคู่มือ ใช้พูดคุยทิศทางออกแบบ ไม่ใช่หลักฐานว่าผลิต ติดตั้ง หรือใช้งานแล้ว
KING จัดความสัมพันธ์ทางกลยุทธ์ให้ชัดก่อน แล้วเราจึงนำมาถ่ายทอดเป็นภาษาภาพที่มองเห็น อ่าน และใช้ซ้ำได้ ผมคิดว่ากระบวนการนี้คือสิ่งที่ควรบันทึกไว้จากงาน VIS ของ BiFENG ครั้งนี้
หลังจากนี้ เว็บไซต์ งานนำเสนอ รายงาน และสื่อหน้างานสามารถพัฒนาตามมาตรฐานเดียวกัน งานภาพควรช่วยอธิบายให้ชัดว่าบริษัทตั้งใจจะเดินไปอย่างไร
เรียบเรียงจากแผนภาพกลยุทธ์และกลไกของ BiFENG ที่ KING วางไว้ และคู่มือ BiFENG VIS Navy & Gold V1.0 ให้เครดิตการวางแผนภาพกลยุทธ์แก่ KING บทความบันทึกแนวคิด VIS และการออกแบบ ภาพประยุกต์เป็นภาพแนวคิด AI จากชุดประกอบคู่มือ