Tagged articles
18 articles
Page 1 of 1
Design Hub
Design Hub
Apr 14, 2026 · User Experience Design

Why Google’s Material 3 Update Turns Motion into a Theme (It’s Not About the Bounce)

Google’s Material 3 Expressive update moves motion from scattered component parameters into a unified theme layer called a motion scheme, providing preset expressive and standard schemes, semantic animation types, and customizable spring‑based tokens that let designers and developers control UI feel consistently across platforms.

Android UIComposeMaterial Design
0 likes · 8 min read
Why Google’s Material 3 Update Turns Motion into a Theme (It’s Not About the Bounce)
21CTO
21CTO
May 25, 2024 · Frontend Development

What’s New in Angular 18? Key Features, Defer, Control Flow, and Hydration

Angular 18, the first version released after merging with Google’s internal Wiz framework, introduces stable Material 3 APIs, @defer lazy loading, enhanced control‑flow directives, and full Hydration support, signaling a renewed push for the framework’s performance and developer experience.

AngularMaterial DesignTypeScript
0 likes · 5 min read
What’s New in Angular 18? Key Features, Defer, Control Flow, and Hydration
We-Design
We-Design
Apr 17, 2024 · Mobile Development

Mastering Wear OS App Design: Key Principles and Best Practices

This guide explores essential Wear OS design principles—adhering to Material Design, focusing on key tasks, leveraging device collaboration, supporting offline use—while detailing gestures, visual styling, core components, watch faces, complications, tiles, ongoing activities, and ambient mode to help developers create efficient, user‑friendly smartwatch experiences.

Design GuidelinesMaterial DesignMobile UI
0 likes · 23 min read
Mastering Wear OS App Design: Key Principles and Best Practices
Laravel Tech Community
Laravel Tech Community
May 12, 2022 · Frontend Development

Google Announces Flutter 3 with Multi‑Platform Support, Firebase Integration, and New Productivity Features

Google's Flutter 3 release expands stable support to macOS and Linux desktops, adds first‑class Apple Silicon compatibility, introduces Material You, Dart 2.17 enhancements, deep Firebase integration including Crashlytics, and a casual‑games toolkit, enabling developers to build production‑grade apps across Android, iOS, web, Windows, macOS and Linux.

DARTFlutterMaterial Design
0 likes · 5 min read
Google Announces Flutter 3 with Multi‑Platform Support, Firebase Integration, and New Productivity Features
Programmer DD
Programmer DD
Apr 29, 2022 · Frontend Development

Install a Material Design Hexo Theme in 4 Simple Steps

This guide shows how to set up the Material Design‑styled Hexo theme "Fluid" by creating a Hexo blog, obtaining the theme via npm or direct download, configuring the theme in the site settings, and adding an about page, while highlighting the theme’s many built‑in features.

Material Designfrontend developmenthexo
0 likes · 4 min read
Install a Material Design Hexo Theme in 4 Simple Steps
VMIC UED
VMIC UED
Apr 28, 2022 · Fundamentals

Why Every Designer Must Master iOS HIG and Material Design

This article explains what the iOS Human Interface Guidelines and Google Material Design are, why they are essential for designers, and provides a practical roadmap for studying their design philosophy, basic rules, and component libraries across mobile platforms.

Material DesignUI/UXiOS HIG
0 likes · 13 min read
Why Every Designer Must Master iOS HIG and Material Design
JD.com Experience Design Center
JD.com Experience Design Center
May 18, 2021 · Frontend Development

Mastering Dark Mode: Design Principles, Color Contrast, and Accessibility

This article explains the purpose of dark mode, outlines design principles such as layer hierarchy, color contrast, saturation, text opacity, and state representation, and distinguishes dark mode from night mode, providing practical guidelines for creating accessible and visually appealing dark‑theme interfaces.

Dark ModeMaterial DesignUI design
0 likes · 8 min read
Mastering Dark Mode: Design Principles, Color Contrast, and Accessibility
We-Design
We-Design
Dec 29, 2020 · Frontend Development

How Google Maps Cut 700 Colors to 25 for Simpler, More Accurate Maps

This article examines how the Google Maps team spent a year redesigning their color system, reducing over 700 legacy colors to just 25, to improve map usability, accuracy, and visual consistency while preserving geographic detail.

Data visualizationGoogle MapsMaterial Design
0 likes · 9 min read
How Google Maps Cut 700 Colors to 25 for Simpler, More Accurate Maps
Laravel Tech Community
Laravel Tech Community
Oct 14, 2020 · Mobile Development

Android Studio 4.1 Stable Release: New Design, Development, Build & Test, and Optimization Features

Android Studio 4.1 stable release introduces upgraded Material Design components, a built‑in Database Inspector, direct Android Emulator support, Dagger navigation, TensorFlow Lite model integration, foldable‑device emulator capabilities, and a native memory profiler, enhancing the overall Android development experience.

