Tuesday, April 28, 2015

First UI Remake: Phinder

Hello all,

This begins my series on remaking my user interfaces for my applications. Today, I will be doing my most popular app, Phinder. If you recall, this app is used to locally find the user's lost Android device. The reason I am redesigning my UIs is because users love a great UI and hate a poorly done UI. Can you guess which end my UIs are on? Hence, the need to redesign.
First, I will go with more conserved colors. I am thinking a #22272D for my background. I will then go with the white text to provide a nice complement to my background. Moving on the buttons, I will use this background for my android background:  android:background="?android:attr/selectableItemBackground" creating a nice and modern button effect. Now I will just resize everything to make the UI look practical.
The app icon also needs to be spruced up a bit to provide a sense of change and whatnot. So I change it to match my color scheme.

The next thing we need to do is to add an actionbar. Actionbars are common place in almost every popular app. This website gave me everything I needed: http://www.androidhive.info/2013/11/android-working-with-action-bar/

And with that I am done updating my UI! You can get the app here:

For now, that is all.

Happy Coding,
Mike

No comments:

Post a Comment