Ingen skærehjørner på iPhone X

Da iPhone X blev lanceret, blev mange designere frataget om skærmens form. Disse klager er for det meste døde, men jeg har ikke set meget design-nørde tale om seje hjørnebehandlingsdetaljer. Heldigvis er deep nerd shit min specialitet.

iPhone X skærmform

Hvad er din vinkel?

Når du starter et design som dette, er den åbenlyse og komisk billigere mulighed at gøre alle hjørner firkantede. Maskiner findes og / eller er kalibreret for at fremstille disse skærme, så at holde kanter i firkant kræver færre produktionsændringer og mindre talent langs vejen til produktion.

Alle ved, hvordan man gør en ret vinkel - designere behøver ikke at lave matematik, ingeniører har brug for færre beregninger, folk, der fremstiller maskinen, er klare på, hvad de skal gøre.

Og alligevel, lad os undersøge, hvordan skitne firkantede hjørner ville se ud:

Jeg er en pixeleret bjørneknæg. Rawr.

Når Apple vidste, at de ville drage fordel af ny fuldskærmsteknologi, gav det dem muligheden for at ændre skærmform, fordi de alligevel skulle adressere produktionsprocessen. Antagelig var udgifterne for det meste indbygget.

Der var stadig masser af grimme måder at gøre dette på:

Meh.

Det er her de landede:

Det er bedre.

Screen hjørner

Her er hvor nerdedelen kommer ind, iPhone X afrundede skærmhjørner bruger ikke den klassiske afrundingsmetode, hvor du bevæger dig i en lige linje og derefter buer ved hjælp af en enkelt kvadrant af en cirkel. I stedet for er matematikken lidt mere kompliceret. Kaldes ofte en kreds, starter skråningen før, men er mere blid.

Forskellen er reel subtil, selv i gif-form, men her går vi:

Forskel mellem almindelige afrundede rektangelformater og Apple-matematik.

Apple har gjort dette på hjørnerne på bærbare computere og iMacs i årevis, men denne type afrunding trængte ikke igennem iOS indtil version 7. Denne form har klassisk været vanskelig at opnå, fordi den ikke var tilgængelig i 2D-designredaktører, dog det begynder at ændre sig. Læs mere om det her.

The Notch

Lad os nu tale om selve hakket. Venstre og højre side har to afrundede hjørner. På grund af nedfald af kurven afsluttes den ene kurve ikke, før den næste starter - de blandes sømløst ind i hinanden. Som et resultat, rammer faktisk ingen tangentlinie på denne kant en perfekt lodret.

Ooo. Fancy.

Kom korrekt

iPhone X-skabeloner, som jeg har set derude, duplikerer ikke 100 procent af den officielle form, sandsynligvis fordi det enten var for svært at lave, eller de ikke har bemærket det. Dette er grunden til, at det er god praksis at bruge officielle aktiver fra Apple, som findes i afsnittet om designressourcer på udviklerwebstedet til at oprette ikoner og mockups.

Fremtidige iterationer af dette design vil helt sikkert ændre disse størrelser, så det vil være interessant at sammenligne, hvordan hardware-sensorudvikling påvirker designskift.

Samlet set synes disse beslutninger at være mindre, men ud fra et designmæssigt synspunkt er de ret synlige. Selv når designere er villige til at bruge social kapital for at skubbe til disse ideer, lægger de fleste organisationer ikke ressourcer bag dem.

Afrunding af bøjningen

En af de ting, jeg elsker ved indie-apps, er deres evne til at blive udtalte. Det er næsten umuligt at sende stærke synspunkter fra større virksomheder, hvor der er halvtreds personer i et rum, der undersøger vinkler. Så det er cool at se, at Apple stadig har evnen til at tage en stærk holdning på denne måde.

At svede tusinder af mindre detaljer er det, der adskiller Apple fra andre virksomheder. Deres evne til at gøre det er hårdt vundet, men forbandt det er smukt at se på.

Redigeret af Maggie Mason.