Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [android]

Questions about designing for Android, an operating system for mobile devices such as smartphones and tablet computers. Specific measurements and guidelines are common when designing graphics for different platforms. As such, Android has its own set of requirements. Ask anything about designing graphical projects for the Android platform.

-1
votes
0answers
36 views

How can I create an Android UI Design in photoshop and use it as a layout in Android Studio?

So my issue is, I have a mock up screen in photoshop. When I try to recreate it in android studio, it becomes to larger. I am trying to convert the pixels in photoshop, to dp using this site. Link I ...
-1
votes
0answers
36 views

Inkscape simplify file structure

Is there any way to simplify file structure of svg to only use basic svg features? even at the cost of increasing svg size (pre compute path's, duplicate path's etc) I want to import some svg's into ...
0
votes
3answers
93 views

Good way to highlight important values in limited space

In my app I have a card that looks like so: In which I want to highlight to the user certain values when, for example, there is less than a day left, the card is less than a kilometer away or when it ...
0
votes
2answers
104 views

How to improve this GUI for smartphones?

I'm developing an Android app. The GUI is designed (and is implemented, but it can still change for the moment). Questions The app will be used whatever the environment (bright or dark, etc.). The ...
0
votes
0answers
163 views

Best app for animating in Android tablet

I recently bought a Samsung Galaxy Tab A 10.1, I'm using it mainly to draw 2D art for a game I'm creating in my spare time. I'm using Autodesk Sketchbook, and I'm very happy so far. At this point I'd ...
0
votes
0answers
84 views

Flash like SVG Animator Tool for Mobile?

For the desktop, I know there are many tools that can do exactly this such as... Animatron, Synfig Studio with this plugin, Snap.svg, and even Blender Basically, I'm looking for a similar tool like ...
2
votes
1answer
642 views

ProgressBar from vector

