Adwaita (디자인 언어)
Adwaita (design language) | |
 | |
| 개발자 | GNOME 프로젝트 |
|---|---|
| 초기 릴리즈 | 2011년 4월 6일, 전( |
| 안정된 릴리스 | 1.0.1 / 2022년 1월 , 전( |
| 저장소 | gitlab |
| 기입처 | C, Sass |
| 운영 체제 | BSD, Linux, Unix |
| 부속품 | 노메 |
| 전임자 | 클리어 룩 |
| 유형 | 설계 언어 소프트웨어 |
| 면허증. | GPLv2 |
| 웹 사이트 | developer |
Adwaita는 GNOME 데스크톱 환경의 설계 언어입니다.구현으로, 그것은 기본 테마와 그 놈 쉘과 Phosh의 아이콘 세트 및 응용 프로그램 그 놈에 사용. Adwaita 먼저 2011년 그 놈 3.0의 석방으로 설계를 원칙 Clearlooks,[1]와 점진적 현대화와 결과에 힘입어에 사용한 대체품으로 입방에 따라 계속 나타났다 표적에 대해 제품으로 존재한다.rrent 버전릴리즈
2021년까지 Adwaita의 테마는 GTK 위젯 툴킷의 일부로 포함되었지만 GNOME의 독립성과 출시 일정을 더욱 높이기 위해 GTK의 기본 위젯을 GNOME에 맞게 확장하는 프로젝트로서 리바드와이타로 이행되었습니다.를 참조해 주세요.[2]
발전
버전 3.0 이전 GNOME 데스크톱 환경은 Clearlooks 테마를 사용했습니다.2008년 10월 보스턴에서 [3]열린 GNOME User Experience Hackfest에서 디자이너와 개발자가 만났습니다.이 이벤트에서는 GNOME 쉘의 개념이 구상되었습니다.Red Hat 디자이너 [4]Jon McCann과 Jeremy Perry는 GNOME 설계의 [5]표준과 방향을 설정하는 것을 목적으로 한 광범위한 협업 노력의 합의에서 도출된 문서를 작성했습니다.2010년 2월, GNOME 디자이너는 다시 만나, 몇 가지 더 공개적인 목업을 [6]제작했습니다.
2010년 회의에서도 칸타렐을 기본 [7]서체로 사용하기로 결정했다.캔타렐은 Dave Crossland가 전년도 읽기 대학 타이포그래피 및 그래픽 커뮤니케이션 학부에서 공부할 때 디자인했습니다.2011년 [8]2월에 GNOME 쉘에 공식적으로 추가되었으며, GNOME Project는 필요에 따라 글꼴을 유지 및 확장하기로 합의했습니다.
2011년 1월 19일 Carlos Garnacho는 GNOME에서 [9]활용할 수 있는 Adwaita의 GTK 유형의 테마 구현을 완료했다고 발표했습니다.
GNOME 3.0 및 Adwaita와 함께 출하된 최초의 주요 Linux 디스트리뷰션은 2011년 [10][11]5월 24일 버전 15를 출시했을 때 Fedora Linux였습니다.
퓨리즘은 2017년 리브렘5 스마트폰 개발 작업을 시작할 당시 퓨어OS에 구현될 적응형 모바일 친화적 부품이 필요했다.그 후 Purism은 디자인 및 기술 구현을 시작하였고, Handy로 알려지게 되었고, 이 프로젝트는 GTK 위젯을 확장한 libhandy로 알려진 라이브러리를 중심으로 진행되었습니다.
디자인 언어로서 Adwaita의 주제와 아이콘에 대한 큰 변화를 나타내며, Libadwaita 프로젝트는 Adwaita를 GNOME 휴먼 인터페이스 가이드라인의 보다 긴밀한 컴포넌트로 발전시키기 위해 만들어졌습니다.이전의 libhandy 프로젝트는 libadwaita의 기반으로 사용되었지만, 이제는 모바일 인터페이스 컨텍스트를 넘어 확장할 수 있었습니다.GTK는 GNOME과 강한 관계를 맺고 있기 때문에,[12] 2014년에 Adwaita의 테마가 GTK의 디폴트 테마로서 「Raleigh」를 대체하고 있었지만,[13][2] 2021년 1월 14일에 리바드와이타의 발매를 준비하면서, 이 테마는 GTK에서 제외되었다.이 명확한 경계에 의해 GNOME은 자체 설계 요구를 가지고 있으며, GTK는 다운스트림 프로젝트에 의해 확장될 수 있는 단순한 테마를 필요로 하고 있어 동시에 번영할 수 있었습니다.Libadwaita는 GNOME [14]41 출시와 함께 처음 출하되었습니다.
요소들
색.
Adwaita의 색상 팔레트는 응용 프로그램 아이콘 디자인 및 일러스트에 사용됩니다.숫자 지정을 초과하여 이름이 지정되지 않은 여러 색조 패밀리로 구성됩니다.채도가 부족한 것을 '밝음'과 '어두움'이라고 한다.이 명명 규칙은 적용된 사용자 인터페이스 스타일의 개념으로 확장됩니다. 여기서 사용자는 전체 모양과 느낌을 밝게 또는 어둡게 만드는 온스크린 위젯 구성요소의 기본 스타일을 선택할 수 있습니다.
| 이름. | 16진수 (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 | [fujifilm] 필름시뮬레이션 테스트 (feat.fujiXweekly) - 21.03.27. ()) | 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 | #DC8 추가 | 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 | #FFFF | 100% | 100% | 100% | 0° | 0% | 100% | 0% | 100% |
| 라이트 2 | #F6F5F4 | 96% | 96% | 96% | 30° | 10% | 96% | 1% | 97% |
| 라이트 3 | #DDA | 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 | #7767B | 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% |
타이포그래피
Adwaita는 Dave Crossland가 디자인한 현대 인문주의자 산세리프 칸타렐 서체를 사용합니다.2018년 GNOME 3.28 버전 릴리즈에 대응하여 캔타렐은 가볍고 과감한 무게로 확장되었습니다.
Cantarell 제품군에는 공백 글꼴이 없으며 Adwaita는 대체 글꼴을 지정하지 않습니다.종종 모노스페이스 글꼴이 유용한 경우, GNOME은 GNOME을 제공하는 운영체제에 의해 선택된 모노스페이스 스타일을 사용한다.
아이콘그래피
Adwaita는 애플리케이션과 사용자 인터페이스에 사용되는 개념을 구분하기 위한 두 가지 스타일의 아이콘을 정의합니다.어플리케이션에서는 기본 아이콘에 풀컬러를 사용하는 반면 단색 아이콘은 사용자 인터페이스용으로 설계되어 있습니다.
앱 아이콘
GNOME을 대상으로 하는 각 앱에는 기본 아이콘이 있어야 합니다.GNOME Human Interface Guidelines(GNOME 휴먼 인터페이스 가이드라인)는 앱의 아이콘이 단순하고 인식할 수 있는 은유에 대응해야 한다고 규정하고 있습니다.그것들은 평평하게 하기 위한 것이 아니라 오히려 단순하게 하기 위한 것이며 어느 정도 깊이를 포함할 수 있다.그러나 그림자는 피해야 한다.
심볼릭 아이콘
유저 인터페이스에서는, 보다 심플한 단색의 아이콘이 사용되고 있어 작은 사이즈로 표시해도 기능합니다.색상이 필요한 경우 프로그래밍 방식으로 색상을 변경해야 합니다.
실장
응용 프로그램 프로그래밍용 Adwaita의 정식 구현은 라이브러리를 제공하는 libadwaita 프로젝트에서 GNOME 휴먼 인터페이스 가이드라인을 준수하는 방식으로 GTK 위젯 툴킷을 확장합니다.libadwaita의 원래 기반은 모바일 최초의 데스크톱 컨버전스 [15]하드웨어 시스템에서 사용할 수 있는 GTK 위젯을 사용하기 위해 Purism에 의해 개발된 libhandy 라이브러리였습니다.이러한 이유로, 청교도들은 리바드와이타의 주요 개발자로써 계속 유지되고 있다.
GNOME Shell은 Adwaita의 주제와 아이콘의 최초 개발을 위한 주요 수단이었다.여전히 주요 구현입니다.마찬가지로 GNOME의 모바일 셸인 Phosh도 같은 역할을 합니다.
레퍼런스
- ^ Paul, Ryan (April 6, 2011). "A shiny new ornament for your Linux lawn: Ars reviews GNOME 3.0". Ars Technica. Retrieved January 2, 2022.
- ^ a b Plazas, Adrien (March 31, 2021). "Introducing Libadwaita". Retrieved January 2, 2022.
- ^ McCann, Jon; Perry, Jeremy (April 6, 2011). "How We Got Here: Part I of a Design History of GNOME 3 the Shell". The GNOME Journal (Interview). Interviewed by Harries, Daf. Retrieved January 3, 2022.
- ^ "Window Management and More". GNOME. Archived from the original on 2 November 2008. Retrieved January 2, 2022.
- ^ McCann, William Jon; Perry, Jeremy (July 1, 2009). "GNOME Shell: A design for a personal integrated digital work environment" (PDF). The GNOME Project. Retrieved January 3, 2022.
- ^ Paul, Ryan (February 26, 2010). ""Task Pooper" could revolutionize GNOME desktop". Ars Technica. Retrieved January 2, 2022.
- ^ Spalinger, Nicolas (April 6, 2011). "Fonts in GNOME 3: Cantarell, Tweaking, and Trailblazing". The GNOME Journal. Retrieved January 3, 2022.
- ^ Day, Allan (February 15, 2011). "GNOME 3: Getting better by the day". Retrieved January 3, 2022.
- ^ Garnacho, Carlos (January 19, 2011). "Adwaita finished". The GNOME Project. Retrieved January 2, 2022.
- ^ Paul, Ryan (May 25, 2011). "First look: Fedora 15 arrives with GNOME 3.0 and systemd". Ars Technica. Retrieved January 2, 2022.
- ^ Vaughan-Nichols, Steven (May 24, 2011). "Fedora 15's five best features". ZDNet. Retrieved January 2, 2022.
- ^ Clasen, Matthias (June 13, 2014). "A New Default Theme for GTK+". Retrieved January 3, 2022.
- ^ Mikhaylenko, Alexander (December 31, 2021). "Libadwaita 1.0". The GNOME Project. Retrieved January 3, 2022.
- ^ Larabel, Michael (March 31, 2021). "GNOME 41 To Introduce Libadwaita For Helping To Define GNOME Apps". Phoronix. Retrieved January 3, 2022.
- ^ Sneddon, Joey (December 31, 2021). "Libadwaita 1.0 Arrives to Kickstart a New Era of GTK App Development". Retrieved 2022-01-24.
외부 링크
| 핵심 응용 프로그램 |  | ||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 엑스트라 |
| ||||||||||||||||
| 구성 요소들 |
| ||||||||||||||||
| 지역 사회 | |||||||||||||||||
| 사람 | |||||||||||||||||
