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

11
votes
1answer
11k views

Issues with creating a hi-res Large Icon for Android notifications in Jelly Bean

I am attempting to create beautiful hi-res graphics for Android notifications, but am running into some issues. In Jelly Bean, there is a new place for large icons (see the notification design ...
7
votes
4answers
248 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 ...
6
votes
4answers
2k 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 ...
6
votes
3answers
4k views

Tools to simulate different DPI screens?

When designing for mobile web, its important to check designs at the physical screen size of target device. Merely looking at your PC / Mac screen at designs of the same resolution isn't enough: * ...
6
votes
1answer
581 views

Designing GUI for mobile apps working in bright sunlight environment

I'm going to create GUI for a mobile app that will work in bright sunlight environment (inside a car so it will not be fully exposed to sunlight) and the usability and visibility of certain GUI ...
5
votes
4answers
493 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 ...
5
votes
3answers
1k views

How can I achieve consistent colours in my app on different mobile displays?

We are working on a mobile game that will run on iOS and Android devices. The graphic theme has been designed during the first steps of the development by a single person. Now he's no more an active ...
5
votes
3answers
431 views

What are the web application design standards for for mobile phones?

When designing a UI for a mobile web application (non native) that is expected to run on iPhone, Android and possibly more platforms, what should be the baseline? Would you design it based on iPhone ...
4
votes
5answers
1k views

What elements should be on an iPhone app's splash screen?

I am currently developping an official iPhone app for a football club. Well, the development is nearly finished and I now have to worry about details, like the splashscreen. One solution would be to ...
4
votes
5answers
3k views

What dimensions should I use when designing for the Kindle Fire?

I've reviewed all of the android design documentation, but I am still a little confused on how I should setup my Photoshop file if I am making an app for just the Kindle Fire. It's 1024x600 with 160 ...
4
votes
2answers
14k 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 ...
4
votes
2answers
373 views

Critique: How can I tie a logo into my website design at both mobile and desktop screen sizes?

I'm new to the graphic design section of SE, this being my first question here, but not new to graphic or web design. I am in the process of making a free website for a new local eSports bar. The ...
4
votes
3answers
1k views

What is the best way to review static mobile mockups?

This question is in regards to mobile site layouts but could just as easily apply to apps. I am not concerned with pitches, just true team reviews among UX, design, dev, and business partners. I ...
4
votes
2answers
5k views

Defining resolution or layout size for iphone/ipad devices

Basically the question is divided into three parts - What size should I start with on an iPad? At what size do the Graphic Assets need to be passed to the developer? What about the same items on an ...
4
votes
1answer
1k views

App ui design workflow in Fireworks

I'm an iOS developer and I'd like to learn how to use the tools in Fireworks correctly for app design. I feel very uncomfortable with slicing, rulers, guides, and resizing for retina. I know these can ...
4
votes
5answers
354 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 ...
3
votes
3answers
648 views

Services and resources for creating Android icon(s)

What services/resources, paid or otherwise, are available to android developers who want an icon designed for their mobile app?
3
votes
4answers
6k 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 ...
3
votes
2answers
628 views

How to recreate this background in photoshop for use in a mobile app? [duplicate]

Possible Duplicate: How do so many app menus get that finished textured look? I'm still a beginner, but I really like this texture and have been trying for hours to recreate it. Question: ...
3
votes
2answers
259 views

What are the most important qualities to look for when hiring a great mobile UI designer for a consumer-facing Internet startup?

I'm looking for an experienced mobile UI designer to lead the vision and design for our iphone and android applications. What characteristics, experience or requirements would a mid-to-senior level ...
3
votes
1answer
5k views

Android Icon Tutorials

I've been trying to find tutorial on to make android icons as for the 2.0+/3.0+ specifications. I've found some based on the old 1.x specs but these are quite outdated. Does anyone have anything out ...
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 ...
3
votes
2answers
682 views

Tool for working with cross platform/desktop icon format?

I want to create/edit a desktop icon that must work on Windows, Mac OS X, Linux (KDE/Gnome) and mobile devices. Is there a tool that handles all these different formats?
3
votes
1answer
774 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 ...
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: ...
3
votes
2answers
103 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 ...
3
votes
2answers
402 views

Is there any design documentation for GUI element sizes in mobile devices?

I know it depends on the device but I am having a hard time locating GUI element sizes in regards to browsers, keyboards, etc. etc. for Apple and Android devices. I have searched through Apple's ...
3
votes
2answers
1k views

Fireworks: Exporting assets for mobile, multiple sizes

Just curious what peoples tips and tricks are for exporting mobile assets for apps with Fireworks quickly, efficiently and crisply? For multiple device sizes. Also, do you recommend keeping an asset ...
2
votes
2answers
101 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 ...
2
votes
1answer
350 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 ...
2
votes
1answer
1k views

What are good and maybe free UI storyboarding applications, especially for mobile UIs

Hi I would like to get an overview of existing UI desktop or online application, which may have a specialization towards user interaction modeling and mobile device interfaces. I guess there are some ...
2
votes
2answers
305 views

Mobile Web application graphic design

The resolution of the iPhone 4/4s is 960x640 and the the iPhone 3gs is 480x320. How does one go about designing web pages for mobile devices with all sorts of different resolutions? Do the mobile ...
2
votes
2answers
91 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 ...
2
votes
1answer
241 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 ...
2
votes
3answers
245 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
4answers
452 views

How do so many app menus get that finished textured look?

I don't know how to describe it but how do you create that nice textured look with css? Seen in the background: Also seen a bit on the left hand dark navigation of: Thanks for your help ...
2
votes
1answer
640 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 ...
2
votes
1answer
156 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
207 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 ...
2
votes
0answers
38 views

Design course/books for programmers? [duplicate]

I am programmer and I have an idea for a mobile app. I wanted to learn more about UI design and how to provide a better experience for the app user. Are there any courses (preferably free) or books ...
1
vote
5answers
457 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 ...
1
vote
3answers
467 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 ...
1
vote
2answers
517 views

Can a mockup for a smartphone app be used for the real app?

I should mention i don't know the first thing about designing smartphones apps. I hired a freelancer to create a mockup for a smartphone (Android/iPhone) app for me, and I was wondering if I'll be ...
1
vote
3answers
484 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
2answers
1k views

Correct usage of the Apple App Store Badge [closed]

Is it against Apple policy / guidelines to create a custom button that links to the App Store, or does it have to be the official App Store Badge?
1
vote
2answers
1k views

jquery mobile user interface vectors or something very similar?

Does anyone know where to get jquery mobile vector .ai files preferrable? In need to do some mockups in high quality for print but cannot find any ilustrator or vector psd templats for this. Is there ...
1
vote
2answers
1k views

Deliverable format for iOS graphics

The graphics designer I am working with has given me the 3 options for delivering the graphics for the iOS app. I want the delivered files to suit the following criteria: Good quality (Ex: for ...
1
vote
2answers
84 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 ...
1
vote
2answers
1k 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 ...
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 ...