Questions tagged [mobile]

Questions about designing content and visuals for mobile devices; this kind of design often carries its own set of rules and restrictions. Ask anything related to designing graphics for mobile devices.

Filter by
Sorted by
Tagged with
3
votes
1answer
50 views

Should I create a button image in high resolution if the product needs to be low resolution?

Should a mobile game button (say 72x72 pixels round one) be created in these exact dimensions or create it in a larger resolution and export a low resolution file? I think working with a larger one is ...
2
votes
3answers
148 views

How to create an effect like in the below picture?

I would like to know what kind of effect/filter applied in the below image (from an online shopping website) to look in this way. I'm a newbie to photo editing. Your help is greatly appreciated. ...
0
votes
1answer
115 views

Does the image in this scene look out of place? I can't seem to incorporate it into the scene

So, in this scene I have cards which can come with our without an image, and for those who do come with an image I can't seem to incorporate into the scene cohesively. It's hard to me to explain how ...
1
vote
1answer
117 views

How do I create a rectangle with rounded circle incision in Sketch?

I am looking to create something similar to this, anyone have ideas?
0
votes
2answers
89 views

How can I make a heading more legible on a real estate background?

This is a billboard design I'm working on (to be used on highways). I think the heading on this is a little less legible (I just feel so. Is it really?). So is there any way to make it more legible? ...
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
votes
1answer
42 views

How perfectly scale and produce different sizes of icon without losing the quality in Illustrator

I already have sketch icon converted in svg, eps and ai files. And I wanted to produce different specific sizes for mobile app design. How would I properly scale an Icon?
0
votes
1answer
102 views

Design critique on my apps menu [closed]

So, my app has this 'hidden' menu which opens through a button in the toolbar, the idea of the menu is that it's 'behind' the main part of the app. Also as the data is presented to the user as ...
-1
votes
1answer
43 views

Mobile design guidelines and handoffs

Backstory: I have no previous digital design experience but recently started working as a UI/UX designer for a small company. This is my first job. Problem: We are currently working on a react ...
0
votes
1answer
120 views

Mobile app design advice and critique [closed]

Need some help and advice, been working on an app, works good, time for the fun part, the design right. Turns out i really suck at that. So i made a few drafts, the green and yellow one was how i ...
1
vote
1answer
123 views

Sketch - how to create 3d design preview pics? [closed]

