AI Sameness: รักษาบุคลิกภาพของแบรนด์เมื่อ AI สร้าง UI ของคุณ
เหตุใดตัวสร้าง AI UI จึงสร้างอินเทอร์เฟซที่เหมือนกัน และวิธีการปฏิบัติเพื่อรักษาเอกลักษณ์ที่แตกต่าง: การพิมพ์ สี เค้าโครง การเคลื่อนไหว ภาพประกอบ และเสียง
หลัก Takeaway
ตัวสร้าง AI UI เคลื่อนไปสู่ตัวเลือกที่พบบ่อยที่สุดในข้อมูลการฝึก ซึ่งเป็นเหตุผลว่าทำไมอินเทอร์เฟซที่สร้างขึ้นจำนวนมากจึงใช้แบบอักษร การไล่ระดับสี และเลย์เอาต์ที่เหมือนกัน เพื่อให้คงความแตกต่าง ให้กำหนดกฎของแบรนด์ที่ชัดเจนให้กับ AI: การจับคู่ประเภทของคุณ เรื่องราวสี หลักการจัดวาง ตัวละครที่เคลื่อนไหวและเสียง รวมถึงตัวอย่าง จากนั้นให้ผู้ออกแบบตัดสินในส่วนที่ผู้ใช้สังเกตเห็นมากที่สุด
เหตุใดอินเทอร์เฟซที่สร้างโดย AI จึงมีลักษณะเหมือนกัน
Anthropic ซึ่งทำให้ Claude ได้อธิบายสาเหตุโดยตรงแล้ว หากไม่มีคำแนะนำ โมเดลที่ถูกขอให้สร้างแลนดิ้งเพจมักจะเลือกแบบอินเตอร์ การไล่ระดับสีม่วงบนสีขาว และแอนิเมชั่นขั้นต่ำ คำอธิบายของพวกเขาคือการบรรจบกันแบบกระจาย: โมเดลทำนายตัวเลือกถัดไปที่น่าจะเป็นไปได้มากที่สุด และตัวเลือกการออกแบบทั่วไปที่ปลอดภัยจะครอบงำข้อมูลเว็บที่พวกเขาเรียนรู้ โพสต์เดียวกันนี้ยังกล่าวถึงข่าวดีอีกด้วย: โมเดลต่างๆ สามารถควบคุมทิศทางได้สูงและคำแนะนำเฉพาะจะเปลี่ยนเอาต์พุตทันที
ที่ซึ่งบุคลิกภาพมีชีวิตอยู่จริง
ผู้ใช้จดจำผลิตภัณฑ์ได้จากการตัดสินใจเพียงไม่กี่ครั้ง เขียนแต่ละรายการตามกฎที่ AI สามารถปฏิบัติตามได้:
- การพิมพ์: การจับคู่และขนาดที่เฉพาะเจาะจง และแบบอักษรที่ควรหลีกเลี่ยง
- สี: จานสีที่เชื่อมโยงกับเรื่องราวของคุณ โดยมีกฎเกณฑ์สำหรับสำเนียงและพื้นหลัง
- เค้าโครง: ความหนาแน่น ตาราง และรูปร่างที่ซ้ำกัน (มุม เส้นขอบ ความลึก)
- การเคลื่อนไหว: สิ่งต่างๆ เคลื่อนไหวอย่างไร จากคมชัดและรวดเร็วไปจนถึงนุ่มนวลและสปริงตัว และเมื่อใดที่จะไม่เคลื่อนไหว
- ภาพประกอบและจินตภาพ: สไตล์ หัวเรื่อง และสิ่งที่ไม่เคยปรากฏ
- เสียง: วิธีเขียนปุ่ม ข้อผิดพลาด และสถานะว่าง
การเคลื่อนไหวและการสัมผัสเป็นลายเซ็น
สไตล์คงที่นั้นง่ายต่อการคัดลอกและง่ายสำหรับ AI ที่จะเลียนแบบ ความรู้สึกของอินเทอร์เฟซเมื่อคุณกด ลาก หรือรอนั้นยากขึ้น ลักษณะการเคลื่อนไหวที่สม่ำเสมอ การสปริงตัวบนสื่อ การที่แผ่นกระดาษตกลง ปฏิกิริยาเล็กๆ น้อยๆ ต่อความสำเร็จ กลายเป็นส่วนหนึ่งของแบรนด์ กำหนดให้เป็นโทเค็นการเคลื่อนไหวและส่วนประกอบลายเซ็นบางส่วน แทนที่จะปล่อยให้แต่ละหน้าจอเลือกจังหวะเวลาของตัวเอง
ขั้นตอนการทำงานที่ช่วยให้แบรนด์
ใช้ AI โดยที่ความเหมือนกันไม่สำคัญ เช่น การร่างครั้งแรก เครื่องมือภายใน และรูปแบบที่ซ้ำกัน และรักษาเวลาการออกแบบไว้สำหรับช่วงเวลาที่ผู้ใช้สังเกตเห็น: การเริ่มใช้งาน สถานะว่างเปล่า การดำเนินการหลัก และช่วงเวลาแห่งความสำเร็จ มอบเครื่องมือ AI ให้กับระบบการออกแบบของคุณผ่านทาง MCP หรือบรีฟที่เป็นลายลักษณ์อักษร และตรวจสอบหน้าจอที่สร้างขึ้นโดยเทียบกับรายการตรวจสอบสั้นๆ ของกฎเกณฑ์ของแบรนด์ของคุณ
คีย์ Principles ที่ต้องจำ
- UI ที่สร้างขึ้นมาบรรจบกับตัวเลือกที่พบบ่อยที่สุด
- โมเดลเป็นไปตามกฎเกณฑ์ของแบรนด์โดยเฉพาะ ข้อความแจ้งที่คลุมเครือจะได้รับผลลัพธ์ทั่วไป
- เขียนกฎสำหรับประเภท สี เค้าโครง การเคลื่อนไหว รูปภาพ และเสียง
- ความรู้สึกเคลื่อนไหวและการโต้ตอบนั้นยากต่อการลอกเลียนแบบและเป็นสัญญาณของแบรนด์ที่แข็งแกร่ง
- ใช้เวลาออกแบบในช่วงเวลาที่ผู้ใช้สังเกตเห็นมากที่สุด
คำถามที่พบบ่อย
แหล่งที่มา
- Improving frontend design through Skills — บล็อก Claude (มานุษยวิทยา)
- Motion — แนวทางอินเทอร์เฟซของมนุษย์ของ Apple
- Motion overview — Material Design3