Skip to content

Latest commit

 

History

History
393 lines (258 loc) · 5.25 KB

Dimensions.md

File metadata and controls

393 lines (258 loc) · 5.25 KB
Raw

Inferred Rules

6: 375 × 667 6+: 414 × 736

6 w/o sides w/borders in landscape: 532 6+ w/o sides w/borders in landscape: 535 568 5S

4P: 15 4L: 7 5: 15 5L: 7 6: 11 except 9 to spacebar 6L: 7 6+: 10 6+L: 7

Margins

Key Dimensions

Height

  • 33 / 162 ~= 0.204 (4/5/6/6+ L)

  • 39 / 216 ~= 0.181 (4/5 P)

    • 39 / 320 ~= 0.122

  • 43 / 216 ~= 0.199 (6 P)

    • 43 / 375 ~= 0.115

  • 46 / 226 ~= 0.204 (6+ P)

    • 46 / 414 ~= 0.111

  • landscape always the same: scale by height

  • portrait: scale linearly by width

    320 x + c = 39 375 x + c = 43 39 - 320 x = 43 - 375 x 375 x - 320 x = 43 - 39

    x = 4 / 55 ~= 0.072

    c = 39 - 320 x ~= 15.727

    other idea: row gaps, similarly tied to width

Regular Keys

also gap based

  • portrait

  • landscape (measuring usable space + side margins) 42 / 480 ~= 0.088 47 / 528 ~= 0.089 48 / 531 ~= 0.090 52 / 568 ~= 0.092

    480 x + c = 42 568 x + c = 52 42 - 480 x = 52 - 568 x

    x = (52 - 42) / (568 - 480) = 10 / 88

    c = 42 - 480 * x

Shift/Backspace

4: 36/57 (24/38 RU) 5L: 68/69

Special Keys

Return

Space

Side Keys for 6/6+

Gaps

Layout

Other

  • corner radii
  • font sizes
  • graphics

Icons

  • Globe: 20 x 20
  • Backspace: 22 x 16 (16 x 11 RU), (18 x 13 landscape RU)
  • Shift: 19 x 16 (13 x 11 RU), (15 x 13 landscape RU)
  • dimensions NORMAL for 6+

Corner Radius

  • approx 4 (5 on 6, 6 on 6+)

iPhone 4 Portrait

Dimensions

  • Height: 215 (216)

Margins

  • Left: 3
  • Right: 3
  • Top: 11 (12)
  • Bottom: 3

Gaps

  • Row 1 (10 keys, 11 RU): 6 (5 RU)
  • Row 2: 6 (5 RU)
  • Row 3: 6 (5 RU)

Keys

  • Letter rows: 26 x 39 (including gap) (24 x 39 RU)
  • Shift/Backspace: 36 x 39 (including gap) (24 x 39 RU)
  • Special keys: 34 x 39 (including gap)
  • Return: 74 x 39 (including gap)
  • Space: 154 x 39 (including gap)

Popups

  • total size: 102.5
  • 53 x ~55 (51 RU)
  • 8.5 connector
  • 32 height C

Sizes

  • Number key: 24 x 12
  • Space: 43 x 12 (16 RU)
  • Return: 41 x 12 (15 RU)
  • Keys: 15 x 18 (20 RU)

iPhone 4 Landscape

Dimensions

  • Height: 161 (162)

Margins

  • Left: 3
  • Right: 3
  • Top: 5 (6)
  • Bottom: 3

Gaps

  • Row 1 (10 keys): 6 (5 RU)
  • Row 2: 6 (5 RU)
  • Row 3: 6 (5 RU)

Keys

  • Letter rows: 42 x 33 (including gap) (38 x 33 RU)
  • Shift/Backspace: 57 x 33 (including gap) (38 x 33 RU)
  • Special keys: 41 x 33 (including gap)
  • Return: 89 x 33 (including gap)
  • Space: 280 x 33 (including gap)

Popups

  • total size: 102.5
  • 69 x ~60 (66 RU)
  • 9.5 connector
  • ~34 height C

