อ่าน 5 นาที
อัธไวตะ (ภาษาการออกแบบ)
Adwaitaเป็นภาษาการออกแบบของ อินเทอร์เฟซ GUI ของ สภาพแวดล้อมเดสก์ท็อปGNOME ในทางปฏิบัติ มันมีอยู่เป็นธีม เริ่มต้น และชุดไอคอนของGNOME...
อัธไวตะ (ภาษาการออกแบบ)
| อัดไวตะ | |
|---|---|
 | |
 ภาพรวมกิจกรรมของ GNOME Shellพร้อมแอปพลิเคชัน หลักหลายตัว ที่กำลังใช้งานอยู่ | |
| นักพัฒนา | โครงการ GNOME |
| ปล่อย | 6 เมษายน 2554 |
| เวอร์ชันเสถียร | 1.8.1 / 9 ตุลาคม 2025 |
| เขียนเป็น | ซีแซสส์ |
| ระบบปฏิบัติการ | บีเอสดี , ลินุกซ์ , ยูนิกซ์ |
| รวมอยู่กับ | GNOME |
| ผู้มาก่อน | เคลียร์ลุคส์ |
| พิมพ์ | ภาษาการออกแบบ |
| ใบอนุญาต | LGPLv2.1+ [ 1 ] |
| เว็บไซต์ | developer.gnome.org/hig |
| ที่เก็บข้อมูล | gitlab.gnome.org/GNOME/libadwaita |
Adwaitaเป็นภาษาการออกแบบของ อินเทอร์เฟซ GUI ของ สภาพแวดล้อมเดสก์ท็อปGNOME ในทางปฏิบัติ มันมีอยู่เป็นธีม เริ่มต้น และชุดไอคอนของGNOME ShellและPhoshและเป็นวิดเจ็ตสำหรับแอปพลิเคชันที่มุ่งเป้าไปที่การใช้งานในGNOME Adwaita ปรากฏครั้งแรกในปี 2011 พร้อมกับการเปิดตัวGNOME 3.0เพื่อทดแทนหลักการออกแบบที่ใช้ในClearlooks [ 2 ] และด้วยการปรับปรุงและขัดเกลาอย่างต่อเนื่อง ยังคง มีอยู่ในเวอร์ชันปัจจุบัน
จนถึงปี 2021 ธีมของ Adwaita ถูกรวมไว้เป็นส่วนหนึ่งของชุดเครื่องมือวิดเจ็ตGTK แต่เพื่อเป็นการเพิ่มความเป็นอิสระและกำหนดตารางการเผยแพร่ที่แตกต่างกันของGTKจากGNOMEจึงได้ย้ายไปที่ libadwaita ซึ่งโดยรวมแล้วเป็นโครงการที่ทำหน้าที่ขยายวิดเจ็ตพื้นฐานของGTK ด้วยวิดเจ็ตที่สอดคล้องกับ แนวทางอินเทอร์เฟซผู้ใช้ ของ GNOME โดย เฉพาะ [ 3 ]
การพัฒนา
ก่อนเวอร์ชัน 3.0 สภาพแวดล้อมเดสก์ท็อป GNOMEใช้ ธีม Clearlooksในเดือนตุลาคม 2551 นักออกแบบและนักพัฒนาได้พบกันที่งาน GNOME User Experience Hackfest ในบอสตัน[ 4 ]ในระหว่างงานนี้ แนวคิดของGNOME Shellได้ถูกคิดค้นขึ้น มีการสร้างแบบจำลองเบื้องต้นหลายแบบที่พิจารณาความเป็นไปได้ของการออกแบบที่แตกต่างจาก GNOME รุ่นก่อนหน้า[ 5 ] Jon McCann และ Jeremy Perry นักออกแบบ ของ Red Hatได้เขียนเอกสารซึ่งรวบรวมจากฉันทามติในวงกว้างของการทำงานร่วมกัน โดยมีเป้าหมายเพื่อกำหนดมาตรฐานและทิศทางสำหรับการออกแบบของ GNOME [ 6 ]ในเดือนกุมภาพันธ์ 2553 นักออกแบบ GNOME ได้พบกันอีกครั้งและสร้างแบบจำลองที่เผยแพร่สู่สาธารณะอีกหลายแบบ[ 7 ]
นอกจากนี้ จากการประชุมในปี 2010 ยังมีการตัดสินใจใช้Cantarellเป็นแบบอักษรเริ่มต้น[ 8 ] Cantarell ได้รับการออกแบบโดย Dave Crossland ระหว่างการศึกษาของเขาในภาควิชาการออกแบบตัวอักษรและการสื่อสารกราฟิกที่มหาวิทยาลัย Readingในปีที่ผ่านมา แบบอักษรนี้ถูกเพิ่มเข้าไปใน GNOME Shell อย่างเป็นทางการในเดือนกุมภาพันธ์ 2011 [ 9 ]และโครงการ GNOME ตกลงที่จะบำรุงรักษาและขยายแบบอักษรตามความจำเป็น
เมื่อวันที่ 19 มกราคม พ.ศ. 2554 คาร์ลอส การ์นาโช ได้ประกาศว่าเขาได้ทำการใช้งานธีม GTK ที่จับต้องได้ของ Adwaita เสร็จสมบูรณ์แล้ว ซึ่งสามารถนำไปใช้โดย GNOME ได้[ 10 ]
Fedora Linux เป็น ระบบปฏิบัติการ Linuxหลักตัวแรกที่มาพร้อมกับ GNOME 3.0 และ Adwaita เป็นค่าเริ่มต้นโดยเวอร์ชัน 15 ออกมาเมื่อวันที่ 24 พฤษภาคม 2554 [ 11 ] [ 12 ]
เนื่องจากGTKมีความสัมพันธ์ที่แน่นแฟ้นกับGNOMEธีม Adwaita จึงได้เข้ามาแทนที่ "Raleigh" ในฐานะธีมเริ่มต้นของ GTK ในปี 2014 [ 13 ]อย่างไรก็ตาม เพื่อเตรียมการสำหรับการเปิดตัว libadwaita ธีมดังกล่าวจึงถูกลบออกจาก GTK และแทนที่ด้วยธีมที่แตกต่างและเรียบง่ายกว่าในวันที่ 14 มกราคม 2021 [ 14 ] [ 3 ]การแบ่งแยกที่ชัดเจนนี้ทำให้ทั้ง GNOME ซึ่งมีความต้องการด้านการออกแบบของตนเอง และ GTK ซึ่งมีความต้องการธีม ที่เรียบง่าย ที่สามารถขยายได้โดย โครงการ ปลายน้ำสามารถเจริญรุ่งเรืองไปพร้อมๆ กันได้ Libadwaita เปิดตัวครั้งแรกพร้อมกับการเปิดตัว GNOME 42 [ 15 ] [ 16 ]
ในการเปิดตัว GNOME 48 Alpha เมื่อวันที่ 24 มกราคม 2025 ได้มีการประกาศว่า Cantarell จะถูกแทนที่ด้วยฟอนต์ใหม่ล่าสุด Adwaita Sans ซึ่งอิงจากฟอนต์Inter ที่ได้ รับ ความนิยม และฟอนต์แบบ monospaced เริ่มต้นจะเปลี่ยนจากSource Code Proเป็น Adwaita Mono ซึ่งอิงจากIosevka [ 17 ]
ภาษาการออกแบบ
Adwaita มีลักษณะเด่นคือความสวยงามที่สะอาดตา ทันสมัย และเน้นการใช้งานได้จริงหลักการออกแบบ ของ Adwaita ยึดหลักความเรียบง่าย ความสม่ำเสมอ และการเข้าถึงได้ โดยอ้างอิงจากแนวทางการออกแบบส่วนต่อประสานผู้ใช้ของ GNOME [ 18 ] [ 19 ]
ลิบาดไวตา
ไลบรารี libadwaita ถูกสร้างขึ้นเพื่อพัฒนา Adwaita ให้เป็นส่วนประกอบที่สอดคล้องกับหลักเกณฑ์การออกแบบส่วนติดต่อผู้ใช้ ของ GNOME มากยิ่งขึ้น libadwaita เป็นไลบรารีที่เสริม ชุดเครื่องมือวิดเจ็ต GTKในลักษณะที่สอดคล้องกับหลักเกณฑ์การออกแบบส่วนติดต่อผู้ใช้ ของ GNOME ช่วยให้แอปพลิเคชันสามารถเปลี่ยนเค้าโครงตามพื้นที่หน้าจอที่มีอยู่ ผสานรวมสไตล์ชีต Adwaita อนุญาตให้เปลี่ยนสีในขณะทำงานด้วยสีที่กำหนดชื่อ และเพิ่ม API เพื่อรองรับการตั้งค่าสไตล์มืดข้ามเดสก์ท็อป[ 20 ]
การออกแบบที่ตอบสนองต่อทุกอุปกรณ์และสมาร์ทโฟนระบบลินุกซ์
Libadwaita นำเสนอเครื่องมือสำหรับการสร้างแอปพลิเคชันที่มีการออกแบบ ที่ตอบสนอง ช่วยให้แอปพลิเคชันสามารถปรับเลย์เอาต์ตามพื้นที่หน้าจอที่มีอยู่ ซึ่งช่วยในการพัฒนาแอปพลิ เคชัน GNOMEที่เข้ากันได้กับ สมาร์ ทโฟน[ 21 ]
ลิบันดี
Libhandy คือห้องสมุดที่ได้รับการสนับสนุนจากPurismซึ่งเป็นองค์กรก่อนหน้าของ Libadwaita โครงการ Libhandy ถูกนำมาใช้เป็นพื้นฐานในการพัฒนา Libadwaita
แนวทางการใช้งานส่วนติดต่อผู้ใช้ของ GNOME
แนวทางการออกแบบส่วนติดต่อผู้ใช้ของ GNOME (HIG) ทำหน้าที่เป็นคู่มือที่ครอบคลุมในการออกแบบแอปพลิเคชันสำหรับสภาพแวดล้อมเดสก์ท็อป GNOMEช่วยในการสร้างส่วนติดต่อผู้ใช้ที่สอดคล้องกับปรัชญาการออกแบบของGNOME [ 22 ]และเป็นพื้นฐานสำหรับรูปแบบและมาตรฐานการออกแบบของ Adwaita เอง[ 18 ]
องค์ประกอบ
สี
ชุดสีของ Adwaita ถูกนำมาใช้ในการออกแบบไอคอน แอปพลิเคชัน และภาพประกอบ ประกอบด้วยกลุ่มสีหลายเฉดที่ไม่มีชื่อเรียกเฉพาะเจาะจง นอกเหนือจากหมายเลขที่ใช้กำหนด สีที่มีความอิ่มตัวต่ำจะเรียกว่า "สีอ่อน" และ "สีเข้ม" หลักการตั้งชื่อนี้ยังขยายไปถึงแนวคิดการออกแบบสไตล์ส่วนติดต่อผู้ใช้ ซึ่งผู้ใช้สามารถเลือกสไตล์พื้นฐานสำหรับ ส่วนประกอบ วิดเจ็ต บนหน้าจอ เพื่อสร้างรูปลักษณ์โดยรวมที่ดูสว่างหรือมืดได้
| ชื่อ | เลขฐานสิบหก(RGB) | สีแดง(RGB) | สีเขียว(RGB) | สีน้ำเงิน(RGB) | เฉดสี(HSL/HSV) | วันเสาร์(HSL) | แสงสว่าง(HSL) | วันเสาร์(HSV) | ค่า(HSV) | |
|---|---|---|---|---|---|---|---|---|---|---|
| สีน้ำเงิน 1 | #99C1F1 | 60% | 76% | 95% | 213 ° | 76% | 77% | 37% | 95% | |
| สีน้ำเงิน 2 | #62A0EA | 38% | 63% | 92% | 213 ° | 76% | 65% | 58% | 92% | |
| สีน้ำเงิน 3 | #3584E4 | 21% | 52% | 89% | 213 ° | 76% | 55% | 77% | 89% | |
| สีน้ำเงิน 4 | #1C71D8 | 11% | 44% | 85% | 213 ° | 77% | 48% | 87% | 85% | |
| บลู 5 | #1A5FB4 | 10% | 37% | 71% | 213 ° | 75% | 40% | 86% | 71% | |
| สีเขียว 1 | #8FF0A4 | 56% | 94% | 64% | 133 ° | 76% | 75% | 40% | 94% | |
| สีเขียว 2 | #57E389 | 34% | 89% | 54% | 141 ° | 71% | 62% | 62% | 89% | |
| สีเขียว 3 | #33D17A | 20% | 82% | 48% | 147 ° | 63% | 51% | 76% | 82% | |
| สีเขียว 4 | #2EC27E | 18% | 76% | 49% | 152 ° | 62% | 47% | 76% | 76% | |
| สีเขียว 5 | #26A269 | 15% | 64% | 41% | 152 ° | 62% | 39% | 77% | 64% | |
| สีเหลือง 1 | #F9F06B | 98% | 94% | 42% | 56 ° | 92% | 70% | 57% | 98% | |
| สีเหลือง 2 | #F8E45C | 97% | 89% | 36% | 52 ° | 92% | 67% | 63% | 97% | |
| สีเหลือง 3 | #F6D32D | 96% | 83% | 18% | 50 ° | 92% | 57% | 82% | 97% | |
| สีเหลือง 4 | #F5C211 | 96% | 76% | 7% | 47 ° | 92% | 51% | 93% | 96% | |
| สีเหลือง 5 | #E5A50A | 90% | 65% | 4% | 43 ° | 92% | 47% | 96% | 90% | |
| ส้ม 1 | #FFBE6F | 100% | 75% | 44% | 33 ° | 100% | 72% | 57% | 100% | |
| ส้ม 2 | #FFA348 | 100% | 64% | 28% | 30 ° | 100% | 64% | 72% | 100% | |
| สีส้ม 3 | #FF7800 | 100% | 47% | 0% | 28 ° | 100% | 50% | 100% | 100% | |
| สีส้ม 4 | #E66100 | 90% | 38% | 0% | 25 ° | 100% | 45% | 100% | 90% | |
| สีส้ม 5 | #C64600 | 78% | 27% | 0% | 21 ° | 100% | 39% | 100% | 78% | |
| สีแดง 1 | #F66151 | 96% | 38% | 32% | 6 ° | 90% | 64% | 67% | 97% | |
| สีแดง 2 | #ED333B | 93% | 20% | 23% | 357 ° | 84% | 57% | 79% | 93% | |
| สีแดง 3 | #E01B24 | 88% | 11% | 14% | 357 ° | 79% | 49% | 88% | 88% | |
| สีแดง 4 | #C01C28 | 75% | 11% | 16% | 356 ° | 75% | 43% | 85% | 75% | |
| แดง 5 | #A51D2D | 65% | 11% | 18% | 353 ° | 70% | 38% | 82% | 65% | |
| สีม่วง 1 | #DC8ADD | 86% | 54% | 87% | 299 ° | 55% | 70% | 38% | 87% | |
| สีม่วง 2 | #C061CB | 75% | 38% | 80% | 294 ° | 51% | 59% | 52% | 80% | |
| สีม่วง 3 | #9141AC | 57% | 25% | 67% | 285 ° | 45% | 47% | 62% | 68% | |
| สีม่วง 4 | #813D9C | 51% | 24% | 61% | 283 ° | 44% | 43% | 61% | 61% | |
| สีม่วง 5 | #613583 | 38% | 21% | 51% | 274 ° | 42% | 36% | 60% | 51% | |
| บราวน์ 1 | #CDAB8F | 80% | 67% | 56% | 27 ° | 38% | 68% | 30% | 80% | |
| บราวน์ 2 | #B5835A | 71% | 51% | 35% | 27 ° | 38% | 53% | 50% | 71% | |
| บราวน์ 3 | #986A44 | 60% | 42% | 27% | 27 ° | 38% | 43% | 55% | 60% | |
| บราวน์ 4 | #865E3C | 53% | 37% | 24% | 28 ° | 38% | 38% | 55% | 53% | |
| บราวน์ 5 | #63452C | 39% | 27% | 17% | 27 ° | 39% | 28% | 56% | 39% | |
| ไฟดวงที่ 1 | #FFFFFF | 100% | 100% | 100% | 0 ° | 0% | 100% | 0% | 100% | |
| ไลท์ 2 | #F6F5F4 | 96% | 96% | 96% | 30 ° | 10% | 96% | 1% | 97% | |
| ไฟดวงที่ 3 | #DEDDDA | 87% | 87% | 85% | 45 ° | 6% | 86% | 2% | 87% | |
| ไฟดวงที่ 4 | #C0BFBC | 75% | 75% | 74% | 45 ° | 3% | 75% | 2% | 75% | |
| ไฟดวงที่ 5 | #9A9996 | 60% | 60% | 59% | 45 ° | 2% | 60% | 3% | 60% | |
| ดาร์ก 1 | #77767B | 47% | 46% | 48% | 252 ° | 2% | 47% | 4% | 48% | |
| ดาร์ค 2 | #5E5C64 | 37% | 36% | 39% | 255 ° | 4% | 38% | 8% | 39% | |
| ดาร์ค 3 | #3D3846 | 24% | 22% | 27% | 261 ° | 11% | 25% | 20% | 28% | |
| ดาร์ค 4 | #241F31 | 14% | 12% | 19% | 257 ° | 23% | 16% | 37% | 19% | |
| ดาร์ก 5 | #000000 | 0% | 0% | 0% | 0 ° | 0% | 0% | 0% | 0% |
การจัดพิมพ์
ตั้งแต่ GNOME 48 เป็นต้นไป Adwaita ได้นำตระกูลแบบอักษรใหม่ที่เรียกว่า "Adwaita Fonts" มาใช้[ 23 ]ตระกูลแบบอักษร Adwaita Fonts เป็นการดัดแปลงเล็กน้อยจาก ตระกูลแบบอักษร Interอย่างไรก็ตาม ยังรวมถึงแบบอักษรแบบเว้นวรรคคงที่ที่เรียกว่า "Adwaita Mono" ซึ่งเป็นเวอร์ชันที่ดัดแปลงมาจาก Iosevka [ 24 ]ด้วยการเปลี่ยนแปลงนี้ แบบอักษรเริ่มต้นสำหรับ GNOME จะเรียกว่า "Adwaita Sans"
ก่อนหน้านี้ Adwaita ใช้ แบบอักษร Cantarell ซึ่งเป็นแบบอักษร sans-serif สไตล์มนุษยนิยม ร่วมสมัยที่ออกแบบโดย Dave Crossland ต่อมาเมื่อมีการเปิดตัว GNOME เวอร์ชัน 3.28 ในปี 2018 แบบอักษร Cantarell ก็ได้รับการปรับปรุงให้มีแบบตัวหนา บาง และตัว หนาพิเศษเพิ่มเติม
ไอคอนิกส์
Adwaita กำหนดคลาสสไตล์ไอคอนสองคลาสแยกกัน ซึ่งมีจุดประสงค์เพื่อแยกความแตกต่างระหว่างแนวคิดที่ใช้สำหรับแอปพลิเคชันและส่วนติดต่อผู้ใช้ในขณะที่แอปพลิเคชันใช้สีเต็มรูปแบบในไอคอนหลัก ไอคอน "เชิงสัญลักษณ์" ซึ่งออกแบบให้เป็นขาวดำนั้นมีไว้สำหรับส่วนติดต่อผู้ใช้[ 25 ] [ 26 ]
ไอคอนแอป
แต่ละแอปที่กำหนดเป้าหมายสำหรับ GNOME ควรมีไอคอนหลัก แนวทางการออกแบบส่วนติดต่อผู้ใช้ของ GNOME กำหนดว่าไอคอนของแอปควรสอดคล้องกับอุปมาอุปไมยที่เรียบง่ายและจดจำได้[ 27 ]ไม่จำเป็นต้องแบนราบ แต่ควรเรียบง่าย และอาจมีความลึกได้บ้าง อย่างไรก็ตาม ควรหลีกเลี่ยงเงา นักพัฒนาแอปสามารถขอไอคอนจากทีมออกแบบ GNOME ในที่เก็บ GitLabได้
ไอคอนเชิงสัญลักษณ์
ในส่วนติดต่อผู้ใช้ มักใช้ไอคอนแบบขาวดำที่เรียบง่ายกว่า ซึ่งใช้งานได้ดีเมื่อดูในขนาดเล็ก หากจำเป็นต้องใช้สี ก็ควรคาดหวังว่าไอคอนเหล่านั้นจะถูกเปลี่ยนสีด้วยโปรแกรม
การนำไปใช้
GNOME Shellเป็นเครื่องมือหลักในการพัฒนาธีมและไอคอนของ Adwaita ในช่วงแรก และยังคงเป็นส่วนสำคัญในการใช้งาน เช่นเดียวกับPhoshซึ่งเป็นเชลล์สำหรับมือถือของ Purism ก็ทำหน้าที่เดียวกัน
ดูเพิ่มเติม
ลิงก์ภายนอก
- แนวทางการใช้งานส่วนติดต่อผู้ใช้ของ GNOME
- เว็บไซต์อย่างเป็นทางการของแบบอักษร Cantarell
สรุปเนื้อหา
ข้อมูลสำคัญจากบทความ
ข้อมูลสำคัญเกี่ยวกับ อัธไวตะ (ภาษาการออกแบบ)
Adwaitaเป็นภาษาการออกแบบของ อินเทอร์เฟซ GUI ของ สภาพแวดล้อมเดสก์ท็อปGNOME ในทางปฏิบัติ มันมีอยู่เป็นธีม เริ่มต้น และชุดไอคอนของGNOME...
การพัฒนา
ก่อนเวอร์ชัน 3.0 สภาพแวดล้อมเดสก์ท็อป GNOME ใช้ ธีม Clearlooks ในเดือนตุลาคม 2551 นักออกแบบและนักพัฒนาได้พบกันที่งาน GNOME User Experience Hackfest ในบอสตัน [ 4 ] ในระหว่างงานนี้ แนวคิดของ GNOME Shell ได้ถูกคิดค้นขึ้น...
ภาษาการออกแบบ
Adwaita มีลักษณะเด่นคือความสวยงามที่สะอาดตา ทันสมัย และเน้นการใช้งานได้จริง หลักการออกแบบ ของ Adwaita ยึดหลักความเรียบง่าย ความสม่ำเสมอ และการเข้าถึงได้ โดยอ้างอิงจากแนวทางการออกแบบส่วนต่อประสานผู้ใช้ของ GNOME [ 18 ] [ 19 ]
ลิบาดไวตา
ไลบรารี libadwaita ถูกสร้างขึ้นเพื่อพัฒนา Adwaita ให้เป็นส่วนประกอบที่สอดคล้องกับ หลักเกณฑ์การออกแบบส่วนติดต่อผู้ใช้ ของ GNOME มากยิ่งขึ้น libadwaita เป็นไลบรารีที่เสริม ชุดเครื่องมือวิดเจ็ต GTK ในลักษณะที่สอดคล้องกับ หลักเกณฑ์การออกแบบส่วนติดต่อผู้ใช้ ของ...