Design android applications in Photoshop
Good evening, dear habrozhiteli!
I decided to share my little experience in the design of applications for the android OS. We will do design for the application with recipes, and we need photoshop and imagination. Who cares - welcome under cat.
Since its inception, android has undergone many design changes. The current trend is clearly reflected on the developers website. Today we will try to get closer to the ideal that dictates to us android, and draw a design for the application. As a test subject, I chose the program, which is a simple catalog of recipes. Next, I will show screenshots with some descriptions.
')
First of all, in Photoshop we will create a document, with the dimensions of the screen of the device we will be guided by. Well, draw the control buttons + statusbar.
And now the first pattern, Action Bar, has replaced the old title bar, now wider and more meaningful. Just set the background ...
... draw an icon, ...
... title, and the main difference from what it was before:
We place the buttons necessary for our application. It turns out a kind of crossing the title bar (for example, windows) and the menu.
Here I added the categories of dishes in the form of a list. Made in one color. I advise all your applications to lead to the same style, the rule of good tone - or something.
Now select one item, when you click on the item, it will be like this. This usability pattern facilitates user interaction with the program.
After clicking go to the subcategory, note that we do not need the search button here, and an arrow appeared next to the icon, which in this case duplicates the back button.
Actually the recipe page itself. Now the arrow next to the icon will return us to the main page, as well as we can share the recipe using the share button. If possible, we use the maximum usability pattern: swipe, scroll and other pleasures of life. Now the design can be sent to the layout and coding.
That's probably all that I wanted to tell you, I hope something new was able to convey in an understandable form. I do not pretend to "prof-instruction", this is just my experience and observation.
I decided to share my little experience in the design of applications for the android OS. We will do design for the application with recipes, and we need photoshop and imagination. Who cares - welcome under cat.
Since its inception, android has undergone many design changes. The current trend is clearly reflected on the developers website. Today we will try to get closer to the ideal that dictates to us android, and draw a design for the application. As a test subject, I chose the program, which is a simple catalog of recipes. Next, I will show screenshots with some descriptions.
')
First of all, in Photoshop we will create a document, with the dimensions of the screen of the device we will be guided by. Well, draw the control buttons + statusbar.
And now the first pattern, Action Bar, has replaced the old title bar, now wider and more meaningful. Just set the background ...
... draw an icon, ...
... title, and the main difference from what it was before:
We place the buttons necessary for our application. It turns out a kind of crossing the title bar (for example, windows) and the menu.
Here I added the categories of dishes in the form of a list. Made in one color. I advise all your applications to lead to the same style, the rule of good tone - or something.
Now select one item, when you click on the item, it will be like this. This usability pattern facilitates user interaction with the program.
After clicking go to the subcategory, note that we do not need the search button here, and an arrow appeared next to the icon, which in this case duplicates the back button.
Actually the recipe page itself. Now the arrow next to the icon will return us to the main page, as well as we can share the recipe using the share button. If possible, we use the maximum usability pattern: swipe, scroll and other pleasures of life. Now the design can be sent to the layout and coding.
That's probably all that I wanted to tell you, I hope something new was able to convey in an understandable form. I do not pretend to "prof-instruction", this is just my experience and observation.
Source: https://habr.com/ru/post/151886/
All Articles