2ios: Tour Listing

Tour listing page specs for iOS
Step 1

Visual Design

Visual Design specs for the listing page.
For retina screens, multiply all pixels/point size by 2.
Questrial font can be downloaded here:
http://www.fontsquirrel.com/fonts/download/questrial

Title bar end graphics are here (ribbon-end-left.pdf, ribbon-end-right.pdf):
https://drive.google.com/folderview?id=0B-K5hHBJW4yAWWJHOVhSMV8yN00…

.pdf vectors can be converted to @1x @2x and @3x pngs as outlined here: http://martiancraft.com/blog/2014/09/vector-images-xcode6/

Step 2

2a: Tour listing iPad Landscape

Wireframes for iPad Landscape

Step 3

2c: Tour listing iPad Portrait

Wireframes for 2c: Tour listing iPad Portrait

Step 4

2d: Tour listing iPhone landscape

Wireframes for 2d: Tour listing iPhone landscape

Step 5

2g: Tour listing iPhone Portrait

Wireframes for 2g: Tour listing iPhone Portrait

Tutorial Forum

There are no posts here yet. Add the first post