Tagged articles
27 articles
Page 1 of 1
Top Architect
Top Architect
Nov 20, 2024 · Fundamentals

Designing Effective Software Architecture Diagrams: Concepts, Types, and the C4 Model

This article explains the fundamental concepts of software architecture and architecture diagrams, outlines what makes a good diagram, describes common pitfalls, and introduces the C4 modeling approach with concrete examples such as system context, container, component, and class diagrams, providing practical guidance for clear communication of system designs.

C4 ModelSoftware ArchitectureSystem Design
0 likes · 13 min read
Designing Effective Software Architecture Diagrams: Concepts, Types, and the C4 Model
We-Design
We-Design
Oct 30, 2024 · Fundamentals

How Perspective Shaped Art and UI Design Across Millennia

From ancient Egyptian flat depictions to Renaissance linear perspective, through Impressionist challenges and modern UI design shifts, this article traces the evolution of visual perspective, revealing how artistic and interface conventions have repeatedly broken, refined, and reimagined spatial representation to align with cultural, technological, and perceptual changes.

UI designart historydesign evolution
0 likes · 15 min read
How Perspective Shaped Art and UI Design Across Millennia
Model Perspective
Model Perspective
Sep 15, 2024 · Fundamentals

Mastering Data Visualization: 9 Essential Principles for Clear, Impactful Charts

Data visualization transforms raw data into intuitive graphics, and this guide outlines nine essential principles—including simplicity, appropriate chart selection, accuracy, avoiding overload, effective annotations, color use, consistency, audience focus, and storytelling—to help readers create clear, compelling visualizations for business, research, and decision‑making.

best practiceschart designdata storytelling
0 likes · 12 min read
Mastering Data Visualization: 9 Essential Principles for Clear, Impactful Charts
Tencent Cloud Developer
Tencent Cloud Developer
Mar 20, 2024 · Fundamentals

How to Draw Effective Architecture Diagrams: A Comprehensive Guide

This guide explains how to create clear, visually appealing architecture diagrams—covering purpose, audience, design principles, timing, classification, and step‑by‑step drawing techniques—so teams can communicate structure, workflows, and data effectively across business, product, application, technical, and code domains.

System ArchitectureUML diagramsarchitecture diagrams
0 likes · 20 min read
How to Draw Effective Architecture Diagrams: A Comprehensive Guide
Alibaba Cloud Developer
Alibaba Cloud Developer
Jan 8, 2024 · Fundamentals

Master Diagramming: Design Principles to Make Your Tech Charts Stand Out

This guide shares practical methods for creating clear, attractive, and complete diagrams—covering code, architecture, business process, flow, and sequence charts—by applying four design principles, color‑wheel techniques, golden‑ratio composition, and an end‑to‑start mindset to improve developers’ visual communication.

DiagramSoftware Engineeringcolor theory
0 likes · 8 min read
Master Diagramming: Design Principles to Make Your Tech Charts Stand Out
58UXD
58UXD
Jan 3, 2024 · Product Management

How to Craft an Outstanding Designer Year-End Summary in 4 Simple Steps

This guide walks designers through a four‑step process—mindset, time planning, project organization, and content polishing—offering practical frameworks, tips, and visual examples to turn a routine year‑end summary into an impressive, story‑driven showcase of achievements and growth.

Frameworkdesigner guidepresentation tips
0 likes · 9 min read
How to Craft an Outstanding Designer Year-End Summary in 4 Simple Steps
58UXD
58UXD
Dec 29, 2022 · Operations

Mastering Operational Design: From Planning to Post‑Launch Validation

This article explains the role of operational visual designers, breaks down their work into product‑online, new‑media, offline, and auxiliary design, and outlines a three‑stage workflow—pre‑design communication, rational design execution, and post‑design implementation and validation—to help teams create effective, data‑driven visual experiences.

marketing designoperational designproduct experience
0 likes · 10 min read
Mastering Operational Design: From Planning to Post‑Launch Validation
21CTO
21CTO
Nov 8, 2022 · Fundamentals

Master Software Architecture Diagrams: Clear, Audience‑Focused Design Guide

This article introduces a practical methodology for creating effective software architecture diagrams, explains the purpose and classification of various diagram types—including context, container, component, and code diagrams—offers guidelines for audience‑centric design, and showcases the C4 model with real‑world examples and tool recommendations.

C4 ModelDiagrammingSoftware Architecture
0 likes · 11 min read
Master Software Architecture Diagrams: Clear, Audience‑Focused Design Guide
IT Architects Alliance
IT Architects Alliance
Oct 17, 2022 · R&D Management

