0

I am trying to design for an iPad. The design elements are essentially a background image (2048x1536) and some text (based on font size) - which need to be place in a text area that is defined by percent (x,y start + hxw size).

The image and text is delivered to the ipad from a web database. We plan to upload the images and the text to a webserver that will deliver it

We have been "winging" it - and it has worked well. Is there a way to imitate a iPad screen resolution online - and test how the interface will look like ?

I ask this - as we plan to support additional screens like android - and without a way to guide the placement of the text - it is hard to design for a variety of devices.

thanks for any pointers

2

There are a lot of options for testing different screen sizes and resolutions. The best will depend on your workflow.

Online Tools

Online responsive tools require a domain to test. This can be a local development server (i.e MAMP, XAMP, localhost) so you don't need a live web domain.

Browser Extensions

I've only listed extensions for Google Chrome since that's what I use but I'm sure there are similar solutions for your preferred browser.

Browser Developer Tools

Using the built in developer tools in your browser is the easiest option since you don't need to install any additional software or plugins.

iOS Simulator

If you are designing a native iOS app (as opposed to a website or web-app) the best option is to use the iOS simulator. As far as I'm aware you need Xcode to run the simulator so this may or may not be an option. You can read more about the iOS simulator at the iOS Developer Library:

0

Try Invison. Its your answer to test UI for different platforms using just images. You can get a pretty good idea on how it will look across platforms.

https://www.invisionapp.com/

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.