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.

learn more… | top users | synonyms

0
votes
1answer
23 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
1answer
26 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
27 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 ...
2
votes
1answer
75 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
vote
1answer
67 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
2k views

How to generate assets for a mobile UI from Illustrator?

Currently, I'm using Photoshop to design a mobile UI and I use PNG Express to generate assets for various size and devices. I want to know if there is any such supporting tool for Illustrator to ...
2
votes
2answers
226 views

Managing design assets and modular templates for an app

Does anyone know or use any tool or application program that allows you to manage all design assets and its modular/page templates from your desktop or in a shared drive or even online? I am ...
0
votes
2answers
34 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
18 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
votes
1answer
43 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
84 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
0answers
8 views

Need backround for mobile wallet App [duplicate]

I am a newbie here and I am trying find a background image for my Login screen of Mobile Wallet application. Want my application to have login like this : https://in.pinterest.com/pin/...
1
vote
1answer
273 views

Help creating assets for iOS

I´m new creating assets for iOS. I only did UI until now. I´m a bit confused creating assets ini photoshop. Anyone can let me know the image size in pixels for 1x, 2x and 3x? I´m wrong whit these? 1x= ...
0
votes
0answers
16 views

Mobile splash screens format - PNG, JPEG or WEBP? [duplicate]

What would be the best format to use for high res Splash screens and other high res & heavy assets for both platforms, Android & iOS? Thanks
0
votes
1answer
58 views

How to convince partner that logo shouldn't be on top of every window

I am working on an app with a team of a few people, and one of those people keeps saying that the logo of the app should be in the middle of the navigation bar in every window. I have been telling him ...
1
vote
1answer
122 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 ...
1
vote
1answer
178 views

How can I improve the design of the 'Show Phone Contacts' dialog in my app?

In the add contact dialog, I am suppose to add a button/link that will take the user to a view that shows the saved phone contacts. I know that the Show Phone Contacts >> view pretty much sucks ...
1
vote
2answers
93 views

Are iPhone apps based on a grid?

Google provides all design specifications in their design documentation, which is very rich and outlines every single element - its size, padding etc. Everything, including material icons and text ...
3
votes
5answers
3k views

Font size on iOS7 looks different from Photoshop even with same resolution

I'm facing a weird issue here. I did a mockup for iPhone 5 + iOS7 in Photoshop, and since Photoshop handles font size in points, I passed all these info with the mockup file to the dev team. (e.g: ...
2
votes
3answers
259 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 ...
2
votes
1answer
271 views

Has anyone used Blender for prototyping animations of mobile apps?

After Effects and other Mac only tools are popular among designers for prototyping animations of mobile apps. I wanted to know if there's anyone here who uses Blender for prototyping? If you do use ...
4
votes
5answers
389 views

Most efficient way to adapt current mockups to different devices and resolutions

I've completed about 90 screens of mockups in Photoshop for an app. The mockups are done for iPhone 5 / iOS7 (640px by 1136px). Everything is calculated to pixel-perfection. Now management wants to ...
0
votes
1answer
28 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 ...
3
votes
2answers
116 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 ...
7
votes
4answers
3k views

Responsive web design is based on screen resolution or screen size?

for mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1080x1920)? And for mobile apps. do we target ...
3
votes
4answers
8k views

What's the width to mockup websites for desktop and mobile now?

Recently, I was practicing web design beyond code things. But after I opened Sketch and just started to make a rectangle of my site, I got stuck. What width should I use? I'd search for the ...
4
votes
1answer
960 views

Exporting multiple sizes in sketch. Saving it as defaults?

I'm trying to figure out the way to keep my export sizes and prefix names as default options, When I do it to mobile I have to create 7 diferents sizes and prefixes I design in @3x so I have to ...
0
votes
1answer
23 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
92 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?
0
votes
0answers
36 views

How do I create a PDF document that displays a spread with pages side-by-side on desktop but splits spreads and stacks vertically on mobile?

As the title requests, how do I create a PDF document that displays a spread with pages side-by-side on desktop but splits spreads and stacks vertically on mobile? I recently saw a document doing this ...
0
votes
1answer
70 views

Designing High Resolution Mobile SplashScreens?

How do you get those stunning splash screens / launch screens for mobile apps? I have tried setting the canvas in Photoshop to be the same pixel size, with 600 PPI, but when I copy my logo for example ...
-2
votes
2answers
184 views

What will a UI designed for a 4S look like on an iPhone 3?