Mastering System Architecture Diagrams: 4+1 and C4 Views Explained

This guide explains how to create clear, self‑describing system architecture diagrams by defining architecture concepts, outlining business, application, technical and data layers, and detailing the 4+1 and C4 view models with practical tips for audience‑focused visual communication.

4+1 viewC4 ModelSoftware Architecture
0 likes · 9 min read
Mastering System Architecture Diagrams: 4+1 and C4 Views Explained
Python Crawling & Data Mining
Python Crawling & Data Mining
Oct 10, 2022 · Fundamentals

How to Master Custom Chart Design in Six Simple Steps

This guide walks you through six practical steps—from choosing the right chart style and fonts to defining colors, element details, and decorative touches—so you can create tailored, professional charts that fit any business or reporting context.

Data visualizationDesign Guidelinesbusiness reporting
0 likes · 13 min read
How to Master Custom Chart Design in Six Simple Steps
Python Crawling & Data Mining
Python Crawling & Data Mining
Sep 24, 2022 · Fundamentals

5 Essential Principles for Clear Data Visualizations

This article outlines five practical principles—show the data, reduce clutter, combine text and graphics, avoid spaghetti charts, and start from gray—to help creators design clear, audience‑focused visualizations for reports, blogs, and social media.

Data visualizationchart designinfographics
0 likes · 12 min read
5 Essential Principles for Clear Data Visualizations
Top Architect
Top Architect
Sep 21, 2022 · Fundamentals

How to Create Clear Software Architecture Diagrams: Concepts, Types, and Best Practices

This article explains the importance of clear software architecture diagrams, defines basic concepts and various diagram types such as context, container, component, and class diagrams, offers practical guidelines for creating self‑describing, audience‑focused diagrams, and shares tools and examples to improve communication among developers, ops, and stakeholders.

C4 ModelSoftware ArchitectureSystem Design
0 likes · 12 min read
How to Create Clear Software Architecture Diagrams: Concepts, Types, and Best Practices
Architect's Guide
Architect's Guide
Sep 18, 2022 · Fundamentals

How to Create Effective Architecture Diagrams: Concepts, Types, and Best Practices

This article explains the importance of clear architecture diagrams, defines key concepts such as architecture and architecture diagrams, outlines the 4+1 view taxonomy, offers criteria for good diagrams, addresses common pitfalls, and introduces the C4 modeling approach with practical examples and tool recommendations.

C4 ModelSoftware Architecturearchitecture diagrams
0 likes · 13 min read
How to Create Effective Architecture Diagrams: Concepts, Types, and Best Practices
IT Architects Alliance
IT Architects Alliance
Jun 22, 2022 · Fundamentals

How to Create Clear Software Architecture Diagrams: Concepts, Types, and Best Practices

This article explains the purpose and benefits of software architecture diagrams, introduces basic concepts and the 4+1 view classification, describes what makes a good diagram, outlines common pitfalls, and presents the C4 modeling approach with practical examples for clear communication among stakeholders.

C4 ModelSoftware ArchitectureSystem Design
0 likes · 12 min read
How to Create Clear Software Architecture Diagrams: Concepts, Types, and Best Practices
IT Architects Alliance
IT Architects Alliance
Aug 7, 2021 · Fundamentals

A Guide to Drawing Clear Architecture Diagrams

This article explains the value of architecture diagrams, defines key concepts such as architecture and its various views, outlines common problems, introduces the C4 modeling approach with its context, container, component, and code diagrams, and provides practical guidance for creating clear, audience‑focused diagrams.

C4 ModelSystem Designarchitecture diagrams
0 likes · 9 min read
A Guide to Drawing Clear Architecture Diagrams
IT Architects Alliance
IT Architects Alliance
Mar 29, 2021 · Fundamentals

How to Create Clear Architecture Diagrams: Concepts, Types, and Best Practices

This article explains why architecture diagrams are essential for communication, defines key concepts, introduces the 4+1 view classification, outlines criteria for good diagrams, and presents the C4 modeling method with practical examples to help teams produce self‑describing, audience‑focused system visuals.

C4 ModelSoftware ArchitectureSystem Design
0 likes · 9 min read
How to Create Clear Architecture Diagrams: Concepts, Types, and Best Practices
58UXD
58UXD
Mar 9, 2021 · Fundamentals