I don't know what the exact term is for this, but I often see UX/UI designs displayed as follows: i.e., displayed on rendered mobile devices' screens in 3D. I have finished my UI design in sketch (...
-2
votes
1answer
74 views

What are the best Practices in designing a Landing Page Mobile UI with a group of different buttons with different functionalities [closed]

For a Application I am working on, There are 5-6 differenr services which will be available to user as soon as they login. These services will be present as a seperate button , so that user just click ...
-5
votes
1answer
325 views

Does anyone know what these background bubble objects are called/achieved? [closed]

I am a programmer and not an artist so I apologize in advance if the question I am asking sounds trivial. But does anyone know what these things (floating interconnected ball effect) is called? I see ...
1
vote
2answers
167 views

Where can I find Ionic components images for UI design? [closed]

For testing different UI combinations for an Ionic mobile application I have been asked to provide a Ionic components image kit so they can be drag&drop into Photoshop or other editor. I have ...
2
votes
0answers
93 views

Looking for resources to study the design practices for Asian countries like china, taiwan etc [closed]

I am a visual designer and I have recently got this project on researching web/app design practices for Asian countries e.g. China, Taiwan, Japan, Korea etc. I have been trying to search for books or ...
0
votes
1answer
812 views

Why does the color of my image change when it's reviewed on a mobile device?

I exported my vector CMYK file from Illustrator as an RGB image. On my customer's mobile, the colors change and he can not review the work to approve it. What can I do to display the correct colors?
2
votes
0answers
269 views

Email signature question. Scaling on iPhone

I have created a email signature with a small logo embedded. Copied and pasted into signature box within Outlook for Mac. The original is a PNG and larger than the size that is embedded (thinking ...
3
votes
0answers
1k views

Number of columns for mobile devices in grid systems

Currently designing in Adobe XD me and my team were discussing about the perfect approach to grid systems. How in You opinion should we handle the number of columns for mobile devices? 1. Go the ...
0
votes
1answer
53 views

What artboard sizes are acceptable when using 960 grid system

I have trouble understanding this one thing while learning illustrator as a web design tool. Basically, I have to create 3 artboards- for mobile, tablet and monitor, but most teachers use different ...
-2
votes
1answer
1k views

What is the size of screen shots for play store and app sote

Anyone tell me what should be the size of screen shots for play store and android. thanks
1
vote
1answer
660 views

How I can select UI elements inside sketch symbols for Invision Craft Prototype Tool?

I can't apply links in elements that are inside of a symbol. I don't want detach them from symbols so how I can put these elements selectable for Craft Prototype tool? Here's example for tab app menu:...
0
votes
1answer
65 views

Which Adobe tools are most appropriate to make App Store icons, and images?

I am a programmer and need to put something on the App Store in test mode (TestFlight, HockeyApp, etc). I need to create a variety of images, logos, and other material for the submission... but I ...
-1
votes
1answer
115 views

Making labels stand out on background? [closed]

A page in my app shows a picture of the user's pet, I'm trying to add a label above the picture that will contain the pet's name. I'm a computer science student who is really bad at UI and am having a ...
1
vote
1answer
242 views

What should the dimensions be for a banner optimized for mobile phones?

I have created a web banner for a website. Now I have to create an optimized version of the same for its mobile phone version (when the website is viewed through a mobile browser). What are the usual ...
2
votes
2answers
776 views

font size for mockups across all devices

I have to create mockups in Photoshop across all 3 devices (iPad, iPhone and Desktop). Obviously 20px font size on a tablet is going to be a lot smaller then on a desktop so does anyone have any idea ...
-1
votes
1answer
74 views

When and when not borders are necessary? ( iOS design)

I'm trying to understand, if the usage of a border at the navigation bar contribute to the design/UX in some way? Would love to hear your thoughts about that. Designed for iOS
0
votes
3answers
89 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 ...
6
votes
2answers
182 views

Mythology/ancient mobile-design do's and don'ts?

I am designing a mobile app about Greek mythology and want to make the app feel authentic. I was wondering when you try to make an app look old (antique...), what are the do's and don'ts? How can I ...
-2
votes
1answer
82 views

How to add caption to my icon like this example?

I want to add text to my icon like this: "Free" added to the icon. I had a contractor that did it for me in the past but she is no longer working for me. I want to do it myself. What is the simplest ...
2
votes
2answers
59 views

Are there any guiding principles for using Capitalization variants in web products (websites, mobile sites, mobile apps)?

By Capitalization variants I mean - All caps, Camel casing, All small. I want to understand which of these variants should be used in content-elements like Heading, Sub-heading, Navigational-Menu-...
6
votes
3answers
2k views

Where are the light sources located in Material design?

Google says that Key lights create directional shadows, and Ambient light create soft shadows from all angles. Referring specifically to the image below, where are the Key & Ambient Light ...
1
vote
1answer
53 views

When and when not should i use proportionally-to-screen sizes

I'm designing my app (targeting only iOS/iPhone devices). Currently, there couple components, which I'm designing to fit into iPhone 5 screen(smallest screen). On largers screens(iPhone 6, 6+), I'm ...
2
votes
1answer
605 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
107 views

Beginner with iOS UI Design

I want to start designing iOS app UI in Photoshop but I can't find up-to-date tutorials and informations about document resolution, ppi of document, getting retina ready and complete guide for it. ...
3
votes
0answers
743 views

Making Dirt Texture in GIMP [closed]

I'm making a mobile game. The game requires dirt/rock textures. I tried making a dirt Texture in GIMP using a bump map filter and a tried the different filters for creating the random noise. The ...
-3
votes
1answer
434 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
1answer
2k views

How many columns should be used for small screen devices?

We use Bootstrap with default settings (i.e., 12 columns throughout using a fixed container, and 30px gutters between the columns). We also use default break points. I want to give my software ...
1
vote
2answers
750 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
347 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 ...
0
votes
1answer
312 views

How do I create different UI screens for multiple phones without recreating every screen in Sketch?

I am building an app using sketch and the client wants all mobile phones including Iphone and android to work. How do you export the screens to work on all Iphones and android.
0
votes
2answers
277 views

Which color can be used with the top bar so to get a better contrast?

I have this mobile app design. I am not able to decide what color to use for the top bar so that it gives a good contrast but doesn't make the design look odd or weird. I am currently using #212121 ...
1
vote
1answer
389 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 ...
6
votes
3answers
5k views

Design mobile layouts using physical resolution or logical resolution?

First, some background: All smart phones these days have what is called a "Device Pixel Ratio". Essentially, it means that a web browser on a smart phone is going to interpret the screen resolution ...
-1
votes
1answer
102 views

Graphics for mobile phones

What factors should I consider when designing and creating graphic images for smaller screen sizes? When resizing a big image to a smaller screen size, does this increase the pixel density hence ...
1
vote
3answers
1k views

Reduce size of image without reducing quality

Reason for asking this question : I have collection of images (.png) of about 1000+ in my Application Bundle. Which taking alot of space while deploying the application on a device. PS : I would ...
0
votes
1answer
43 views

Small Ellipse coming out pixelleted on mobile

I am trying to save an ellipse, it's really small. 5px by 5px. I save it as PNG-24 but on mobile the ellipse is showing pixeleted. I've tried SVG but the file size is too large. Any advice would be ...
2
votes
2answers
219 views

Responsive design: Mobile first/only

I work in a design studio, and when we have a responsive project we usually start the full design for the desktop, and when we're done with the desktop, for the rest of the platforms we choose a ...
5
votes
3answers
327 views

Mobile buttons with the same color as canvas background

I am designing a mobile UI and I was wondering if having the buttons the same color as the canvas background is bad visual design? There will be a border around the buttons so it will be noticeable to ...
0
votes
1answer
130 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
0answers
512 views

PSD to Xcode for iOS

I am a developer and I have been given a couple of psd files to make a couple of screens for an app. Is there any free way to convert these psd files to something usable in Xcode for iOS Development?