Questions regarding designing for Apple's iPhone OS.

learn more… | top users | synonyms

0
votes
1answer
163 views

Sketch to PhoneGap App - Sizes and Units Wrong

Hopefully this is in the correct place! So I've designed a few app screens in sketch and have come to try and code them using PhoneGap but can't seem to get my head around sizes etc.. This is one of ...
0
votes
1answer
24 views

What's the main principle for app image sizes? (iOS)

This is sort of a newbie question, but I'm not a designer. In iOS, we can make universal apps (i.e. support both iphone & iPad). But when it comes to background images' sizes I have NO idea what'...
0
votes
0answers
27 views

Photoshop Overlay Blur Effect Can be used to blur any image [duplicate]

I am trying to create Blurred Overlay that can make any image blur if any image is behind of it. For your reference i have attached few examples and want to achieve same thing..I can create blurred ...
0
votes
0answers
41 views

Lavenderish colors seem to look different on iphone 4 versus iphone 6plus

415195 looks like a blue on an iphone4 and looks like a purple on an iphone6. My other devices seem to display the color more like the iphone 4. The differences seem apparent at full brightness and ...
1
vote
1answer
60 views

Resolution independence - Prepare Images & Icons for different densities and resolutions

I am quite confused in a way of designing interface elements (icons for example) for different resolutions and densities for Iphone apps for instance. I would be grateful to anybody who can put ...
0
votes
0answers
28 views

Photos sent through g-mail to my iPhone have a slight color change?

Alright so I've been trying to figure this out all day, but there is a tiny color change to my picture (I'm 13 and this is my first time ever using a program like Autodesk Sketchbook) when I put it ...
0
votes
2answers
42 views

How do I properly use device imagery in iOS apps?

Recently, I had an app rejected from the Apple App store. The rejection was due to the use of a mobile device being depicted in one of the tutorial screens. Does anyone know of any guidelines for ...
0
votes
1answer
1k views

How to create a common app design (PSD) for mobile iPad and Android?

This is the first time I will create the design for an app that will work on mobile - both for iPad and Android. Do I have to create 3 different PSDs for all 3 viewport sizes? or can I create 1 PSD ...
0
votes
2answers
10k views

As a designer, how should I start designing an iOS app?

I am about to design an IOS 8 app for the very first time. I've been a designer for 5 years now, both on Photoshop and Illustrator, but I never got the change to design an app. I am looking for some ...
1
vote
2answers
93 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
votes
4answers
966 views

How to put a new picture in an iPhone image frame

I want to change the screen part of this Iphone image with the screen capture of my own app. I'm trying to do this in Gimp (unless there is a better way?). However, I can't seem to just copy paste my ...
0
votes
1answer
105 views

What is this pop-up that appears at the bottom of your iphone screen called?

I am making an app, and I want want to use this feature: the problem is that I do not know what the pop-up feature is called, exactly. I have tried asking on Yahoo Answers but there were no ...
0
votes
0answers
39 views

Sketch image shows up jagged on iPhone?

Hey I'm new to Sketch so this might be a really simple problem. I made a simple image in Sketch, and exported it as a 3x png. In the IB Mainstoryboard of Xcode it looks fine(photo on right), but when ...
1
vote
0answers
91 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?
-2
votes
2answers
184 views

What will a UI designed for a 4S look like on an iPhone 3?

I have designed a UI for the iPhone 4S. What will be the application appearance be if I use the same images and UI for the iPhone3? If I run the same application in iPhone3 and iPhone 4S, what will be ...
0
votes
2answers
9k views

Exporting 3x images in Photoshop

I'm currently updating my image assets to comply with Apple's iPhone 6+ @3x dimensions. I'd like to use CC's image generator to do so but unfortunately it seems that it only exports up to 2x. Does ...
4
votes
3answers
172 views

Iphone photograph resolution suitable for 12" album cover?

I'm hoping to use an image taken with an iPhone camera for a 12" vinyl record cover. The image is an uncompressed TIFF, taken with the iPhone 5s 8mp camera at 3264×2448, using the 645 Pro app for an ...
6
votes
3answers
1k views

How do designers render their work onto an iPhone/Android?

