화면 제작에 필요한 주요 컨트롤(버튼, 입력창, 캘린더, 그리드)의 디자인 요소를 확인해 보세요.
1. 컨트롤 디자인 테마 (Style Variations)
화면의 컨셉(보수적, 모던, 미니멀 등)에 따라 컨트롤의 테두리와 배경을 다르게 적용해 보세요.
...
️ 2. 버튼 스타일
버튼 용도에 따른 스타일을 골라 사용하세요. 이미지를 클릭해 마우스 우클릭으로 복사하고, AUD디자이너에 붙여 넣으세요.
| 기능 (Action) | Text (가장 약함) | Outline (보통) | Light (약간 강조) | Solid (가장 강조) |
|---|---|---|---|---|
| 기본 (Master) | Master | Master | Master | Master |
| 일반 (Add/Edit) | Add | Add | Add | Add |
| 승인 (Submit) | Submit | Submit | Submit | Submit |
| 취소 (Cancel) | Cancel | Cancel | Cancel | Cancel |
| 삭제 (Delete) | Delete | Delete | Delete | Delete |
스타일별 활용 팁
• Text: 그리드 셀 내부의 동작 버튼이나 중요도가 낮은 부가 기능에 사용해 보세요.
• Outline: 화면에 여러 버튼이 모여 있을 때 보조 버튼(취소, 뒤로가기 등)으로 사용해 보세요.
• Light: 흰 배경 위에서 버튼 영역을 부드럽게 돋보이게 하고 싶을 때 사용해 보세요.
• Solid: 화면에서 사용자가 가장 먼저 눌러야 하는 가장 핵심적인 1개의 버튼에만 사용해 보세요.
| 기본형 | 테두리/밑줄형 | 배경 채움형 | 투명형 | |
|---|---|---|---|---|
| 기본 | ||||
| 조회 | ||||
| 추가 | ||||
| 삭제 | ||||
| 저장 |
3. 테마별 데이터 그리드 색상 적용표
(Grid Theme Colors)대시보드의 주조색(Primary Color) 테마에 맞춰, 데이터 그리드의 '헤더/반복행/선택행/테두리' 색상을 짝지어 입력해 보세요.
| Section | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...