How to Create Stunning PPT Covers: Fonts, Colors, Backgrounds & Layout Tips

This guide explains how to design an eye‑catching PPT cover by mastering four key elements—text, color, background, and layout—offering practical font, color, and image recommendations along with free design tools to boost visual impact.

PPT designTypographycolor theory
0 likes · 6 min read
How to Create Stunning PPT Covers: Fonts, Colors, Backgrounds & Layout Tips
58UXD
58UXD
Sep 21, 2020 · Frontend Development

How Illustrations Boost Mobile App User Experience: Real-World Design Strategies

The article explains how using rich illustrations in mobile apps and product design enhances information delivery and emotional connection, offering concrete examples such as game cards, onboarding guides, splash screens, banners, skins, and default images that lower user friction and increase engagement.

Product DesignUser experienceillustration
0 likes · 6 min read
How Illustrations Boost Mobile App User Experience: Real-World Design Strategies
Open Source Linux
Open Source Linux
Apr 8, 2020 · Fundamentals

How to Design Clear Architecture Diagrams: A Practical Guide for Engineers

This article explains why clear architecture diagrams are essential for communication, defines core concepts, categorizes diagram types, outlines common pitfalls, and introduces the C4 model with practical tips to create self‑describing, audience‑focused diagrams that align with code.

C4 ModelSoftware ArchitectureSystem Design
0 likes · 11 min read
How to Design Clear Architecture Diagrams: A Practical Guide for Engineers
58UXD
58UXD
Jun 12, 2019 · Fundamentals

Mastering Chinese Font Design: From Analysis to Visual Impact

This article outlines a practical workflow for Chinese typography, covering font analysis, selection, structural reconstruction, visual integration, and readability testing through real-world case studies, helping designers create compelling and recognizable text graphics.

Chinese fontsTypographydesign process
0 likes · 6 min read
Mastering Chinese Font Design: From Analysis to Visual Impact
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 11, 2019 · Fundamentals

Mastering Software Architecture Diagrams: A Practical Guide to Clear, Audience‑Focused Designs

This article explains why clear architecture diagrams are essential for communication, defines key concepts, outlines common pitfalls, introduces the 4+1 and C4 modeling approaches, and provides practical tips for creating self‑describing, audience‑oriented diagrams that align with code.

C4 ModelSoftware ArchitectureSystem Design
0 likes · 12 min read
Mastering Software Architecture Diagrams: A Practical Guide to Clear, Audience‑Focused Designs
58UXD
58UXD
Apr 3, 2019 · Fundamentals

How Mood Boards Boost Design Efficiency and Align Stakeholder Expectations

Mood boards are a visual communication tool that helps designers quickly convey style, color, typography, and texture preferences, improving workflow efficiency, clarifying stakeholder needs, and enabling rapid iteration of design concepts across projects.

UX designcreative toolsdesign process
0 likes · 7 min read
How Mood Boards Boost Design Efficiency and Align Stakeholder Expectations
DevOps
DevOps
Jun 7, 2016 · R&D Management

Why and How Programmers Should Master Technical Diagramming

The article explains why programmers need to create clear technical diagrams, how diagramming enhances abstract thinking, communication, and problem‑solving, and provides practical guidance on shapes, colors, aesthetics, and tool choices to produce effective architecture visuals with minimal effort.

Software Architecturedesign principlesprogrammer skills
0 likes · 9 min read
Why and How Programmers Should Master Technical Diagramming
JD.com Experience Design Center
JD.com Experience Design Center
Apr 21, 2015 · Frontend Development

When Icons Harm UI Clarity: Design Principles for Clear, Effective Icons

This article examines how icons, while essential UI elements, can undermine interface clarity when their meaning is ambiguous, and offers practical guidelines—such as ensuring 100% semantic accuracy, combining icons with text, and considering contextual environments—to create clear, user‑friendly designs across platforms.

Frontend DesignUI clarityUser experience
0 likes · 7 min read
When Icons Harm UI Clarity: Design Principles for Clear, Effective Icons
Suning Design
Suning Design
May 22, 2014 · Fundamentals

Boost Your UI Prototypes: 6 Essential Interaction Design Practices

This guide revisits classic interaction‑design cases, showing how contrast, proper use of screenshots, first‑screen height, grid compliance, layout spacing, and clear UI logic can dramatically improve prototype quality and streamline collaboration with visual designers.

Interaction DesignUI hierarchyfirst screen height
0 likes · 7 min read
Boost Your UI Prototypes: 6 Essential Interaction Design Practices