버튼 스플리트 풀기
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
오늘의 GUI 챌린지에서는 분할 버튼을 푸는 방법에 대한 생각을 공유합니다. 압축된 인터페이스를 위한 기본 구성요소로, 버튼 하나로 보조 작업을 실행할 수 있습니다. 테마 설정, 그림자, 색상, 레이아웃, 상호작용 UX 등에 관한 여러 가지 유용한 팁입니다.
챕터:
- 0:00 - 소개
- 0:24 - 개요
- 1:40 - 밝은 테마 및 어두운 테마
- 3:37 - 그림자
- 5:45 - SVG 도움말
- 7:12 - 상태
- 10:20 - 키보드 UX
- 11:41 - 모션 UX 감소
- 13:20 - 스크린 리더 UX
- 14:13 - 오른쪽에서 왼쪽 UX
- 15:58 - Flexbox 레이아웃
- 18:51 - 자바스크립트
- 21:22 - 아우트로
리소스:
더 많은 GUI 챌린지를 시청하세요 → https://goo.gle/GUIchallenges
Chrome 개발자 구독 → http://goo.gl/LLLNvf
arrow_back 모든 에피소드로 돌아가기
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2021-09-08(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2021-09-08(UTC)"],[],[]]