21.12.2017 
So, last time we spoke, I left you this teaser… I mean how hard could it be? right? OK So, hum, an easy enough exercise….. for a path-based animation like we saw last time. But how do I draw such a path? How do I time the inflections in speed for that path, since time […]
Author Archives: Nuno Pinheiro
Nuno Pinheiro Senior Graphic Designer and Illustrator. Specialized in iconography, themes user interface design and Qml wire-framing/prototyping/implementation.
Nuno's works include general illustrations, UI design, web design, corporate design as well as other works in creative areas.
He is known for the Oxygen Project.
A tale of 2 curves Or the complexity simplicity requires.
As my first subject for this animation blog series, we will be taking a look at Animation curves. Curves, or better, easing curves, is one of the first concepts we are exposed to when dealing with the subject of animation in the QML space. What are they? Well, in simplistic terms, they are a description […]
What makes for good animation?
In the beginning there was … That’s how things start, right? And in the beginning there were punch cards. The UI was rudimentary direct machine language, so we could say there was no UI. So let there be light! In very simplistic terms that was a screen where one could type text (using a keyboard) and […]
Scalable UIs, Scaling the Content
So far we talked about the technical aspects of scaling your application, the dpi, the number of pixels, its nature, the nature of image formats and the implications of all that on the creation of visual elements for your UI. But this is only a part of the problem, for although all this helps you to create answers […]
Of vectors and scalable things SVG, fonts, and QML
Vectors Moving away from my original plan, today we will be talking about Vectors. To start this series of posts I had a main motivator, SVG. It is a great file format, it’s the file type I use day in day out and the format I use the most to create all of my images… But […]
BorderImage is for Scaling! Scalable UIs 2.2
In the previous blog post, we talked about the importance of pixels and their indivisible nature, the way we deal with that in the icon area and introduced the concept of PPI dependable UIs – all this to have truly scalable graphics in QML. We used the BorderImage element to illustrate how an element could […]
In Pixels we trust Scalable UIs In QML part 2
In the earlier post, we talked about the difficulty of scaling Uis across the current PPI range we have on the mobile and embedded space. We also hinted that the most common way to avoid this problem was done via providing several image assets that help to mitigate this issues. How does it work? How […]
Scalable UIs In QML
A User Experience is not defined to exist in a single form factor any more. It is expected to be able to flow from one device to another, seemingly adapting itself to each interaction paradigm, and yet retain branding, mood and overall look and feel across multiple platforms. On the other hand, it’s expected that Designers […]