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

2
votes
2answers
41 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
37 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 ...
6
votes
4answers
260 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 ...
2
votes
4answers
256 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
482 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
134 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
94 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?
-2
votes
1answer
75 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
283 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
136 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
132 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
230 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
75 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
95 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
256 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
4answers
843 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
123 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
128 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
3k 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
161 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
90 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
250 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
124 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
558 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
59 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
180 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
157 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
44 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
21 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
0answers
81 views

Inkscape or something better?

I got a question. Is inkscape good for creating 8bit graphic for mobile games? If not, what's better? Im looking for full legaly program, i know gimp but there's no vector graphic option.
0
votes
2answers
209 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
584 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
145 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
809 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
329 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
322 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
1answer
114 views

layered icon in PSD into vectorized image

I made an icon via combining multiple layers of shapes by using magic wand, rectangle tool and circle tool, all this in PSD. Now, how can i convert that into a vector SVG that can be used on a ...
2
votes
0answers
37 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 ...
5
votes
3answers
796 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 ...
1
vote
2answers
617 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
4answers
25k 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 ...
4
votes
2answers
334 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 ...
2
votes
3answers
205 views

What wire-framing tool can I use that is focused on Android and iOS apps?

I've been trying to wireframe my designs for apps, but keep getting frustrated with the limitedness and usability of the software I've used (Balsamiq, Pencil, Prototyper). Any suggestions for free ...
3
votes
2answers
358 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 ...
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
4k 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 ...
0
votes
2answers
744 views

How to improve image detail quality for mobile apps? (too blurry)

What is the best file type to use in mobile apps? I am developing an iphone app and I am using images with the same frame as the views with 72 dpis in a format file .png but when the detail is more ...
5
votes
1answer
481 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 ...
1
vote
3answers
381 views

Concept OS Mocking: Illustrator vs. Photoshop vs. Other

As a school project, I am graphically designing my own mobile OS. I already have hundreds of hand drawings of each aspect of the OSs design and I need to make the step to digital mockups. As the ...
7
votes
4answers
207 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 ...