Questions tagged [iphone]

Questions regarding designing for Apple's iPhone OS.

Filter by
Sorted by
Tagged with
2
votes
2answers
285 views

Why is the media query pixel half the spec pixel value?

I have an iphone 6 which has a pixel width of 750px according to: https://support.apple.com/kb/sp705?locale=en_US However when working with media queries in an RWD debugger the width is 375px which ...
0
votes
1answer
367 views

iPhone Screenshot Print Size

The current iPhone (non-plus models) have a screen resolution of 1334x750px. If I were to use one of these in a design, what physical printed size could I scale the screenshot to where the resolution ...
2
votes
0answers
274 views

Email signature question. Scaling on iPhone

I have created a email signature with a small logo embedded. Copied and pasted into signature box within Outlook for Mac. The original is a PNG and larger than the size that is embedded (thinking ...
2
votes
2answers
501 views

Iphone mockup larger than actual phone

I am told that the iPhone 6 is 375 pixels in width. When I place an artboard in Axure (or Adobe XD) of 375 pixels, it is larger than the actual phone. Why? Should I design 375 on screen or shrink it ...
0
votes
1answer
169 views

Exported image not rendering correctly in iOS

I have this image in .ai format and I exported it out as png of sizes: 25x25, 50x50 and 75x75 pngs for iOS tab bar icon. But when it renders in iPhone, I see this (the first icon - looks like an egg):...
-2
votes
1answer
81 views

Non-intrusive configuration buttons [closed]

In my iPhone app's home page I need to display the groups a user is part of, as well as have buttons to make and join a group. I've added buttons that lead to the pages where group creation/joining is ...
-1
votes
1answer
117 views

Making labels stand out on background? [closed]

A page in my app shows a picture of the user's pet, I'm trying to add a label above the picture that will contain the pet's name. I'm a computer science student who is really bad at UI and am having a ...
0
votes
1answer
47 views

How shall I lay out 2 horizontal elements to look balanced?

I tried using the rule of thirds to place my elements, but it looked wonky ... possibly because the elements are different sizes and heights. I repositioned them so the vertical distance is even ...
0
votes
3answers
4k views

What sizes and units should be used for creating iPhone wallpapers?

I was following the sizes listed here, and I've been creating the artboards with the sizes in points, but should I be creating them with the size for rendered pixels instead? Furthermore, I believe ...
0
votes
1answer
129 views

Changing the kit size to iPhone 6 Plus

I am quite new to design. I found a PSD kit for the iPhone 6 but the developer mentioned that it is in vector so i should not have any problem changing the size for the iPhone 6 Plus. The problem is ...
0
votes
1answer
476 views

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

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'...
1
vote
1answer
192 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
2answers
226 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 ...
1
vote
1answer
1k 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 useful ...
1
vote
0answers
514 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?
4
votes
3answers
742 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 ...
2
votes
2answers
368 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
560 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 ...
-3
votes
1answer
395 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?
-1
votes
1answer
176 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 ...
0
votes
0answers
979 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 ...
3
votes
4answers
8k 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
1answer
2k 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 ...
1
vote
3answers
13k 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 ...
0
votes
2answers
5k 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 ...
0
votes
1answer
7k 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
2answers
15k 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 ...
7
votes
2answers
2k 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 website ...
0
votes
1answer
682 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?
2
votes
1answer
4k 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
2answers
486 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
3answers
7k 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 ...
-1
votes
4answers
2k 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
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
840 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
328 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
148 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
276 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 ...
-2
votes
1answer
3k 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
3
votes
2answers
466 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 ...
0
votes
1answer
1k 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 ...
5
votes
1answer
583 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 ...
3
votes
2answers
6k 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 ...
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 ...
2
votes
1answer
1k 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?
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
2answers
1k 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
2answers
10k 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.
3
votes
2answers
1k views

How to create a light border for an app icon

This is a fine piece of iPhone app icon: I'm wondering how they created the fine texture along with the slight 'glow' on the edges: I suppose the texture is made by a semi-transparent layer on top ...