BestHub
Sign in
Tagged articles

visual communication

29 articles · Page 1 of 1
Design Hub
Design Hub
Sep 5, 2026 · User Experience Design

How Igor Mitin Makes Scent Visible: Three Packaging Strategies That Translate Fragrance Before You Smell It

This article analyzes three perfume packaging concepts by designer Igor Mitin—PUSHHH, OLFACTORY X, and a CHANEL concept—revealing how each uses a distinct visual language (emotional buttons, laboratory grammar, symbolic sculpture) to make invisible scent understandable and desirable before the first spray.

Igor Mitinbrandingdesign strategy
0 likes · 13 min read
How Igor Mitin Makes Scent Visible: Three Packaging Strategies That Translate Fragrance Before You Smell It
ZhiKe AI
ZhiKe AI
Jun 24, 2026 · Fundamentals

Why One Architecture Diagram Never Captures an Entire System (Lessons After 3 Years)

After three years of drawing architecture diagrams, the author realized that a single diagram cannot convey a whole system; instead, a set of purpose‑specific diagrams—business, application, system, technical, data, and deployment—must be used, each tailored to its audience and clarified with the C4 modeling approach.

Architecture DiagramsC4 modelSystem Modeling
0 likes · 23 min read
Why One Architecture Diagram Never Captures an Entire System (Lessons After 3 Years)
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.

Architecture DiagramsC4 modelSystem 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 PracticesData Storytellingchart design
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.

Architecture DiagramsUML diagramssoftware design
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.

Software Engineeringcolor theorydesign principles
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.

designer guideframeworkpresentation 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.

User Acquisitionmarketing designoperational design
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 modelSystem Designdiagramming
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 modelarchitecture-design
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 modelSystem Designdiagram methodology
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.

Architecture DiagramsC4 modelsoftware architecture
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.

Architecture DiagramC4 modelSystem 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.

Architecture DiagramsC4 modelSystem Design
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.

Architecture DiagramsC4 modelSystem Design
0 likes · 9 min read
How to Create Clear Architecture Diagrams: Concepts, Types, and Best Practices
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.

illustrationmobile app designproduct design
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.

Architecture DiagramsC4 modelSystem 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.

Architecture DiagramsC4 modelSystem 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.

design principlesprogrammer skillssoftware architecture
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.

UI clarityfrontend-designicon design
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.

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