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
11
votes
1answer
15k 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 ...
11
votes
4answers
17k 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 1920x1080)? And for mobile apps. do we target ...
9
votes
4answers
302 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 ...
7
votes
1answer
903 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 ...
6
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 ...
6
votes
2answers
195 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 ...
6
votes
1answer
3k 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 ...
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 ...
6
votes
3answers
9k 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
3answers
7k 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 ...
5
votes
4answers
1k 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
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 ...
5
votes
3answers
2k 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
2answers
442 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 ...
5
votes
3answers
625 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 ...
5
votes
3answers
341 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 ...
4
votes
2answers
48k 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
2k 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 ...
4
votes
3answers
2k 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
6k 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
5answers
721 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 ...
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
3answers
363 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 ...
3
votes
5answers
38k 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
3answers
670 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
2answers
968 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 ...
3
votes
2answers
779 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: How ...
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
1answer
809 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 ...
3
votes
2answers
273 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
2answers
996 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
785 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 ...
3
votes
2answers
329 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 ...
3
votes
1answer
51 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 ...
3
votes
5answers
4k 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
1answer
365 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
467 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 ...
3
votes
0answers
2k 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 ...
3
votes
0answers
938 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 ...
2
votes
4answers
2k 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 (...
2
votes
3answers
937 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 ...
2
votes
2answers
3k 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?
2
votes
4answers
66k views

Best image size for responsive css background image

I am looking for a particular px size (WxH) image that would be the best dimensions to use if you wanted to call a single image that could be called as the background image for a mobile device using ...
2
votes
3answers
156 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. ...
2
votes
2answers
878 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 ...
2
votes
2answers
409 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 ...
2
votes
4answers
246 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 ...
2
votes
1answer
2k 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
61 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-...