otak info official Logo   
OTAK.INFO
Personal Blog

Hariyanto Lim

정길상 / 鄭吉祥
Home   Last Posts  
 
Please login to see more topics and discussion categories.
 
goto main category list >> Software programming >> Android

Title : Tips on how to make UI cutting for Android mobile app.
Total Reply : 2
Total View : 2318


Harry
Harry
Total thread: 131
Total reply: 50

Post #167
Tips on how to make UI cutting for Android mobile app.
Mobile app developers normally will follow UI cutting guide from designer.

For newbie designer, sometime it is confusing to make the proper document,
this is just a guide help

First create canvas for 1080 pixel WIDTH in Photoshop,
then we can cut it "as-is" for XXHDPI (3x baseline) (1080 pixel width),
then scale it down for XHDPI (2x baseline) (720 pixel width),
then scale it down again for HDPI (1.5x baseline) (480 pixel width).

NOTE:
  • Please see device reference: https://design.google.com/devices/
  • In MDPI (1x baseline) devices, 1 dp = 1 pixel.
  • We do NOT need to worry about screen HEIGHT because our mobile app will use UNLIMITED vertical scrolling, so just pay attention for WIDTH only.
Falling in love with the world

Write : 2015-11-16 09:25:56
Last edit : 2015-11-16 09:26:34

Harry
Harry
Total thread: 131
Total reply: 50

Post #168
Tips on how to make Android nine-patch images
Reply #1
There are a few website to generate NINE PATCH image online, one of the best is:

http://romannurik.github.io/AndroidAssetStudio/nine-patches.html

Please use the website above to generate NINE PATCH in very easy steps as in 1-2-3:

  1. Upload single image (regular .png) --> click button "Select Image"
  2. Set value for "STRETCH REGION" and set "CONTENT PADDING", you can see LIVE result on the bottom.
  3. Download the created files as 1 zip --> click button "Download .ZIP"
  4. Extract the .zip file and simply copy the all the folder structure into Android project "res" folder.
Falling in love with the world

Write : 2015-11-16 09:29:17

Harry
Harry
Total thread: 131
Total reply: 50

Post #169
How to make Android APK size smaller ?
Reply #2
In my Android development experience, we created so many .png files and the total file size sometime is too big, so we need to make them smaller by using PNG "compression" or use 8 bits PNG instead of Photoshop default's 24/32 bits.

There are many ways to create 8 bit PNG while still maintaining transparency, one way is to use online web service like https://tinypng.com/
Falling in love with the world

Write : 2015-11-16 09:33:57

If you want to create a new reply then please login first.



www.OTAK.INFO
Since 19 January 2007
Page hit : 688,046

Code update 24th June 2013
Brain is a very capable to solve big problems
but requires constant reminders about how to.
peace bird