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
0
votes
1answer
334 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
2answers
388 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
500 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 ...
6
votes
3answers
8k 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
votes
1answer
102 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
1k 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
1answer
45 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 ...
2
votes
2answers
228 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 ...
5
votes
3answers
345 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
150 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
547 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
1answer
563 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 ...
1
vote
1answer
885 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
84 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 ...
1
vote
1answer
963 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
333 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
463 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 ...
1
vote
2answers
340 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/...
2
votes
2answers
416 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
454 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 ...
3
votes
2answers
980 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
666 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
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 (...
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 ...
2
votes
4answers
270 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 ...
3
votes
5answers
39k 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 ...
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 ...
0
votes
2answers
338 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
195 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
3k 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
2k 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
983 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
2k 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 template ...
1
vote
2answers
216 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
551 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
754 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
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: ...
0
votes
2answers
302 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 ...
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 ...
4
votes
2answers
49k 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
1answer
62 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
0answers
531 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
359 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 ...
3
votes
1answer
810 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 ...
1
vote
2answers
3k 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
76 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 ...
3
votes
1answer
805 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 ...
0
votes
0answers
142 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
2answers
305 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
2k 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 ...