การปรับแต่ง

การปรับแต่งธีมของการกระทําทําให้คุณสามารถสะท้อนแบรนด์ของคุณได้ดีขึ้น และให้บริบทที่เห็นภาพแก่ผู้ใช้

ภาพรวม

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

การออกแบบของ Assistant เปลี่ยนแปลงอยู่ตลอดเวลาเพื่อช่วยเหลือผู้ใช้ ไม่ว่าจะอยู่ที่ไหน ไม่ว่าจะใช้อุปกรณ์ใด เราจึงออกแบบหลักเกณฑ์ในส่วนนี้ให้พัฒนาไปด้วยกัน เป้าหมายของเราคือช่วยให้คุณแสดงตัวตนของบริษัทได้ในลักษณะที่ 1) รู้สึกเป็นธรรมชาติในการโต้ตอบกับระบบโดยรวม 2) มุ่งเน้นโอกาสที่สําคัญที่สุดสําหรับการแสดงออกถึงแบรนด์ และ 3) ปรับขนาดในอุปกรณ์หลักทั้งหมด (เช่น โทรศัพท์และ Smart Display) โดยไม่ต้องลงแรงเพิ่มเติม

ระบบจะใช้ธีมเริ่มต้นของ Assistant กับคอมโพเนนต์ภาพการดําเนินการของคุณ หากคุณไม่ได้ระบุรายละเอียดของธีม คุณไปที่คอนโซล Actions เพื่อปรับแต่งธีม Action ได้


สี

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

เลือกสีหลักก่อน

หลังจากเลือกสีหลักแล้ว ให้เลือกสีพื้นหลังที่ใส่ทั้งสีหลักและสีข้อความรอง

สีพื้นหลังอาจเป็นสีหลักในเวอร์ชันสีอ่อน

สีพื้นหลังอาจเป็นสีที่เข้ากัน

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

รูปภาพพื้นหลัง

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

การ์ดพื้นฐานนี้ใช้ภาพพื้นหลัง ภาพพื้นหลังจะแทนที่สีพื้นหลัง ดังนั้นให้เลือกตัวเลือกที่แสดงแบรนด์ของคุณได้ดีที่สุด

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


การพิมพ์

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

เลือกแบบอักษรที่เข้ากับข้อความรองได้อย่างดี

ควรทํา

แบบอักษรและสีที่เด่นชัดของแบบอักษรนี้ทําให้เด่นขึ้นบนพื้นหลังและดึงดูดความสนใจไปที่ชื่อการ์ด

สิ่งที่ไม่ควรทํา

หากน้ําหนักไม่มาก แบบอักษรนี้อ่านได้ยากและดึงดูดสายตาให้ชื่อเรื่องก่อนข้อความเนื้อหา


รูปร่าง

รูปร่างของรูปภาพ

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

โลโก้เหมาะที่จะเป็นแนวทางในการเลือกรูปร่าง ในตัวอย่างนี้ โลโก้มีลักษณะแหลมและเหลี่ยมทําให้มุมเอียงสอดคล้องกับแบรนด์

คอมโพเนนต์อื่นๆ จะแนะนําคุณในการตัดสินใจได้เช่นกัน ในที่นี้ ขอบโค้งมนของปุ่มการทํางาน และโลโก้ตรงกับมุมโค้งของรูปภาพ

สําหรับคําแนะนําเพิ่มเติมเกี่ยวกับการเลือกรูปร่างของรูปภาพ โปรดไปที่ไซต์ดีไซน์ Material