Lunar Calendar 2017

I think having physical desktop calendars are a bare necessity of life. At least for me! It helps to have a hold on your coming days and those that have gone past.
The Lunar Calendar 2017 was just a simple calendar design project. We just wanted to try something simple and straight to the point.

My fascination with the Lunar Calendar came up with my hobby of late night walks. It still amazes me how much difference moonlight makes. On a full moon, even away from the city, the whole night is so serenely lit up. It’s almost magical. Whereas on a new moon, almost pitch darkness. Your eyes really struggle to adjust.

Lunar Calendar 2017 Pixel Drop Studios
Each date is shown to be with the corresponding moon phase

The Lunar Calendar is just that. It shows the phases of the moon every fortnight. Each date is shown to be with the corresponding moon phase. A full moon day will have the entire moon face behind the date and a new moon will have none. Simple and to the point.

I found it a helpful case as I have a copy of it on my desk and plan my nightly ‘sojourns ‘ accordingly now.

Lunar Calendar 2017 Pixel Drop Studios
Lunar Calendar 2017

Check out the pdf of the entire year’s calendar provided herewith. Print out a copy for your desk or wall. Hopefully it’ll help you too!

Download The Lunar Calendar 2017

App Prototyping with Adobe XD

So last time we talked about the benefits of Sketch App for initial designs of an app. Things were going fine for us. We designed on Sketch. And then we would try to figure out our app flow. This would involve getting screens arranged in their order of sequence and sharing the pic between us which always turned out to be horrible and confusing.

Quantum iOS app Flow
Imagine having more than 20 screens here

Or otherwise it would be going old school. Taking printouts and physically figure it out on a white board. All these methods lacked one essential component for any successful design – feedback from initial testers. How can we make the users get the sequence – we had to rely on their understanding rather than them experiencing it. We could only be sure they understood it, if they held it in their hands and get a first hand experience. Figure out where they could go wrong, how we could minimize or negate that possibility through better design.

Then Adobe hit back with Experience Design (XD).

Adobe XD was exactly what we were looking for. XD allowed us to make real prototypes on real devices that we could give to real users. This brought out a great clarity to us and the users. It greatly simplified our process. Changes could be made in the initial stages itself.

Just take a look at what our whole artboard looked like in XD:

The Game Quantum on XD
Adobe XD interface
The Game Quantum on XD
Linking each screen to create the prototype

Don’t get intimidated by these images. It is far more easier than it looks. All you need to do is link the various buttons in the screens based on your app flow – Its just drag and drop and literally takes less than 10 mins!

 

Prototyping with Adobe XD
Linking the screens together is just drag and drop

Hats off to the Adobe guys for getting this product out in the market. Mind you, the product is still in beta, but damn it’s awesome.

There are however a few things missing in Adobe XD:

 – XD does not give you the ability to animate individual elements. For ex: you won’t be able slide in a single button separately on the screen. It only allows screen transitions for now.

 – XD does not support Photoshop import. Yes, you read that right. Currently, the software only allows vector imports. This can be a big problem if you already have your app designed in Photoshop.

 

But since the software is still a work in progress we are hoping they would add additional features. Oh and the whole thing is just under 80 MB. Kudos Adobe! 

Adobe XD can really become the de facto prototyping tool. The Windows version of the software was just release in beta sometime back. In the end it will all depend on how much Adobe decides to charge us when they come out with the full version.

All in all, there is no denying the fact that there is a new player in the prototyping wars. And this newbie happens to be the oldest of them all.

Adobe XD is currently available in beta free for Mac and Windows HERE

 

If you are looking for some quick tutorials. These are our top picks. 

How to Use Adobe Experience Design CC By Terry White

How to Create a UI Prototype By Rafiq Elmansy