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.
132
questions
-2
votes
1answer
43 views
@media css ignored on physical device while working OK in desktop browser [closed]
I'm trying to understand how @media queries work. I've put together an example:
<!DOCTYPE HTML>
<html>
<head>
<style>
p { background-color: blue; }
...
0
votes
1answer
55 views
Software suggestion: hand tracing photo to vector on tablet
I am looking for software that let's me trace a photo by hand on an android device and then have the result saved as vectors (EPS, SVG, whatever).
The task is trivial
The only reference I could ...
0
votes
0answers
45 views
How to remove Transforms from Adobe Illustrator SVG?
I am trying to import the svg icon I made in illustrator into Android Studio using their built in svg converter. Unfortunately it gives me the following error messages:
ERROR @ line 1: Gradient has ...
0
votes
2answers
33 views
How to export asset at different densities for Android platform (mdpi hdpi xhdpi xxhdpi xxhdpi)
I am exporting image for Android as per title, and read somewhere that one can start at a base density, then just scale the asset and export as PNGs following this formula
mdpi = ~160dpi = 1×, or 100%...
0
votes
1answer
29 views
Measuring units for Android UI Design
I am designing a mobile app for the Android OS. I am currently using Adobe XD. What is the base screen size that I can use to start designing so that 1px is equal to 1dp or 1sp. Also what is the ...
0
votes
0answers
73 views
Does sketch export to XML?
Does sketch export to XML? Is a plugin required? If yes, is designing layout by exporting XML worth-while?
Thanks
0
votes
1answer
102 views
Importing icons into Android Studio [closed]
I made some icons using Krita. How do I get those icons into Android Studio?
-1
votes
1answer
36 views
Resources on implementing a design into android
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
1answer
97 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 ...
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
1answer
95 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
1answer
148 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; ...
0
votes
3answers
108 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
134 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
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 ...
0
votes
1answer
65 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
558 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 ...
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/...
0
votes
4answers
336 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 ...
1
vote
1answer
630 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
459 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
596 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
220 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
67 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
48 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 ...
3
votes
3answers
20k 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
5k 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 ...
5
votes
1answer
11k 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
92 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
93 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
679 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 ...
2
votes
1answer
789 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 ...
-3
votes
1answer
464 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
309 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
103 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
964 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
353 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
2answers
354 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
821 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
2k 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
450 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
792 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
315 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
1k 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
378 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
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 ...
0
votes
1answer
139 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 ...
