Нарезка графики для разработчиков: проблемы ресайза (Resonator.cc)

  • Published on
    15-Aug-2015

  • View
    1.183

  • Download
    0

Embed Size (px)

Transcript

<ol><li> 1. : </li><li> 2. UX/UI , My.Com / Mail.Ru @skrpkn Android- , Avito.ru @30PP0 </li><li> 3. www.resonator.cc @resonator_cc </li><li> 4. 0. </li><li> 5. 1. 2. </li><li> 6. 1. 2. </li><li> 7. 1. 2. 3. </li><li> 8. 1. 2. 3. </li><li> 9. Name Density Scale Factor LDPI 120 100140 0.75x MDPI 160 140200 1x TVDPI 213 1.33x HDPI 240 200280 1.5x XHDPI 320 280400 2x XXHDPI 480 400560 3x XXXHDPI 640 560720 4x Android </li><li> 10. Name Density Scale Factor non-Retina @1x 163 1x Retina @2x 326 2x Retina HD @3x 489 3x iOS </li><li> 11. Windows for Phones Web Name Scale Factor WVGA 1x WXGA 1.6x 720p 1.5x 1080p 2.25x Name Scale Factor non-Retina @1x 1x Retina @2x 2x </li><li> 12. Android vs. iOS MDPI 160 140200 1x HDPI 240 200280 1.5x XHDPI 320 280400 2x XXHDPI 480 400560 3x XXXHDPI 640 560720 4x non-Retina 163 1x Retina 326 2x Retina HD 489 3x </li><li> 13. iOS Android </li><li> 14. Nexus 5 4.95 1920x1080 px 445 dpi XXHDPI 3x </li><li> 15. I. XXHDPI </li><li> 16. 1.1 XXHDPI </li><li> 17. Name Scale Factor LDPI 3/4x 75% MDPI 1x 100% HDPI 1 1/2x 150% XHDPI 2x 200% XXHDPI 3x 300% XXXHDPI 4x 400% Android </li><li> 18. Name Scale Factor LDPI 3/4x 75% MDPI 1x 100% HDPI 1 1/2x 150% XHDPI 2x 200% XXHDPI 3x 300% XXXHDPI 4x 400% Android </li><li> 19. Name Scale Factor LDPI 1/4x 25% MDPI 1/3x 33.33333% HDPI 1/2x 50% XHDPI 2/3x 66.66667% XXHDPI 1x 100% XXXHDPI 1 1/3x 133.33333% Android </li><li> 20. XXHDPI XXHDPI, (, ..) 6 px. </li><li> 21. 72x72 px LDPI 18 MDPI 24 HDPI 36 XHDPI 48 XXHDPI 72 XXXHDPI 96 </li><li> 22. 72x72 px LDPI 18 MDPI 24 HDPI 36 XHDPI 48 XXHDPI 72 XXXHDPI 96 80x80 px LDPI 20 MDPI 26.67 HDPI 40 XHDPI 53.33 XXHDPI 80 XXXHDPI 106.67 </li><li> 23. 1.2 XXHDPI Photoshop CC 2014 </li><li> 24. 1. 2. </li><li> 25. 1. 1. 2. Image Size 3. 4. png Slice Tool 5. </li><li> 26. 1. Marc Edwards, - Bjango www.bjango.com/articles/appdesignworkow/ </li><li> 27. 1. - ! </li><li> 28. 2. 1. (PNG Express ..) 2. Photoshop Generator </li><li> 29. 2. - ! </li><li> 30. 1. 2. </li><li> 31. . XXHDPI </li><li> 32. : 1. PNG Express, $ 2. Photoshop Generator, </li><li> 33. : </li><li> 34. : 72x72 px, 96x96 px, 6 px, 5 px Vector Stroke, Solid Shape </li><li> 35. XXXHDPI PNG Express Photoshop Generator </li><li> 36. XXXHDPI PNG Express Photoshop Generator </li><li> 37. XXHDPI 16.2% PNG Express Photoshop Generator </li><li> 38. XXHDPI 16.2% PNG Express Photoshop Generator </li><li> 39. XHDPI 21.0% PNG Express Photoshop Generator </li><li> 40. XHDPI 21.0% PNG Express Photoshop Generator </li><li> 41. HDPI 40.4% PNG Express Photoshop Generator </li><li> 42. HDPI 40.4% PNG Express Photoshop Generator </li><li> 43. MDPI 15.6% PNG Express Photoshop Generator </li><li> 44. MDPI 15.6% PNG Express Photoshop Generator </li><li> 45. HDPI 40.4% PNG Express Photoshop Generator </li><li> 46. HDPI 40.4% PNG Express Photoshop Generator </li><li> 47. PS XXHDPI 1. 2. 12 px, - : a. b. </li><li> 48. PS XXHDPI Photoshop Generator: , . </li><li> 49. PS XXHDPI XXHDPI 0 </li><li> 50. ;( </li><li> 51. II. MDPI </li><li> 52. Name Scale Factor LDPI 3/4x 75% MDPI 1x 100% HDPI 1 1/2x 150% XHDPI 2x 200% XXHDPI 3x 300% XXXHDPI 4x 400% Android </li><li> 53. 2.1 MDPI </li><li> 54. Name Scale Factor LDPI 3/4x 75% MDPI 1x 100% HDPI 1 1/2x 150% XHDPI 2x 200% XXHDPI 3x 300% XXXHDPI 4x 400% Android </li><li> 55. MDPI MDPI, (, ..) 2 px. </li><li> 56. 24x24 px LDPI 18 MDPI 24 HDPI 36 XHDPI 48 XXHDPI 72 XXXHDPI 96 25x25 px LDPI 18.75 MDPI 25 HDPI 37.5 XHDPI 50 XXHDPI 75 XXXHDPI 100 </li><li> 57. 2.2 MDPI Photoshop CC 2014 </li><li> 58. . MDPI </li><li> 59. : 1. PNG Express, $ 2. Photoshop Generator, </li><li> 60. 24x24 px, 32x32 px, 2 px Vector Stroke, Solid Shape : </li><li> 61. HDPI 40.2% PNG Express Photoshop Generator </li><li> 62. HDPI 40.2% PNG Express Photoshop Generator </li><li> 63. HDPI 40.2% PNG Express Photoshop Generator </li><li> 64. HDPI 40.2% PNG Express Photoshop Generator </li><li> 65. PS MDPI 1. 2. 12 px, - : a. b. </li><li> 66. PS MDPI HDPI </li><li> 67. III. Android Studio </li><li> 68. XXXHDPI PNG Express Photoshop Generator </li><li> 69. One more thing </li><li> 70. Resonator: Resize Test : Android 2.3.3 </li><li> 71. AndroidStudio 1. 2. 12 px, - : a. b. </li><li> 72. </li><li> 73. www.resonator.cc @resonator_cc </li><li> 74. Resonator 1. 2. Image Size 3. 4. png 5. </li><li> 75. Resonator 1. 2. Image Size 3. 4. png 5. </li><li> 76. Resonator Demo </li><li> 77. Photoshop CC 2014 Sketch 3 Coming soon </li><li> 78. </li><li> 79. </li></ol>

Recommended

View more >