Design

Android design inspirations

2017-03-19 Android, Design, DSP2017 No comments

When we are planning to create our next Android app, besides the codebase, it’s also good to plan its design, UI, and UX. Before doing that, we can take a look at some inspirations and work of other people to gather a few UI design patterns, inspirations, and ideas.
Good resource of such inspirations is Android Niceties website. As the authors write, this website is
a collection of screenshots encompassing some of the most beautiful looking Android apps.

Do you know any other similar resources? Share them in comments :-).

7 Rules for Creating Gorgeous UI

2014-11-23 Design, UI No comments

Rules

When we start creating good, clear and consistent UI, we should make some assumptions.
We can follow such rules:

  1. Light comes from the sky
  2. Black and white first
  3. Double your whitespace
  4. Learn the methods of overlaying text on images
  5. Make text pop and un-pop
  6. Only use good fonts
  7. Steal like an artist

Reference

There is quite interesting article about creating gorgeous UI, which describes mentioned rules in details and is divided into two parts:

Some aspects are obvious, but it’s good summary.
mobile-design-cards-01

Weather Icons for Android applications

2014-10-02 Android, Design No comments

Some time ago I found Weather Icons project by Erik Flowers. It’s customized font with appropriate CSS, which allows you to use weather icons on the website. In addition, those icons can be customized. They can have different size or color. Moreover, they are compatible with the Bootstrap.

687474703a2f2f7765732e696f2f57654d352f707265766965772e706e67

I thought, that it would be nice, if I had something like that for Android applications. That’s why I created simple open-source project called Weather Icon View. It’s customized view for Android, which allows you to use weather icons in mobile apps in similar way as in web apps. When you add mentioned library to your project, you can use it in XML layout in the following way:

You can also use it programmatically as it’s presented below.

Icons reference can be found at: http://erikflowers.github.io/weather-icons/.
For more details visit: https://github.com/pwittchen/WeatherIconView.

How to design pixel perfect assets for mobile applications

2013-02-20 Design, Mobile No comments

How to design pixel perfect assets for mobile applications

Good resource for designers of the mobile applications UI.

pixel-perfect-assets-post

Place it by Brezi – generating screenshots of mobile and web apps in realistic environment

2013-02-02 Design, Mobile, Tools No comments

placeit-by-brezi

Some time ago I discovered nice tool, which allows you to create screenshots of mobile and web apps in realistic environment. It’s quite useful. Especially for promotional purposes and in the case, when our graphic design skills are not good enough.

Check this out! http://placeit.breezi.com/

Redesigning Google

2013-01-24 Design, Google No comments

Redesigning Google

How Larry Page engineered a beautiful revolution? Article by The Verge.

Redesigning Google