iPad Pro Is there a reason why the iPad Pro's corner radius doesn't match the screen's corner radius?

[Yr Blues]

https://as-images.apple.com/is/imag...t=jpeg&qlt=95&op_usm=0.5,0.5&.v=1539362700105

Here's an image of correct radius contour.

http://www.maxrudberg.com/blog/iphonex-landscape3-xy@2x.jpg
[doublepost=1547688910][/doublepost]I just found this. It's boggles the mind.

 

[chabig]

I’m not quite sure what you’re trying to get at. The image you posted of “correct” radii makes no sense to me. Apple’s iPad radii are appropriate, considering that the center of the arcs exist at the same point. The screen corner and the body corner are quarters of concentric circles., which makes sense and looks good.

 

[Yr Blues]

I’m not quite sure what you’re trying to get at. The image you posted of “correct” radii makes no sense to me. Apple’s iPad radii are appropriate, considering that the center of the arcs exist at the same point. The screen corner and the body corner are quarters of concentric circles., which makes sense and looks good.

It's obviously not the same contour and looks jarring.

43984996_580817375671778_406263238718293193_n.jpg

 

[goobot]

It's obviously not the same contour and looks jarring.

43984996_580817375671778_406263238718293193_n.jpg

Because you are looking at it on a screen with pixels.

 

[Newtons Apple]

This would only be an “issue” to to very few.

 

[sracer]

It's obviously not the same contour and looks jarring.

43984996_580817375671778_406263238718293193_n.jpg

It's because rounded corners on the active part of the screen is nothing more than a gimmick to differentiate the current gen from the previous gen. Apple rounded it enough to "look different" but not enough to impede even more on how content is displayed.

I think the use of the word "jarring" is a bit of hyperbole.

 

[19SK91]

If you're asking why the screen radius doesn't match the case radius, I can tell you I asked myself the same question. Until I made this mockup with the same radius and I realized that it would look terrible.

 

[sonicrobby]

Only Apple knows the reason why, but like 19SK91 mentions above, the radii shouldnt be the same. The outer radius should be = the inner radius + bezel thickness to attain an equal bezel thickness all around. I had the same question when I first started designing bent plates. Equal radii didnt look right because it made the material thickness at the bend thicker than the rest of the plate.

 

[leroyyy]

https://as-images.apple.com/is/imag...t=jpeg&qlt=95&op_usm=0.5,0.5&.v=1539362700105

Here's an image of correct radius contour.

http://www.maxrudberg.com/blog/iphonex-landscape3-xy@2x.jpg
[doublepost=1547688910][/doublepost]I just found this. It's boggles the mind.

43984996_580817375671778_406263238718293193_n.jpg

Reset my forum password and everything to say @Yr Blues I hear ya!

There must be a technical reason - it's very un-Apple.

Guess others on this thread aren't as anal as us. "Art direction is eye direction".

 

[aevan]

https://as-images.apple.com/is/imag...t=jpeg&qlt=95&op_usm=0.5,0.5&.v=1539362700105

Here's an image of correct radius contour.

http://www.maxrudberg.com/blog/iphonex-landscape3-xy@2x.jpg
[doublepost=1547688910][/doublepost]I just found this. It's boggles the mind.

43984996_580817375671778_406263238718293193_n.jpg

What are you talking about? It matches the radius correctly. The radius of the screen’s corner radius matches the iPad’s physical radius perfectly, with the same normal distance from the screen to the outer edge in every point of the curvature. It also slopes sooner to create gentle transitions with great attention to detail.

If you mean why the radius of the outer corners is not the same as the radius od the screen corners, that’s because it would look horrible if it was. Think of it as parts of two concentric circles of different sizes - of course the radius are not the same.

So, I really have no idea what you’re talking about and what you consider “correct”.
[doublepost=1547733574][/doublepost]

It's because rounded corners on the active part of the screen is nothing more than a gimmick to differentiate the current gen from the previous gen. Apple rounded it enough to "look different" but not enough to impede even more on how content is displayed.

I think the use of the word "jarring" is a bit of hyperbole.

In practice, it really doesn’t impede any content, but it gives the screen a much more pleasant look. It’s of of those things only Spock wouldn’t understand - it brings pleasure and joy of use. Love those rounded corners and, sorry, but you have to be a little dead inside to want them sharply cornered instead of following the curvature of iPad. And also, curved corners have been Apple’s thing since early Steve Jobs days. I’m sure this would be one of the things he obsessed over if it was technically possible in his time.

 

[Marshall73]

https://as-images.apple.com/is/imag...t=jpeg&qlt=95&op_usm=0.5,0.5&.v=1539362700105

