: 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

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 the problems I'm having. In Sketch I have got a text input box that is apparently 60px high (I am using the iPhone 6 Artboard (375px wide)). I took this height of 60px and put it in to my CSS but it is absolutely huge and ends up looking nothing like the design.

What sizes and units should I be using to get an accurate representation of my Sketch app in the PhoneGap app.

Thanks

10.01% popularity Vote Up Vote Down

: PSD to HTML&CSS - my margins are wrong I am having trouble with replicating exact margins from the PSD in CSS. Whenever I measure a margin with a select tool I get, for example, 32px. Then

@Rambettina927

Posted in: #AdobePhotoshop #Css #Html #Measurement

2 Comments

: Some things said in the comments are wrong and misleading. Reason why the printer ask for lineart at 1200dpi (AND bitmap mode) is because it has almost the same quality as a vector once

@Rambettina927

0 Comments

: InDesign : Embed text-based company-logo instead of company name in text layer I'm using InDesign and I'd like to use a Text-based Logo instead of Text. Is it possible that I do this within

@Rambettina927

Posted in: #AdobeIndesign

1 Comments

: Indesign bleeding makings 4x6 into 4.50 x 6.50 instead of 4.25 x 6.25? New to indesign and when I have a document thats 4x6 and when I add the bleeding to be .25 the red border(which I

@Rambettina927

Posted in: #AdobeIndesign

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Angela777

PhoneGap and Cordova use CSS pixels, which means 1x1 CSS pixel on a retina iPhone is drawn with 2x2 real device pixels. iPhone 6S sizes are a bit trickier to understand. About those later.

The common recommendation seems to be on designing for 1x screens in Sketch and then scaling on export appropriately. This would mean 320px wide artboards for older iPhones, and then scaling from there to 640px for 2x retina 5S and such.

Just remember to have all your bitmaps in a high enough resolution so that you do not lose details.

Regarding iPhone sizes, this link might help a bit: www.paintcodeapp.com/news/iphone-6-screens-demystified

10% popularity Vote Up Vote Down

Feed

: 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

More posts by @Rambettina927

: PSD to HTML&CSS - my margins are wrong I am having trouble with replicating exact margins from the PSD in CSS. Whenever I measure a margin with a select tool I get, for example, 32px. Then

: Some things said in the comments are wrong and misleading. Reason why the printer ask for lineart at 1200dpi (AND bitmap mode) is because it has almost the same quality as a vector once

: InDesign : Embed text-based company-logo instead of company name in text layer I'm using InDesign and I'd like to use a Text-based Logo instead of Text. Is it possible that I do this within

: Indesign bleeding makings 4x6 into 4.50 x 6.50 instead of 4.25 x 6.25? New to indesign and when I have a document thats 4x6 and when I add the bleeding to be .25 the red border(which I

Login to post a comment!

1 Comments

Back to top | Use Dark Theme