Saturday, January 14, 2017

The Mobile Canvas

The benefit of building some design UIKits based on html5, js, and css for desktop and mobile is that if I use the mobile device as my canvas the limitations serve to allow me to focus on the pedagogical of theory of Material Design.

In doing so,I can than understand why header images in mobile material design apps ia bad idea and why parallax image containers in material design CSS frameworks should be banned.

Monday, January 2, 2017

UI Kit Products

Obviously, the first set of UI kit products is for html/css/js and in fact Material Design based. Should be interesting to see which ones take off.

At the moment using two frameworks, Materialize and Bootstrap as I have not figured out how to incorporate or integrate 3rd party stuff with Google's successor to MaterialDesignLite.

Monday, December 5, 2016

UI Kit Products

Okay, somewhat early announcement. I have some UI Kits that I am developing that will be released on UpLabs MaterialUp in January as commercial products. Some are Dashboard Kits and some are Android UI-Wireframe kits.

Saturday, December 3, 2016

Bootstrap Experiment One

I will be trying a bootstrap experiment.  I am going to be pushing out some creative design products that are related to my mobile design work in a certain marketplace to see how much traction those commercial products receive.

If  I am lucky it pays for some needed things such as a new laptop with 1-2TB SSDs.

I will be reporting my progress when I can right here so that others may attempt to replicate the efforts for their own bootstrapping.

Thursday, December 1, 2016

Material Design Color Palettes III

The 3rd and probably final tweaking of my Material Design Advance Color Palette should be up in a few days.  The improvements is finally finding the tool that mathematically calculates color contrasts and keeps them within the WAG guidelines, namely Paletton found here:


Also check out the colorpedia on color theory.

Tuesday, November 29, 2016

Advance material Design Color Palette II

This an android color resource file denoting a full advanced color palette for material design. Both Monochromatic(Minimal design) and Google vibrant are supported.

The bottom black and whites is for Monochomatic with the top half serving as the palette for the action color. Obviously, the top-half is the Google-inspired vibrant color palette.

It has substantially more colors than one shown as an example in the Google material Design Guide. This is the first major tweaking of colors.

The gpl gimp file for it has not been created yet. If you do create one send me the gist link to my email listed on my github pages:

So that I can properly point to your created gpl files in my gist.

As far as a gimp formatted UI-UX kit, its being created at the moment by choosing the best UI kit and completing the gimp conversions(ie converting to xcf and keeping the embedded rgb profiles). Should be sometime in December when I post the full UI kit including the gpl gimp files.

Remember folks, Google in its Material Design Guide directly states their Hues-And-Accent color matching and monochromatic matching. BUT, they also imply indirectly the other two possible color matching styles as forms of branding. One is choosing the color matching that fits the branding needs of the android app you are designing.

Not every branding case will match up with Google Vibrant or Monochromatic or the other color matching styles. Its your job as the android app designer to determine which color matching style best servers your client's branding needs.

Monday, November 21, 2016

Silicon ValleyWakeUP Call

Trump getting elected sent a very loud call to Silicon Valley to wake up to the effects of both tech disruption through job loss and income equality. And yet if you look at the Democratic message lately they still have not got the message.

Look SV VCs, if you do not solve job loss through tech disruption and income equality dumb voters will solve it for by voting you out..what part of that message is not clear to you?