Sizes

  • Number key: 24 x 12
  • Space: 43 x 12
  • Return: 41 x 12
  • Keys: 15 x 18

iPhone 5 Landscape

Dimensions

  • Height: 161 (162)

Margins

  • Left: 3
  • Right: 3
  • Top: 5 (6)
  • Bottom: 3

Gaps

  • Row 1 (10 keys): 5-6 (5 RU)

Keys

  • Letter rows: 51-52 x 33 (including gap) (46-47 x 33 RU)
  • Shift/Backspace: 68-69 x 33 (including gap) (46 x 33 RU)
  • Special keys: 50 x 33 (including gap)
  • Return: 107 x 33 (including gap)
  • Space: 335 x 33 (including gap)

Popups

  • total size: 102.5
  • 79 x ~60 (74 RU)
  • 9.5 connector
  • ~34 height C

Sizes

  • Number key: 24 x 12
  • Space: 43 x 12
  • Return: 41 x 12
  • Keys: 15 x 18

iPhone 6

Dimensions

  • Height: 216

Margins

  • Left: 3
  • Right: 3
  • Top: 10
  • Bottom: 3

Gaps

  • Row 1 (10 keys, 11 RU): 6

Keys

  • Letter rows: 31.5 x 43 (including gap) 28R
  • Shift/Backspace: 42 x 43 (including gap) 29R
  • Special keys: 40.5-41 x 43 (including gap)
  • Return: 87.5 x 43
  • Space: 182.5 x 43

Popups

  • total size: 108.5
  • 58.5 x ~57 (55 RU)
  • 8.5 connector
  • ~30.5 height X

Sizes

  • +1 hight from 4/5

iPhone 6 Landscape

Extras

  • LHS: col of buttons
    • 64.5 x 33
    • gap 5
    • mic, undo, comma, globe (is emoji)
  • RHS: col of buttons
    • gap 5
    • cursor back, cursor forward, period, hide keyboard

Dimensions

  • Height: 162

Margins

  • Left: 3
  • Right: 3
  • Top: 6
  • Bottom: 3

Gaps

  • Row 1 (10 keys, 11 RU): 5
  • Row 2/3: 6

Keys

  • Letter rows: 47 x 33 (including gap) 42.5R
  • Shift/Backspace: 63 x 33 (including gap) 42.5R
  • Special keys: 46 x 33 (including gap)
  • Return: 99 x 33
  • Space: 310 x 33

Popups

  • total size: 108.5
  • 74 x ~67 (70 RU)
  • 8.5 connector
  • ~37 height C (35 russian C)

iPhone 6+

Dimensions

  • Height: 226

Margins

  • Left: 4
  • Right: 4
  • Top: 8
  • Bottom: 4

Gaps

  • Row 1 (10 keys, 11 RU): 6

Keys

  • Letter rows: 35 x 46, 31 x 46 RU
  • Shift/Backspace: 45 x 46, 31 x 46 RU
  • Special keys: 46 x 46
  • Return: 97 x 46
  • Space: 199 x 46

Popups

  • total size: 108 2/3
  • 61+border x ~53+border (57 RU)
  • ~28 height X (29 C RU)

Sizes

  • +1 hight from 4/5

iPhone 6+ Landscape

Extras

  • LHS: col of buttons
    • 98 x 33, or 46 x 33 + gap
    • gap 5
    • cut/copy?, paste/bold, undo/mic, globe
  • RHS: col of buttons
    • back/forward, !/?, ./,, keyboard down

Dimensions

  • Height: 162

Margins

  • Left: 3
  • Right: 3
  • Top: 6
  • Bottom: 3

Gaps

  • Row 1 (10 keys, 11 RU): 5

Keys

  • Letter rows: 48 x 33 (including gap) (44 RU)
  • Shift/Backspace: 62 x 33 (including gap) (44 RU)
  • Special keys: 48 x 33 (including gap)
  • Return: 99 x 33
  • Space: 314 x 33

Popups

  • total size: 108 2/3
  • 74+border x ~66+border (69 RU)
  • ~34 height X (35 C RU)