Here's an image of correct radius contour.

http://www.maxrudberg.com/blog/iphonex-landscape3-xy@2x.jpg
[doublepost=1547688910][/doublepost]I just found this. It's boggles the mind.

43984996_580817375671778_406263238718293193_n.jpg

It preserves more screen space than matching the physical radius exactly and keeps a uniform thickness of bezel all round the display.

 

[Yr Blues]

If you're asking why the screen radius doesn't match the case radius, I can tell you I asked myself the same question. Until I made this mockup with the same radius and I realized that it would look terrible.


View attachment 816139

But it's correct on the iPhone X, and it looks great. But not the new iPad Pro, which sticks out like a sore thumb.

 

[19SK91]

But it's correct on the iPhone X, and it looks great. But not the new iPad Pro, which sticks out like a sore thumb.

It's not the same radius it just looks different because the border around the display is thinner, otherwise it would look like this:

 

[Yr Blues]

It's not the same radius it just looks different because the border around the display is thinner, otherwise it would look like this:

View attachment 816188

I made this in Illustrator using a perfectly matching radius. It looks awesome this way. Your argument doesn't stand at all.

 

[19SK91]

I made this in Illustrator using a perfectly matching radius. It looks awesome this way. Your argument doesn't stand at all.

Display and device radius aren't the same and it looks basically like an iPad Pro, so what exactly is your issue?

 

[Yr Blues]

Display and device radius aren't the same and it looks basically like an iPad Pro, so what exactly is sour issue?

My point is that the new iPad Pro has a design decision that doesn't seem uniform or elegant. It is an eye-sore.

 

[19SK91]

My point is that the new iPad Pro has a design decision that doesn't seem uniform or elegant. It is an eye-sore.

How is it more of an eye-sore than what you posted? I honestly don't understand it. It looks like an iPad Pro, only that the outer and therefore the inner radius isn't as big. They still match. I tried to find an image I saw on Twitter showing exactly that but I can't find it.

 

[Yr Blues]

How is it more of an eye-sore than what you posted? I honestly don't understand it. It looks like an iPad Pro, only that the outer and therefore the inner radius isn't as big. They still match. I tried to find an image I saw on Twitter showing exactly that but I can't find it.

I'll agree to disagree. People have different opinions. This is mine.

 

[chabig]

My point is that the new iPad Pro has a design decision that doesn't seem uniform or elegant. It is an eye-sore.

The way you drew it is exactly how the iPad is.

 

[ahostmadsen]

It's not the same radius it just looks different because the border around the display is thinner, otherwise it would look like this:

View attachment 816188

I made this in Illustrator using a perfectly matching radius. It looks awesome this way. Your argument doesn't stand at all.

I think your terminology is wrong. What you mean is that the (quarter) circles should be concentric, not that they should have the same radius. I agree that seems to look better. Perhaps it would lead to too large loss of screen real estate?

 

[chabig]

What you mean is that the (quarter) circles should be concentric, not that they should have the same radius. I agree that seems to look better.

I agree with this, and it’s exactly how the iPad is.

 

[Yr Blues]

I agree with this, and it’s exactly how the iPad is.

No it's not. You really have awful attention to detail.

 

[aevan]

I made this in Illustrator using a perfectly matching radius. It looks awesome this way. Your argument doesn't stand at all.

Ah, now I see what you mean, but here's where you're wrong. Outer corners don't look that way on the iPad Pro and this, but this is basically the same principle. In your image, you're using quarters of a circle. Apple doesn't - there is a slope that starts sooner, before the "circle" starts and is more gentle, making the corners so beautiful (sorry to say this, but the ones on your drawing - aren't). This is what's popularly known as squircle.

Here is a really good article that explains it:

https://medium.com/tall-west/no-cutting-corners-on-the-iphone-x-97a9413b94e

When you're reducing the size of a squircle, the slopes also become smaller, which is probably why you have the illusion of "not matching" corners. But believe me, Apple is obsessed with this stuff and it's as accurate as it can be. It looks as it should, but your eyes are playing tricks with you. When I squint, I kind of see what you mean - but it's still accurate, and basically the same principle like on your drawing. Only with much more sophisticated squircles instead of regular circles

 

[bpeeps]

This would only be an “issue” to to very few.

No it's not. You really have awful attention to detail.

I really don't think you understand the technicality of what you're talking about here. As evidenced by every comment in this post correcting you.

 

[aevan]

No it's not. You really have awful attention to detail.

Actually, you making the sloped lines that change curvature gradually into mere 1/4 of a circle and not noticing the difference is a lack of attention to detail.

As I explained above, that's not what's happening on the actual iPad.