✤ Navigation Bar | E-Sports Streaming Platform

✤ Navigation Menu (Open)

The navigation bar of this e-sports streaming platform uses Gestalt principles to create a clear, intuitive grouping of tabs: Explore, Events, News, Live Streams, and Rankings.

  1. Proximity: Tabs are arranged in close proximity to visually communicate related features, creating a natural grouping for the user. For example, Explore, Events, and News are positioned together to represent content discovery and updates, while Live Streams and Rankings are grouped to emphasize real-time action and competitive insights.

  2. Similarity: Each tab uses a consistent style—icons, fonts, and colors—making them appear as part of a unified navigation experience. This similarity reinforces that these are the main content pillars of the platform.

  3. Continuity: The order of tabs flows logically from broad content discovery (Explore) to more specific and competitive features (Rankings), guiding users smoothly from general exploration to live engagement and tracking.

  4. Figure-Ground: Active or highlighted tabs contrast with the background, making them stand out as the current section, which aids users in easily identifying their location on the platform.

✤ Created by Ahmad Majid

Follow me on various platforms to stay updated on the latest creations I share online.

Website • Dribbble 

More by Ahmad Majid

View profile