Sushi Design System - UI Kit for Android apps

คำอธิบายของ Sushi Design System - UI Kit for Android apps

Sushi เป็นระบบการออกแบบของ Zomato ซึ่งช่วยสร้างอินเทอร์เฟซผู้ใช้ที่แข็งแกร่งตามภาษาการออกแบบที่สะอาดและเรียบง่าย เราที่ Zomato ได้สร้างสิ่งนี้จากพื้นดินขึ้น มันไม่ใช่แค่ระบบการออกแบบสำหรับเรา แต่มากกว่านั้นมันช่วยให้เรามอบประสบการณ์ใหม่และปรับปรุงให้กับผู้ใช้ของเรา ซูชิสามารถช่วยให้คุณสร้างอินเทอร์เฟซผู้ใช้ตามความต้องการตามภาษาการออกแบบอะตอมที่สะอาดและเรียบง่าย ในขณะที่ซูชิสร้างภาษาการออกแบบของตัวเองมันจะรวบรวมและใช้ส่วนประกอบการออกแบบวัสดุของ Google ภายในหลายพื้นที่
เป็นระบบการออกแบบและการอ้างอิงสำหรับแนวทางแบรนด์ที่ใช้และเป็นตัวแทนของทีมต่าง ๆ ภายใน Zomato ดังกล่าว - ผลิตภัณฑ์วิศวกรรมการตลาดและการสร้างแบรนด์
อะไรคืออะไร ระบบการออกแบบ?
ระบบการออกแบบเป็นคอลเลกชันของส่วนประกอบที่ใช้ซ้ำได้นำทางด้วยมาตรฐานที่ชัดเจนซึ่งสามารถประกอบเข้าด้วยกันเพื่อสร้างแอปพลิเคชันจำนวนใดก็ได้ ระบบการออกแบบไม่เพียง แต่เป็นคอลเลกชันของสินทรัพย์และส่วนประกอบที่คุณใช้ในการสร้างผลิตภัณฑ์ดิจิทัล ตามที่ Emmet Connolly ผู้อำนวยการออกแบบผลิตภัณฑ์ที่อินเตอร์คอม "... ระบบการออกแบบส่วนใหญ่เป็นเพียงแค่ไลบรารีรูปแบบ: กล่องขนาดใหญ่ของ UI Lego ชิ้นที่สามารถประกอบได้ในรูปแบบใกล้ที่ไม่มีที่สิ้นสุด ชิ้นส่วนทั้งหมดอาจสอดคล้องกัน แต่นั่นไม่ได้หมายความว่าผลประกอบการประกอบจะเป็น ผลิตภัณฑ์ของคุณเป็นเพียงส่วนหนึ่งขององค์ประกอบ UI ที่นำมาใช้ซ้ำได้ มันมีโครงสร้างและความหมาย มันไม่ใช่หน้าเว็บทั่วไปมันเป็นศูนย์รวมของระบบแนวคิด "
ระบบการออกแบบซูชิ
มูลนิธิเป็นแนวทางแบรนด์ดิจิทัลซึ่งกำหนดวิชาการพิมพ์สีจานสีไอคอนระยะห่างเงาและสถาปัตยกรรมข้อมูลของระบบการออกแบบของเรา ซูชิต่อไปนี้ตามหลักการออกแบบอะตอมถูกสร้างขึ้นจากล่างขึ้นบนโดยใช้ส่วนประกอบที่รวบรวมได้ซึ่งเป็นอะตอม➡️โมเลกุล➡️สิ่งมีชีวิต
การออกแบบอะตอม
การออกแบบอะตอม (ตามที่อธิบายโดยแบรดฟรอสต์ ) แมปกับระบบของเรา
#atoms
หน่วยที่เล็กที่สุดที่แบ่งแยกไม่ได้คืออะตอม ในฉลากข้อความของ Android (หรือ UI มือถือใด ๆ ) ปุ่มปุ่มและผู้ถือรูปภาพเป็นอะตอม
#molecules
views ที่เกี่ยวข้องกับอะตอมหลายรายการในรูปแบบ แต่ยังคงดูและประพฤติตน เช่นเดียวกับเอนทิตีเดียวกับผู้ใช้เป็นโมเลกุล ตัวอย่างเช่นฟิลด์ป้อนข้อมูลมีกล่องอินพุตฟิลด์ข้อผิดพลาดและปุ่มที่ชัดเจน แต่ด้วยกันเป็นนิติบุคคลเดียว
#organisms
คอมเพล็กซ์ที่ซับซ้อน แต่สามารถใช้ซ้ำได้ ที่ทำงานในลักษณะที่เหนียวแน่นร่วมกัน ประกอบด้วยอะตอมและโมเลกุลหลายตัว กรณีในจุดที่เป็นแถบการจัดอันดับซึ่งประกอบด้วยแท็กแต่ละคนมีหมายเลขและไอคอน แท็กเปลี่ยนสีเช่นกันเมื่อเลือกการจัดอันดับที่แตกต่างกัน แท็กแต่ละรายการจะถูกใช้ในที่อื่น ๆ แต่ในฐานะที่เป็นแถบการจัดอันดับมันทั้งหมดทำงานร่วมกันเพื่อสร้างความหมายใหม่
ตัวอักษรพิมพ์
วิธีการพิมพ์ตามที่คุณอาจรู้ ศิลปะการจัดเรียงประเภทเพื่อให้ภาษาเขียนอ่านง่ายสามารถอ่านได้และดึงดูดเมื่อปรากฏขึ้น การจัดเรียงประเภทเกี่ยวข้องกับการเลือกแบบอักษรขนาดจุดความยาวบรรทัดระยะห่างบรรทัดและระยะห่างตัวอักษรและปรับช่องว่างระหว่างคู่ของตัวอักษร
เราสนับสนุนการเปลี่ยนแปลงแบบอักษรต่อไปนี้ -
extralight
Light
Medium Medium
Semibold
Bold
Extrabold
คุณสามารถใช้แบบอักษรใด ๆ ที่มีน้ำหนักตัวอักษรไม่เกิน 8 ตัวอักษรและกำหนดจากเหล่านี้ นามแฝง ในขณะที่เรามี Metropolis, Okra และ Roboto สำหรับการสาธิตคุณสามารถใช้แบบอักษรใด ๆ ที่เกิดขึ้นกับแบรนด์ของคุณ
สี
Sushi ยังมีชุดสีที่กำหนดไว้ล่วงหน้าในจานสี . สำหรับกรณีที่เป็นเอกลักษณ์อย่างยิ่งอย่าลังเลที่จะใช้สีของคุณเอง แต่มิฉะนั้นเราขอแนะนำให้ใช้สีจากจานสีนี้สำหรับส่วนประกอบทั้งหมดของผลิตภัณฑ์ของคุณ