Android StudioDatabase InspectorMaterial Design
0 likes · 5 min read
Android Studio 4.1 Stable Release: New Design, Development, Build & Test, and Optimization Features
Tianxing Digital Tech User Experience
Tianxing Digital Tech User Experience
Jun 12, 2020 · Fundamentals

How Material Textures Elevate Your Design: Trends, Tips, and Best Practices

This article explores how the thoughtful use of material textures can enhance visual quality, convey brand identity, and follow current design trends such as refined brutalism, offering practical tips for graphic, UI, and branding designers to avoid common pitfalls and achieve richer, more realistic compositions.

C4DMaterial DesignTexture
0 likes · 12 min read
How Material Textures Elevate Your Design: Trends, Tips, and Best Practices
Xiaoju Car Service Terminal Technology
Xiaoju Car Service Terminal Technology
May 18, 2020 · Mobile Development

Flutter 1.17 Release: Boosted iOS Performance, New Material Widgets & Tools

Flutter 1.17, the first stable release of 2020, introduces Metal support that can increase iOS rendering speed by up to 50%, reduces app size and memory usage, adds new Material components such as NavigationRail and an updated DatePicker, improves accessibility, internationalization, and provides enhanced developer tools like network profiling and fast‑start options.

FlutterMaterial DesigniOS
0 likes · 11 min read
Flutter 1.17 Release: Boosted iOS Performance, New Material Widgets & Tools
Sohu Tech Products
Sohu Tech Products
Apr 15, 2020 · Mobile Development

Getting Started with Jetpack Compose: Overview, Setup, and Basic UI Components

This article introduces Jetpack Compose, Google's modern declarative UI toolkit for Android, covering its history, installation steps, adding Compose to existing projects or creating new ones, basic composable functions, layout techniques with Column, Container, Spacer, Material Design styling, and preview capabilities, all illustrated with Kotlin code examples.

Declarative UIJetpack ComposeKotlin
0 likes · 18 min read
Getting Started with Jetpack Compose: Overview, Setup, and Basic UI Components
21CTO
21CTO
Sep 15, 2019 · Mobile Development

Flutter 1.9 Unveiled: New Features, macOS/iOS13 Support, and Web Integration

Google’s Developer Days in Shanghai introduced Flutter 1.9 and Dart 2.5, highlighting macOS Catalina and iOS 13 support, new Material widgets, experimental Bitcode, expanded language packs, improved toolchains, and the integration of Flutter Web into the main repository, signaling a major step toward true cross‑platform development.

DARTFlutterMaterial Design
0 likes · 10 min read
Flutter 1.9 Unveiled: New Features, macOS/iOS13 Support, and Web Integration
Tencent Music Tech Team
Tencent Music Tech Team
May 25, 2016 · Mobile Development

Understanding Material Design: Concepts, Components, and Animation Implementations in Android

Material Design, Google’s visual language built on paper‑like metaphors, depth, and purposeful animation, defines a three‑dimensional environment with elevation and shadows, while Android’s libraries such as CoordinatorLayout, AppBarLayout, DrawerLayout, and ActivityOptionsCompat provide concrete components and behaviors—like toolbar hide‑on‑scroll, navigation‑drawer toggling, and shared‑element transitions—to implement these concepts in apps.

Android UICoordinatorLayoutMaterial Design
0 likes · 18 min read
Understanding Material Design: Concepts, Components, and Animation Implementations in Android
21CTO
21CTO
Oct 15, 2015 · Mobile Development

How iOS and Android UI Design Evolved: A Comparative Journey

This article compares the evolution of iOS and Android user interfaces, highlighting iOS's focus on simplicity and Android's shift toward Material Design, and concludes that elegant, user‑friendly design ultimately wins users' hearts across both platforms.

AndroidMaterial DesignMobile Development
0 likes · 7 min read
How iOS and Android UI Design Evolved: A Comparative Journey
JD.com Experience Design Center
JD.com Experience Design Center
Aug 27, 2015 · Mobile Development

Redesigning Twitter for Android: A Deep Dive into Mobile UI/UX

This article walks through a comprehensive redesign of the Twitter Android app, covering user flow mapping, navigation patterns, material‑design guidelines, FAB interactions, animation choices, tablet layout adaptations, and visual consistency to create an intuitive, brand‑aligned mobile experience.

AndroidMaterial DesignTwitter
0 likes · 15 min read
Redesigning Twitter for Android: A Deep Dive into Mobile UI/UX
Suning Design
Suning Design
Oct 29, 2014 · Fundamentals

What Can You Learn from Analyzing Material Design’s 18 Core Components?

This article examines Material Design’s 18 essential UI elements—buttons, dialogs, tabs, snackbars, and more—explaining their variations, usage guidelines, and the design principles of visibility and consistency that help creators build cohesive, user‑friendly interfaces.

Design GuidelinesMaterial DesignUI components
0 likes · 7 min read
What Can You Learn from Analyzing Material Design’s 18 Core Components?