Before you down vote, bare with me as I'm a developer! I've always been curious how designers render their work onto a phone to show their customers how it may look on the phone, for example: (...
0
votes
2answers
3k views

iPhone 5s, 6, 6 Plus design confusions around dimensions, resolutions and densities

I have to design an iOS app in iPhone 5S, 6 and 6 Plus in Adobe Illustrator. Can anyone help me with the ever confusing PPIs and retina/retina HD displays and dimensions of these? For example, I ...
-1
votes
1answer
132 views

Color Change with PDF on iDevices

I was wondering if someone had a solution to keep PMS colors the right color when exporting a PDF from Adobe Illustrator. I have been having issues when i create a document using specific PMS colors ...
-3
votes
1answer
70 views

Blurry Images on Iphones

I have a design created via Photoshop using 72dpi. Save image for web as PNG or JPEG doesn't matter. The images really looks fuzzy on iphones only. Why is that?
0
votes
0answers
355 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

What is the best page size, in pixels, for a PDF to be read on iPhone?

I want to design an instruction manual to be read on an iPhone and maybe Android devices. I know that the iPhone screen width is 320 pixels. What would the best page size be? What is the best height? ...
0
votes
1answer
1k views

Why is the asset I make in Sketch 3 slightly blurred?

I'm making an app where I'm using sketch 3 to create image assets. First, I design something, click "make exportable" in the lower-right, chooses 0.5x and export it to somewhere on my Mac. Then, I ...
2
votes
1answer
693 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 ...
1
vote
3answers
699 views

How large are the icons on the left and right side of the navigation bar for iOS 7 on iPhone 5?

Can anyone advise how large are the icons usually on the left and right side of the navigation bar? See this (the cog wheel and info icon). I read from the iOS human design guidelines it's 44 x 44 ...
0
votes
3answers
5k views

What software should I use to make crisp game graphics for iOS games?

I want to make game graphics that are smooth not pixelated, kinda like vector graphics and I will need to use them in iOS games. I am not that experienced in creating graphics so I looked here and no ...
3
votes
2answers
4k views

What are the radii for the new iOS 7 icons?

What are the radii and sizes for the new iOS 7 icons?
0
votes
1answer
5k views

What's the height of the iPhone 6+' navigation bar?

With the new size and resolution of the iPhone 6+', including the different (CSS) pixel ratio (Retina HD: 3:1), I was wondering if the navigation bar height has changed. Is it still 88px and thus the ...
0
votes
0answers
23 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 ...
2
votes
2answers
5k views

How to make this gradient drop shadow?

I have messed around with a few options, but have not come up with a good solution to recreate this gradient drop shadow effect.
6
votes
2answers
927 views

Using real products when creating fake mockups

When creating mockups for marketing material, what is the legality of using real products to demonstrate the use of your application? Examples for any given application: Google chrome with a ...
0
votes
1answer
321 views

How to reproduce the gradient effect in the 'Find My iPhone' icon? [duplicate]

How to make this icon in Illustrator/Photoshop or any other software for that matter?
3
votes
1answer
1k views

Where to get a 3D human face model as .obj file

Related to this SO question, I got an idea to go for an unique 3D human face model which fits all the the human faces. 1) Where can I get a ready made human head model? I have seen some tools like ...
3
votes
2answers
4k views

How can I accurately draw a mockup for an iPhone 5 app in GIMP?

In the Appstore you can show screenshots of what the app looks like to the user so they know what to expect. I am looking into creating an image from scratch of a screenshot of an app. Here's my ...
0
votes
2answers
317 views

Font to use in iOS social network application [closed]

I am almost in the final step of the design of a social network application, I am just not sure what would be the best font type for that type of applications, instead of using the system font type.
2
votes
4answers
14k views

export layers with bleding options and shadow to PNG format using photoshop

I have iphone/ipad app design as PSD file, Most of layers in this file are linked with shapes in order to support retina display. Each shaped layer has blending option like outer glow or external ...
0
votes
2answers
621 views

Designing scalable graphics without using vectors

I'm working on an mobile phone game, and don't have the luxury of being able to use vector graphics. I'd like the game to be playable on a wide range of devices from 2560x1600 tablets to 320x240 ...
5
votes
2answers
245 views

Is this is a specific type of Design drawing?

Being inspired by Apple's design, I came across some of Jony Ive's earlier work, and noticed he produced these drawings-- I have seen their 'style' before and it seems like industrial/product ...
1
vote
0answers
125 views

iPhone prototype app which overlays mocks with developed screens?

Anyone know the name of an app where you can overlay the design mocks on the developed testing screens? I downloaded an iphone app like this before, but forgot what it was. It’s hard to for the ...
2
votes
1answer
227 views

How to Resize UI elements for iPhones?

I am designing UI for an application which is going to be available for both Android and iPhone. While for android, slicing/chopping up the UI elements is pretty much simple and straight forward, we ...
3
votes
2answers
411 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 ...
-2
votes
1answer
2k views

iphone design in photoshop which PPI has to be set 326? or 72? [duplicate]

i am working with 72PPI for both android and iphone ..but some has been reffered 326 has to be set for iphone can i know what difference will occur? i am getting same result in 72 itself
0
votes
1answer
721 views

How to recreate devices to present responsive sites

I have recently just created a template, and I would like to show it on my site that it is responsive & fluid. I would like to take a few screenshots of my site, and display them on multiple ...
2
votes
1answer
999 views

Designing an icon to fit the iOS 7 style

I want to create an icon for my iOS App that keys into iOS 7's new design and color scheme. What kinds of colors should I use and what key things should I implement in the design?
4
votes
1answer
478 views

How can I spice up my flat iOS icons?

I'm making an icon for a speed reader app for the iPhone. These are more or less the designs I've been toying with: Looking at them though, I just find they're a little boring. With the iOS 7 ...
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 ...
3
votes
3answers
1k views

Is it okay to use depictions of cartoon characters in an iPhone app?

I have an app idea which is based on the use of cartoon characters; I would like to include a single image of cartoon characters with their names, the app will be purely for reference and free. ...
0
votes
2answers
927 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 ...
2
votes
1answer
4k views

Photoshop action to export png using filename pattern (@2x)

How do you create a Photoshop action to do the following: Save for Web, at full size, using the (PSD) filename with "@2x" appended (and .png) Save for Web, at 50% size, using the (PSD) filename (and ...