I'm trying out my luck here with this question since it's kinda design related [will request migration to stackoverflow it needed but I still believe these kind of questions could have their place ...
0
votes
1answer
63 views

Material Design Spec - Leading for Same Font Style

I've been having a hard time understanding the Material Design guidelines for leading for text of the same style. I'm working on an app that displays a full RSS feed. The MD spec provides the ...
-1
votes
3answers
306 views

How to export icon in different sizes without getting blur edges?

I need to export icons for an android app in 4 different sizes: 36x36, 48x48, 64x64 and 72x72 px. The original size of icon I've created has size 272x272 px. For example, see this image: Left one ...
4
votes
3answers
1k views

Material Design: Should the status bar look different from the action bar?

I have often noticed that the status bar is a little darker than the action bar, is it a material design rule or a choice of the designer? Image's author: CommonsWare, from: https://stackoverflow.com/...
1
vote
3answers
222 views

Choosing a color scheme for 3 layers of material UI cards

I'm working on the Android UI at work, and I'm happy with the current color conventions we've used; white cards on a grey background, and a black FAB adding just the right contrast to separate the two ...
0
votes
0answers
955 views

Converting Android VectorDrawable XML files back to SVG files?

Anyone here designed in Android development team or familiar in Android development? There's so many way to convert your existing SVGs to Android's Vector Drawable XML files now, but is there any way, ...
0
votes
0answers
104 views

What's the exact name of this Material design component?

Sorry but not really a formal question, but I wanna ask, what are the exact names of this Material design components? Tried scanning the whole guidelines and looks like there no mention for that ...
1
vote
1answer
376 views

Two of BottomNavigation view icons not looking same as between two

In android I have few icons for bottom navigation view in xml form but the problem is the size of practice icon is small and discuss and add look great and Q & A is OK but not that good . Let me ...
1
vote
1answer
344 views

How to set baseline when design for Android devices with different dpi?

I am trying to provide our developers with alternative drawable resources (image resolution sizes) for different screen densities. Our users use android devices with screen density from mhdpi all the ...
2
votes
3answers
393 views

What software do you recommend for creating a logo

I am just starting to teach myself how to make logos. If I want to make a logo that works with both Apple and Android apps, what software do you recommend that would help me do a logo that would be ...
-4
votes
2answers
173 views

Can this Button be considered as Material design?

I've read the material.io page and tried it myself ,in a button on an android test - app. but there are 2 things which I think are nice but don't know if they fit into the material design guidlines: ...
0
votes
1answer
62 views

What font is this? (Android)

Is this a system font on Android or custom one? Results from font identication sites seem to indicate it's a custom one not natively present on android?
0
votes
1answer
47 views

How shall I lay out 2 horizontal elements to look balanced?

I tried using the rule of thirds to place my elements, but it looked wonky ... possibly because the elements are different sizes and heights. I repositioned them so the vertical distance is even ...
2
votes
2answers
3k views

Secondary color is a light version of the primary color

I'm working on an Android app that has an odd colour scheme, originally written for iOS with an iOS design. The primary colour is navy blue (#031740). They use light blue as an accent colour. Now, the ...
2
votes
2answers
10k views

Convert PX to DP

First of all, I'm a mobile developer and I'm risking the development of a layout for my app, right from the start I found the following problem, Photoshop uses PX as a unit of measure for the forms ...
0
votes
2answers
3k views

How do I export a graphic to support multiple Android screens in Illustrator?

I'm designing an application for Android right now and am not sure how to proceed. I want to be able to support everything from a medium-density screen to and extra-extra-high-density screen. google ...
6
votes
1answer
7k views

How to create proper Vector Images that can be used as an Android Vector-Drawable?

I'm quite new to creating vector images. I started to learn how the create them because I need some custom icons for an Android app I'm currently working on. And here starts the problem. I'm creating ...
0
votes
3answers
82 views

What could be good position for the view showing the duration in the layout?

So I have song name, album name , album art at left side of the layout, and three views consisting duration of the song, overflow menu button and a playlist button on the right side of the layout. I ...
0
votes
1answer
87 views

Is this a native iOS design?

I have a question regarding this design: Is this a native iOS design? I'm fairly new to iOS, so I don't know if this is native iOS or not. It does look to me it's Android layout that would need some ...
1
vote
1answer
504 views

add layer mask for an android background image

I am developer but I am in a situation I should act as a designer too for awhile..My question is I had an image I want to it to be a background for an app so I need to modify it to something like this ...
1
vote
1answer
499 views

Should my navigation bar start as transparent then become opaque on scroll?

Android has this UI behaviour: The navigation bar is transparent at first, with only the back button. But as the screen is scrolled up, the navigation bar becomes opaque, and the title fades in (on ...
-4
votes
1answer
394 views

Android Material Design Guidelines [closed]

My company has told me to design an app for them with Material Design Guidelines & I don't know from where to start. Thing I want to know : Note : Others ( The things I don't know, so please ...
0
votes
0answers
285 views

Material Design App Slicing - Android

As we all know, Google have released a material design UI/UX platform for developers. What are the image sizes that I have to follow to slice them for the various resolutions of android devices?
-2
votes
1answer
100 views

Layout design / UI Design

I am new to android programming and i want to learn how to design my own app , what do i mean by this is designing the app layout from scratch. I couldn't find any tutorial , all things that i get ...
1
vote
2answers
565 views

Can I use material design for both Android and iOS?

I am currently designing an application for Android and iOS. I like Google's Material Design and use of colors. Can I use the same style and look & fill for iOS apps except the navigation system ...
3
votes
1answer
327 views

Sketch: How to best sync design elements between iOS and Android Wireframe?

I'm looking for some input on your best practices/workflows for creating app wireframes for both iOS and Android. I'm working on a project now that needs quite high fidelity wireframes for an app we ...
4
votes
2answers
269 views

Create 2 morphable SVGs

I am trying to create 2 SVGs that can be morphed from one another in order to use them in an Android app. However, the requirements are rather strict: The 2 SVGs (from and to) must have the same ...
2
votes
1answer
601 views

Material design icon alignment in its box for creating android assets

I saw something in material design guidelines that bothers me - the way how the icons are aligned to global margins: The alignment is related to the icon box and not the icon itself, for example: ...
0
votes
1answer
1k views

Andoid style guide - px to dp, how do i convert?

The android app design am working, is on a screen size of 1080X120 with 72(pixles/inch) as the resolution. All the icons, images, texts are in pixels. Now the developer wants all of them in dp and not ...
1
vote
1answer
307 views

Why PSD design ppi matters on iOS, but not on Android?

A designer told me that he makes a design for iOS using 326dpi resolution. If he uses less, they will not look nice on iPhone and iPad screens (image blurry). On Android, dpi value on the largest ...
-3
votes
1answer
579 views

GIMP Alternative for Android

Is there any good photo editing software for Android, similar to GIMP? That software should have option for manipulating with layers, color editing and most important features that desktop version of ...
13
votes
1answer
2k views

What is meant by 'designing an icon at 100% scale'?

From the Android's Material Design guide, System icons are displayed at 24dp. When creating icons, it’s important to design at 100% scale for pixel-accuracy. What is meant by designing at 100% ...
-1
votes
1answer
290 views

Strange Webpage Font Rendering on Android

The following screenshot is taken from a Nexus 6 browsing on Chrome 49 on Android 6.0.1. The "s" and "t" --- when they appear together --- are joined by a line. This is not intended. It renders fine ...
2
votes
2answers
933 views

Android and iOS logos on my website

Can I insert Android and iOS logos to sponsor an App on my website? Or is it considered copyright infringement?
0
votes
1answer
300 views

How to save my icon into 192*192 resolution with out spoiling its shape

I need to make an icon for android phones which have 192*192 resolution. How to make it proportionate with out losing the shape? This is the shape I want to be made to 192*192. When ever I keep the ...
1
vote
0answers
3k views

What is meant by an 8dp square baseline grid, in Android Material Design specification?

I am a newb. My question is from this Material Design specification document: All components align to an 8dp square baseline grid for mobile, tablet, and desktop. The image at the end of the ...
0
votes
1answer
109 views

How can I set custom units in Photoshop?

How can I set custom units in Photoshop? For example I want to see all distances in dp, where 100.00dp = 150.00px I've tried to set it in Edit -> Preferences -> Unit & Rulers, but there ...
1
vote
1answer
2k views

Standard “Hamburger Icon” Margin?

I know the margin around the icon is usually listed in dp (for Android at least), but let's say on a 1080p phone, does anyone know the pixel margins that would be (left edge of the screen on the left ...
1
vote
0answers
313 views

How to resize Android app icons without loss in quality

I have designed a beautiful icon for my app but when I resize it for different screen sizes (mdpi – hdpi...) the icon quality drops to very low. How should I resize it with no quality drop? I'm ...
2
votes
2answers
2k views

How to generate tint, shade and shadow colors in illustrator?

I am trying to make an app icon by following the guidelines given here in Adobe Illustrator, but I am unable to figure out how to generate the colors for tint, shade and shadow. Can anyone help me ...
0
votes
2answers
622 views

Inkscape: how to export image for Android with high quality resolution

I am using Inkscape and want to export an image for an Android resolution with high quality. How can I convert? When I convert the medium size of icons from Inkscape's 48*48 size that image becomes ...
-1
votes
1answer
702 views

Android Asset slicing

I am a Graphic Designer, I have designed an app and gave it to the developers, Now they are asking App assets in HDPI, XHDPI, XXHDPI how should i slice them? it should fit perfectly but i dont know ...
1
vote
1answer
52 views

Save text/quote as an image fonts copyrights? [closed]

I have made a free Android app where you can write a poem, quote or any text and then save it as image and then you can share it where you want on the web. In my app you have the options to choose ...
1
vote
3answers
1k views

What color should be given to the ripple feedback?

One of the major feature of Material Design in the touch feedback that you get on touching widgets. I want to know how should I go about selecting the ripple color? For example, I have a custom button ...