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.
125
questions
-1
votes
1answer
26 views
Implement a design into android (beginner help)
I'm new into graphic design, i'm an android developer and since my first day i felt that graphic design would become a problem.
I already worked with styles.xml, color.xml, etc. to change application ...
0
votes
4answers
290 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 ...
2
votes
4answers
209 views
Sizes and dpi confusion
I am designing an app for multiple screen sizes in Android and I have been researching a lot on how the sizes should be kept. Until now I have been able to understand that for multiple sizes such as ...
0
votes
1answer
67 views
I want to know the name of technique used to create the icon
I have created app named i am poor for learning purpose
I was trying to create icon the background colour of icon i chosen same as whatsapp icon colour but now I'm seeing difference WhatsApp had ...
1
vote
1answer
99 views
How to convert a regular font to a UI font?
I have an Android device and its language is Arabic. I want to replace its font with my own one (which is nicer!), but the default font for Arabic in Android is NotoNaskhArabicUI (which is a UI font; ...
5
votes
1answer
10k 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 ...
37
votes
6answers
181k views
Alternative for Sketch on Windows?
I recently came across a tool called "Sketch", which is great for designing apps and other responsive layouts, and has great resources as well. For now, it's only available for Mac though. What would ...
2
votes
0answers
15 views
Aligning text layers in Android
The situation -
I need to hand over designs to my devs. I have created some spacing tokens, that I am using in Sketch(the design software). These tokens are based on baseline alignment of the text ...
1
vote
0answers
33 views
Cannot integrate Zeplin into Figma project
I would like to integrate Figma with Zeplin. Because I could not connect Figma project with Android Studio which I can do with Zeplin.
I have installed Zeplin and Figma desktop apps on Mac OS Mojave.
...
0
votes
3answers
106 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 ...
1
vote
1answer
426 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 ...
0
votes
2answers
126 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 ...
2
votes
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 ...
3
votes
1answer
2k views
Illustrator multi-device export
I’m working on an UI app design for both Android and IPhone. I’m using Adobe Illustrator.
Now I’m facing the problem that the exportation of assets is a nightmare.
I need to create a different ...
-4
votes
2answers
211 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:
...
6
votes
3answers
2k 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/...
2
votes
3answers
546 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 ...
1
vote
0answers
5k 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 ...
2
votes
1answer
1k 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 ...
3
votes
2answers
3k 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 ...
2
votes
3answers
447 views
What wireframing tool can I use that is focused on Android and iOS design?
I've been trying to wireframe my designs for apps, but keep getting frustrated with the limited ability and poor usability of the software I've used (Balsamiq, Pencil, Prototyper).
Do you have any ...
0
votes
1answer
64 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
440 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 ...
1
vote
0answers
379 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 ...
1
vote
1answer
555 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 ...
22
votes
5answers
34k views
How do I keep my floating action button from blocking other components?
The new Material Design of Google recommends to use floating action buttons to draw attention to the user for the main action on that screen. There are quite a lot of examples of this within a list ...
0
votes
1answer
64 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
2answers
796 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
vote
1answer
2k views
What image type and resolution is ideal for a logo inside of a Android Mobile Application?
I have a png of a logo I am trying to import into my Android Application. However, it is looking extremely pixelated when I import it into my mobile app. The image is 538px by 113 px with a resolution ...
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
4k 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
16k 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
4k 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 ...
0
votes
3answers
539 views
What is the best icon to show 'randomness' in an Android application?
Currently I am using a clip art image of two dice as a 'random' button:
However, it doesn't fit the Android look and feel at all.
How would I best represent 'randomness' in a button?
-1
votes
1answer
777 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 ...
2
votes
1answer
645 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 ...
0
votes
1answer
91 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 ...
0
votes
3answers
91 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 ...
1
vote
2answers
799 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 ...
1
vote
1answer
597 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 ...
3
votes
1answer
349 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 ...
-3
votes
1answer
443 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
308 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
102 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 ...
3
votes
2answers
320 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 ...
17
votes
4answers
46k views
How to convert between Android DP and CSS px?
I see this is probably a noob question, but it truly confuses me.
I'm reading documents from the Google Material Design, along with some of its implementations in css. The specification is written in ...
2
votes
1answer
757 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
401 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 ...
1
vote
5answers
9k views
How to output multiple image sizes from one design?
I am designing an app for Android and as you may know that Android uses 6 different density buckets from LDPI to XXXHDPI.
Is there a way to save multiple outputs of different sizes from one design ...