I have designed a UI for the iPhone 4S. What will be the application appearance be if I use the same images and UI for the iPhone3? If I run the same application in iPhone3 and iPhone 4S, what will be ...
1
vote
1answer
61 views

Images for a mobile

So I've been doing a bit of reading but I'm very confused. I'm quite new to mobile and I've mostly used css to achieve the look on my mobile app. The only image that's being used in the app is a logo ...
0
votes
0answers
15 views

What leading settings do you using for San Francisco font? [duplicate]

I'm designing for some mobile platforms. I was impressed with Google's font guidelines and wondered why Apple doesn't have any guidelines for San-Francisco font. I'd like to learn your experience ...
1
vote
1answer
191 views

InDesign CS6 Liquid Layout print and mobile Version

I have to design multiple A4 document (always A4 and only one page per document). these offers shall be downloadable online, so they shall have to be liquid (i guess) to be also mobile readable, ...
2
votes
2answers
95 views

Is my mobile UI too busy or just right? [closed]

I recently finished touching up my UI for my app, I was curious to hear some professional opinions. Is it too busy? I need to display a few things in tandem and this was my solution. If anyone is ...
1
vote
0answers
180 views

What image dimensions to choose for mobile and desktop in 2015?

I am working on a portfolio website for a friend showcasing the work in a gallery with photoswipe.com. Just got the original photos delivered. They are between 70 and 100 mb and range from 2551x5124 ...
4
votes
2answers
17k views

Illustrator Artboard dimensions for mobile ui design?

I want to create one document with multiple (3) artboards in Illustrator for mobile wireframing/ui design. One for iPhone, Android and iPad. Can I create artboards with different 'resolutions' within ...
0
votes
0answers
26 views

Which mobile aspect ratio to design for? [duplicate]

Is there any up-to-date source for statistics on smartphone-screen aspect ratios? The reason I ask is because at work we're having some discussion which aspect ratio's our mockups should be presented ...
1
vote
2answers
201 views

Which assets should I export for Android 5?

I'm working on an Android app which is based on material design principles. Since I'm not a developer, I struggle to understand what can be built with the Android SDK and what needs to be exported/...
0
votes
1answer
142 views

Why do they use “dp square” unit for measurements of baseline grid in relation to “icons”, but “dp” unit in relation to “type”?

In this specification document for Material Design in Android, it is written, All components align to an 8dp square baseline grid. Type aligns to a 4dp baseline grid. Iconography in toolbars ...
2
votes
2answers
145 views

Centered title but left aligned text to fill up content

Hold your horses, I'm aware that centered titles are generally frowned upon. However, when given a fixed size container, simply having everything left-aligned gives an empty impression – which itself ...
0
votes
1answer
263 views

Any UI library for iOS and Android (Illustrator)?

I'm developing monochromatic Wireframe and the full color demo of my App UI for iOS and Android. I'm using Illustrator. Is there any UI library for me to use? (ex. the default switch, table view, text ...
5
votes
4answers
571 views

Why @2x Mockups

Just for my own curiosity, why is it becoming a trend to create "@2x" mockups in photoshop? Other than creating larger native file-sizes, what's the difference between a 360ppi mock vs a 72ppi mock (...
1
vote
3answers
520 views

How can I improve colors in my smartphone 2D game?

I just finished developing a game for Windows Phone 8, and now I'm searching for some optimization. In particular, since I don't understand much about graphics design, I payed a guy to make me ...
-3
votes
1answer
148 views

Which is the best tool for mobile UI designing [closed]

Which is the best tool for mobile UI designing sketch or illustrator.
0
votes
2answers
184 views

Generating assets from illustrator

I'm using PNG Express to extract asset from Photoshop. Is there any supporting plugin for Adobe illustrator to extract the assets?
1
vote
5answers
575 views

Sync up photoshop canvas with mobile screen? [closed]

I was wondering if there is a way to sync up my photoshop canvas to my mobile phone so I can see live changes. I usually have it connected with android debugging to preview webpages that I make so ...
0
votes
0answers
357 views

How to prepare animated after effect files for iOS?

What's the best way to prepare a motion graphic that has been animated in After Effects to be used in iOS/Android (assuming they're similar) ? A common example of this is an animation in an app's ...
7
votes
4answers
254 views

Is there a resource that documents all mobile device screen resolutions in one location?

I could not find a complete guide of this nor did I know who to contact about possibly making a wiki here for it (if it exists or not allowed please remove). I cannot nor want to remember everything ...