Ebook Design for Developers [PDF] [9416E]
Học thiết kế như một developer để cải thiện UI, UX của bạn, giúp các ứng dụng và website trông tuyệt vời hơn!
Hơn 425 trang về design fundamentals và user interfaces.
Những gì bạn sẽ học được:
Cuốn sách sẽ là một quá trình từng bước đảm bảo bạn học được những nền tảng về design trước. Khi bạn tiến bộ qua từng chương, bạn sẽ phát triển các kỹ năng đó, giúp các thiết kế giao diện người dùng của bạn tốt hơn.
- ✓ Color Theory.
- ✓ Typography.
- ✓ Component Design.
- ✓ Visual Hierarchy.
- ✓ Design Process.
Cải thiện kỹ năng Design của bạn:
Tìm hiểu các khái niệm như Visual Hierarchy, xác định thứ tự mà người dùng quét website của bạn và có nhiều cách để thiết lập nó. Bạn sẽ không chỉ tìm hiểu các phương pháp đó là gì mà còn biết cách áp dụng chúng.
Mục lục:
Chương 1. Colors:
- ✓ Color theory.
- ✓ Secondary colors.
- ✓ Tertiary colors.
- ✓ Hue / color wheel.
- ✓ Color temperture.
- ✓ Saturation.
- ✓ Tint.
- ✓ Tone.
- ✓ Shade.
- ✓ Selecting colors.
- ✓ Monochrome colors.
- ✓ Analogous colors.
- ✓ Complementary colors.
- ✓ Triadic colors.
- ✓ Color psychology.
- ✓ Contrast.
- ✓ Color schema.
Chương 2. Typography:
- ✓ Typeface.
- ✓ Fonts.
- ✓ Serif.
- ✓ San serif.
- ✓ Italics.
- ✓ Underlines.
- ✓ Capatlization.
- ✓ Letter spacing.
- ✓ Line height.
- ✓ Font size.
- ✓ Font weight.
- ✓ Legibility.
- ✓ Text hierarchy.
- ✓ Typography schema.
Chương 3. Component Design:
- ✓ Spacing.
- ✓ Base Units.
- ✓ Grids and Columns.
- ✓ Buttons.
- ✓ Borders.
- ✓ Shadows.
- ✓ Icons.
- ✓ Labels.
- ✓ Dividers.
- ✓ Form Inputs.
- ✓ Form Checkboxes.
- ✓ Form Radio.
- ✓ Form Textarea.
- ✓ Form Toggle.
- ✓ Form Dropdowns.
- ✓ Form Submit button.
- ✓ Badges.
- ✓ Toasts.
- ✓ Breadcrumbs.
- ✓ Tables.
- ✓ Lists.
- ✓ Toooltips.
- ✓ Cards.
- ✓ Accordions.
- ✓ Tabs.
- ✓ Iconography.
- ✓ Avatars.
Chương 4. Visual Hierachy:
- ✓ Visual Patterns.
- ✓ Size and Text.
- ✓ Buttons.
- ✓ Inputs.
- ✓ Color.
- ✓ Contrast.
- ✓ Proximity.
- ✓ Alignment.
- ✓ Consistency.
- ✓ Negative Space.
- ✓ Visual harmony.
- ✓ Symmetrical hamony.
- ✓ Asymmetrical harmony.
- ✓ Radial harmony.
- ✓ Harmony colors.
- ✓ Harmony text and images.
- ✓ Visual weight.
Chương 5. Design Process:
- ✓ Wireframe.
- ✓ Styleguide.
- ✓ Colors.
- ✓ Typograhy.
- ✓ Imagery.
- ✓ Spacing.
- ✓ Components.
Chương 6. Implementation:
- ✓ Creating a logo.
- ✓ Building color palletes.
- ✓ Preparing typography.
- ✓ Imagery and icongraphy.
- ✓ Designing UI elements.
Chương 7. Design System.
LƯU Ý: Pass mở file pdf là mật khẩu giải nén chung của tài liệu !