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
17 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 ...
0
votes
0answers
23 views

Alarm Clock App Design Critique Request [closed]

In my attempts to find a job as an Android developer I am creating a few apps to launch to the play store and hopefully that will make me a valuable candidate. This app is a simple alarm clock app. ...
1
vote
0answers
35 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
15 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
42 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 ...
0
votes
1answer
118 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= ...
1
vote
1answer
49 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
13 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 ...
0
votes
1answer
72 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
75 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
122 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 ...
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
113 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 ...
1
vote
2answers
62 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 ...
0
votes
1answer
92 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
66 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
177 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
399 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 ...
4
votes
4answers
1k 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 ...
2
votes
2answers
3k 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 ...
1
vote
1answer
515 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
2answers
145 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?
-3
votes
1answer
127 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
1answer
979 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 ...
1
vote
5answers
311 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
228 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 ...
2
votes
1answer
515 views

My icon is appearing choppy and blurred on iPhone, how can I fix it?

I'm creating an iOS 8 app icon in Sketch 3. For learning purposes, I've only set the color of the icon shape and I haven't added any other layers to it. What I did: Create app icon from iOS ...
0
votes
2answers
111 views

Which colors to use besides black & white for colorblind users? [duplicate]

Let's assume we cannot use shapes, textures, or anything else to visually differentiate two elements. We must rely on colors. Which colors, besides black and white, are best to use? We only need to ...
0
votes
0answers
119 views

Show users horizontal scroll is available on mobile

I am working on a project, where in the basket, just before checkout, a customer can see which seats he has selected, in which part of the room etc. Sadly, there is so much information necessary, that ...
4
votes
5answers
326 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 ...
2
votes
5answers
2k views

Font size on iOS7 looks different from Photoshop even though resolution in mockup is same as iPhone dimensions

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: ...
0
votes
2answers
160 views

Is this “G” logo too complex for a website logo and mobile phone logo? How to improve color scheme?

1) Any suggestions how could I make it less complex, or is it OK? 2) Any suggestions how the color scheme be better? We want to emphasize we are global, and we are mainly targeting women, hence the ...
1
vote
1answer
184 views

Managing Design Assets and Modular Templates for an App

Does anyone know or use any tool or application programme 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 ...
3
votes
2answers
10k 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 ...
1
vote
0answers
203 views

What comic / cartoon style fonts are suitable for a mobile game?

I am currently in the midst of making an iOS game. So far, I created an overall look, i.e. figures and backgrounds. However, I also have to display textual information to the user. This makes me ...
2
votes
1answer
133 views

Is there an online animation repository I can use to communicate my ideas?

I am currently working on a mobile based game. There are a lot assets involved and an equal amount of animations (buttons, graphical elements, etc.). Now the real problem is that getting the exact ...
2
votes
1answer
315 views

Mobile Phone Design - Data Tables

Currently I am struggling a bit with how to show a lot of data properly and user friendly on a mobile device. On a website its easy to implement a table. You can show for example 7 columns. But ...
0
votes
0answers
153 views

Ideas for tap indicators for hover effects on responsive design

I'm currently working on a website for a client that uses many hover effects. While the client loves the hover effects and would like to keep them on the website, there is an issue of the site viewers ...
1
vote
2answers
821 views

The easy way to modify icon color & its background color

Sorry for the question. I am new to graphic design. I am a developer. I just bought an icon bundle for iOS & Android applications. I found that the colors are only black & while. The icons ...
0
votes
1answer
63 views

Which one first, Visual design or icon design?

When attempting to build a mobile app and decide its visual design, means colours, shapes, etc, should we design the Icon first which is going to lead the look and feel of the app or should we design ...
1
vote
1answer
222 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 ...
1
vote
0answers
225 views

Optimal font color on #fff body (esp. mobile, web fonts) [closed]

I've always used #333 or #444 body font (even lighter for headings) instead of pure black on an #fff background - Arial certainly looks better this way on an LCD screen. However, the last time I ...
0
votes
0answers
50 views

Tappable visualization of a bar graph?

How can we make a bar of a bar graph look like it's tappable and will lead the user to someplace? For example, in the below if I want to make it intuitive to the user that clicking on the pink bar ...
0
votes
0answers
22 views

Iphone Resolutions Design [duplicate]

I'm not sure if i should make this question in this area. However if you can help me i would appreciate a lot. I have been reading some documentation about iOS and android design. I'm a little confuse ...
0
votes
2answers
239 views

Is Photoshop the right tool to export small icons and images for mobile?

I am working on creating few images - custom icons and 9 patch for use in my mobile application. For this I am using Adobe Photoshop CC, but I am not satisfied with the resolution (blurred boundary ...
0
votes
4answers
722 views

Webpage image zooming or quality lose issue on mobile

I'm making a responsive site and my logo loses quality when I'm opening the site on mobile (iPhone, Android) http://kadmos.li/web/ji/stck.html My logo size is 266x68px and I'm not resizing it on any ...
1
vote
1answer
166 views

Critique: 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 or something like that that will take the user to a view that shows the saved phone contacts. So I know that the Show Phone Contacts ...
3
votes
2answers
1k views

Cross Platform Fonts and specifically cross platform Weights

I was hoping someone could help me with some research I'm doing. I'm looking into what fonts are available cross-platform. Not only Mac/Windows, but iOS and Android as well. I'm interested in the ...
1
vote
3answers
437 views

How can I test the responsiveness of my non-hosted website on my phone?

I wonder if there is a similar tool to Skala Preview (it is for live preview of photoshop work on your iPhone via Wifi) to test my web design (index.html and its assets folder) onto mobile phones ...
1
vote
3answers
402 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 ...