Diagrams App

Diagrams is an upcoming Mac application for creating structured diagrams. It allows you to easily create flowcharts, functional diagrams or anything else. It‘s semantic approach let’s you use Diagrams for anything structure related you want.

Q1 2018 – Now

Lukáš Kubánek

Roles

Icon Design

Interface Design

Web Design

project preview project preview

The project started with creating an app icon using the existing Logo. After creating a lot of sketches (some of them seen on the photo) we’ve decided to go for the 3D look of the icon. For the first time I actually modeled the icon completely in a 3D software (Blender). The developer Lukáš wanted me to create alternate icon versions for Beta, Alpha and Developer versions of the app.

The App

project preview

After finishing the app icon Lukáš asked me if I could also help him designing the UI and UX for Diagrams. I’m working on a visual style which feels like a native Mac app. The app is working with a semantic approach. So the user will have a predefined set of colors and variables to create elements and connections on the canvas. Later the user will have an option to select between custom designed color themes right inside the app.

project preview

Next to the visual appearance of the glyphs, colors, fonts and more I’m working on creating a seamless UX for the several features of the app. One of the core aspects is creating different connection types between element boxes as well as changing the automatically generated line route.

The project is still in progress, therefore this is a current state of the design and may change during development.