際際滷

際際滷Share a Scribd company logo

? ??? ????

?
?
Sangho Lee
Sangho Lee

? ??? ???? Starting App Design 2014. 9. 11 ? ??? ? ???? ???? ????? ?? ?????. ?? ?? 1. ??? ???? 2. ? ??? ???? 3. Case Study 4. ???? 5. ??? - ?? ???: http://isangho.com/study/appdesign - 際際滷Share: /SanghoLee1/ss-38908104 - ???? ????: http://daramghaus.com/donate/bitcoin - ???: isangho@me.com

1 of 94
? ??? ???? Starting App Design 2014. 9. 11
???? ?????. ?????? ???? ??????. http://isangho.com
http://daramghaus.com
? ??? ????
2010 2011 PingPing SwingSwing 2012 2013 2014 Motion SwingSwing Touch mymenu ????2011 ????2012 ?????? VideoSnapshot Toolkit+ Moment Camera BShutter Icon Tester Tagshot Eggshot ????
?? ?? 1. ??? ???? 2. ? ??? ???? 3. Case Study 4. ???? 5. ???
1. ??? ???? ? ??? ? ???? ???? ????? ?? ?????. ? ??? ????? ?? ???? ?? ? ? ????. http://isangho.com/study/appdesign
2. ? ??? ???? App ?? ??????? ????, ????, ???? ???.
2. ? ??? ???? ???* App ??? ?? ??? ????? ??? ??? ?????. *??? ???? ?? ??? ???? ??? ????, ??? ??? ??????.
2. ? ??? ???? ? ??? ??? App ??? ? ???? ?? ???? ??? ??? ???? ??? ?? ? ?? ?? ?? ?????? ?? ? ?????.
2. ? ??? ???? App ???* ???? ? ???? ?? ?? ?? ????. ????? ???? ??? ?????. *??? ???? ?? ??? ?? ???? ?????? ????.
2. ? ??? ???? App ?? ??????? ????, ????, ???? ???.
2. ? ??? ???? ???? ???? ???? ??? ??? ? ??? ???? ?? ??? ???? ??? ???? UI/UX ??? ????, ?? ???, ??, SNS ???, SNS ??
2. ? ??? ???? Logotype Store Icon App Icon Screenshot x5 Launch Image UI/UX Design Promotion Image SNS Cover Image SNS Cover, Profile Image Website (Landing page) Mobile Website
2. ? ??? ???? Logotype ? ?? ?? ??, ?? ?? ????. ??? ????? ??? ?????? ?? ? ? ????. SNS Cover Image
2. ? ??? ???? Logotype ????? ?? ??, ??? ??? ?? ?? ?? ????. ? ?? ????? ?? SNS Cover ???. Image
2. ? ??? ???? Logotype ??? ????, ?? ?? ????. ????? ?? ??? ?? ???? ???, ????? SNS Cover ?????. Image
3. Case Study Paper
Store Icon App Icon Logotype Launch Image UI/UX Design Website (Landing page) Screenshot SNS Cover / Profile
Launch Image
UI/UX Design
Screenshot
Store Icon App Icon Logotype Launch Image UI/UX Design Website (Landing page) Screenshot SNS Cover / Profile
Launch Image
UI/UX Design
Screenshot
Mobile Website
Paper Store Icon App Icon Logotype Launch Image UI/UX Design Website (Landing page) Screenshot SNS Cover / Profile
Paper Logotype
Paper Launch Image
Paper UI/UX Design
Paper Screenshot
Paper Website (Landing page)
Store Icon App Icon Logotype Launch Image UI/UX Des http:// Website (Landing page) Screenshot SNS Cover / Profile
UI/UX Design
Screenshot
Website (Landing page)
3. Case Study ?? ??? ???? ?????. ?? ?? ?? ???, ???? ???? ???, ????? ?? ???? IFTTT* ???? ?????, iPhoto ??? ??? ??? ?? ??? ??? ? ??? ???. *IFTTT(https://ifttt.com): IF(??) This then(??? ??) That(??? ?). ?? ??? Recipe? ??? ?? ???? ????. ?) ＾?? ????? ???, ????? ??￣
4. ???? ?? ??? ?????. ?? ??? ????? ??? ????????.
4. ???? ? ???? ??? ??? ? ?????. - ? ??? - ?? ??? - ???? ???? - SNS ??/??? - ???? ?? ??? ? ?? ?? ??? ???. ?? ? ??? ?? ? ??? ?? ????. ??? ????? ?? ? ????.
4. ???? ? ??? ? - ? ??? - ?? ??? ? ??? ? - ???? ???? - SNS ??/??? - ???? ?? ??? ?? ? ??? ??(??? ?? ??), ? ??? ?(??? ???? ??)? ????. ? ??? ?? ????? ???? ??? ????? ????. ?? ?? ??? ?? ??????. ??? ???? ? ???? ?? ???.
4. ???? ?? ?? ??? ?? ??? ?? ??? ?? ?? ?? ??? ?? ?? ?? ? ??? ?? ??? ? ??? ???? ?? ??? ???? SNS ???/?? ??? ?? ??? ?? ?? ??
4. ???? 1. ?? ??? 2. ? ??? ??? 3. ???? ?? ??? 4. ???? 5. SNS ? ??
4.1. ?? ??? ?? ?? - ?????? - ?????? - UI ??? ?? - ???? ????? ????
4.1. ?? ??? - ?????? / ?????? ??????? ? ??? ??? ?? ???? ?. ??????? ???? ??? ?? ?? ?????? ? ! ? ??? ???? ??? ?? ?? ??? ???? ??? ?????.
4.1. ?? ??? - ?????? Google ????? ＾App Wireframe￣
4.1. ?? ??? - ?????? Google ????? ＾App Prototyping￣
4.1. ?? ??? - ?????? ?? ? ??? ? ?, ??? ?????? ??? POP*?? ?????. POP *POP - Prototyping on Paper https://popapp.in ??? ?? ?? ??? ?? ?????? ??? ?
4.1. ?? ??? POP? ?? ???? ??????(?? ??? ??) - ??????
4.1. ?? ??? - UI ??? ?? ???????? ??? ???, ????(???/???????)? ??? ????? ?????. ! ?? ???? ????? ??? ???? ?? ??? ? ???? ?? ?????.
4.1. ?? ??? - UI ??? ?? UI ??? ??? ?? ? ?? ????? ?? ?? Moment ???? ??? ?? ??????.
4.1. ?? ??? - UI ??? ?? Moment Camera http://momentcamera.me
4.1. ?? ??? - UI ??? ?? ??? ??*? ? ??? ????. ??????/??????? ?? ?? ???? ???. *??? ?? ??? http://screensiz.es/ UI ???? ??? ? ?????, ?? OS? ??? ?????? ???? ???. ? ???? UI ???? ??? ??? ???? ??? ?? ????. ? ?? ?? ???? ?? ???? ??? ??? ?? ?? ?? ????.
4.1. ?? ??? - UI ??? ?? - ??? ????? Apple Design Guide - iOS Design Resources https://developer.apple.com/library/ios/design/
4.1. ?? ??? Android Design Guide https://developer.android.com/design/ http://www.google.com/design/ - UI ??? ?? - ??? ?????
4.1. ?? ??? - UI ??? ?? - GUI ??? Teehan+Lex GUI Template http://www.teehanlax.com/tools/
4.1. ?? ??? - UI ??? ?? Moment Camera UI ?? ?
4.1. ?? ??? - UI ??? ?? - ?? ???? ?? ?? ??? ｀??(Shape)¨ ???? ?? ??? ????? ｀?? ??(Smart Object)¨? ?? ????? ??? ?? ｀??(Shape)￣ ??? ???, ??? ???? ????????? ??? ????(Smart Object)? ???? ??????. (?? ??? ??? ????? ?? ?? ???? ??? ? ? ?? ? ???, ???????? ?? ???? ??? ?? ??? ????. ??? ??? ??? ?? ???.)
4.1. ?? ??? - UI ??? ?? - ??? ?? ??? ??? ??, 4?? ?? ??? 4?? ??? ????. ??/???/??/???? normal / highlighted / selected /disabled ! ? ??? ?? ??? ?? ?? _n / _h / _s / _d ?? ??? ?? ??? ?? ?? ?????.
4.1. ?? ??? - UI ??? ?? - ??? ???? ?? ??? ??? ???? ?? ??? ???? ???? ???? ??? ? ?? ??? ????. (????, ??? ??? ?? ??)
4.1. ?? ??? - UI ??? ?? - ?? ??? ?? ???? ??? ?? ??? ????. ! ? ???? ????? ???? ??? ??, ? ???? ???? ???, ?? ?? ?? ????? ??? ????. ! ??? ??? ?????, ?? ??? ??? ? ????, ? ???? BI? ??? ??? ???. ! ?? ??? ?? ???? ??? ???. Moment Camera ?????
4.1. ?? ??? - UI ??? ?? - ?? ??(Slice) ?? ?? ?? ??(Slice) ??? ? ????. UI? ?? ??? ?? ??, ??? ??? ???? ?? ?? ???*, ?? ??(Slice) ???? ??? ??? ???? PNG ??? ???? ???. *UI ???? ??? ???? ??? ????? ????. Assistor PS http://witstudio.net/assistor/
4.1. ?? ??? - UI ??? ?? - ?? ??(Slice) - ???? ?? ???? ??(Save for Web)
4.1. ?? ??? - UI ??? ?? - ???? ?? ???? ??(Save for Web)? UI ????? ??? ?? ??? ?? ??? ????. ??? ??? PNG ??? ???? ??? ???. ! ? ??? UI??? ??? ?? ?? ?? ???´ ??? ? ??? ???? ????? ?? ?????. http://saveforwebclaws.tumblr.com ???? ??(Save for Web)
4.1. ?? ??? - UI ??? ?? - ?? ??? ??? ??? ???? Skala Preview http://bjango.com/mac/skalapreview/ ???? ????, ????? ??? ??? ??? ????? ??? ? ????. UI? ??? ???? ??? ???? ?? ??? ? ??? ?? ??? ????.
4.1. ?? ??? - UI ??? ?? UI ??? ???? ??? ? ? ????. ??? ?????? ??? ??? ? ?? ? ???. ??? ?? ?? ??????? ?? ???, ?????? ?? ????.
4.1. ?? ??? - UI ??? ?? - ????? PPP (Pixel Perfect Principles) PPP - http://ustwo.com/ppp/ PPP? ? ???? ????? ???. ? ?? PDF? ???? ? ? ???, ?? ??? ??? ??? ??, ?? ??? ????? ???? ??????.
4.1. ?? ??? - UI ??? ?? - ????? https://dribbble.com ???? ?? ???? ???? ???? ?? ????? ??????. GUI ????? ?? ???? ????. Dribbble
4.1. ?? ??? - UI ??? ?? - ????? http://iosfonts.com iOS?? ??? ? ?? ?? ???? ????, ????? ? ????. iOS ?? ?? ?????? ??? ? ?????. iOS Fonts
4.1. ?? ??? - ???? ????? ???? ?? ? ??? ?? ?? ????, ? ??? ???? ???? ?? ?? ????. ! ? ??? ??? ????? ???? ??? ???? ?? ????? ?? ??, ??? ??? ? ?? ???? ??????. ! ???? ?? ?? ??? ??? ????, ??? ???? ??? ??????. ??? ????? ???? ???? ?? ???.
4.1. ?? ??? - ???? ????? ???? ????? ???? ???´
4.2. ? ??? ??? ?? ?? - ??? - ??? - ??? ?? - ??? ?? - ?? ???
4.2. ? ??? ??? - ??? ???? ???? ? ??????´
4.2. ? ??? ??? - ??? ????? Dribbble ??´
4.2. ? ??? ??? - ??? Google ????? ＾App Icon Sketch￣
4.2. ? ??? ??? - ??? Moment ???? ???, ???????
4.2. ? ??? ??? - ??? ?? ???? ????, ??? ???? ?????. ? ??? ????. ???: 1024x1024 px ?? ?????? ?? ?? ? ???, ?? 1024px? ???? ? ???? ?????. 1024px? ???? ??? ????? ????.
4.2. ? ??? ??? - ??? ?? Moment ??? ??? (1.0, 1.3, 1.4~) ??? ???? iOS6?? 7? ????? ???? ?????. iOS7??? ????? ???? ????? ?? ? ????.* ???? ?? ?? ? ??? ???. iOS ??? ???? http://daramghaus.com/icontester/mask
4.2. ? ??? ??? - ??? ?? OS? ?? ??? ???? ??? ??? ????. ???? ??? ?? ?? ??(??? ??)? ??? ??? ???. Photozoom pro? ???? ?? ??? ????. http://www.benvista.com/photozoompro
4.2. ? ??? ??? - ??? ?? - Icon Tester Icon Tester? ??????. ??? ???? ????? ?? ??? ??? ??????. ???? ??? ??, ??? ???? ?? ???? ??? ???????. http://daramghaus.com/icontester/
4.2. ? ??? ??? - ?? ??? - Icon Tester Icon Tester? ?? ?? ???? ?? ?? ?? ??????. ???? ???? ??????. ???? ??? ???? ??? ??? ??? ????, ?? ???? ????. ??? ????? ｀? ??? ??¨?? ???? ? ??? ????. (?????? ?? ???? ?? - ?? ???? ?? ?? ??) http://daramghaus.com/icontester/
4.3. ???? ????? Website (Landing page)
4.3. ???? ????? Paper Website (Landing page)
4.3. ???? ????? Mobile Website
4.3. ???? ????? Website Landing page
4.4. ???? Cool Kindness ?? ??? ???? ???, ????? ?????. ???? ?? ?????? ????? ?? ? ????.
4.4. ???? Screenshot
4.4. ???? Paper Screenshot
4.4. ???? Screenshot
4.4. ???? Screenshot
4.4. ???? Screenshot
4.5. SNS ? ?? Moment ??? Facebook ????? ???? ?? ??? ? ???? ???, SNS ??, ??? ?? ? ?????? ??? ??, ?? ??? ? ?? ????. ?? ? ???? ?? ??? ???? ???. ? ???? ?? ? ?? ?????. ?? ????, ??? ??? ???, ???? ??, ????? ?? ???.
5. ??? ! ???? ??? ?????, ? ??? ?????? ????. ?????. ??? ?? ? ?? ?? ??? ??? ??? ??? ???? ??? ? ????. ??? ?? ?? ?? ?? ??? ????. ??? ???? ??? ??? ????. ???? ?? ? ??? ?? ??? ?? ??? ??? ? ?? ????. ????? ???, ??? ????? ??????. ?? ? ?????? ???.
?????. ? ??? ????? ?? ???? ?? ? ? ????. http://isangho.com/study/appdesign

More Related Content

? ??? ????

  • 1. ? ??? ???? Starting App Design 2014. 9. 11
  • 2. ???? ?????. ?????? ???? ??????. http://isangho.com
  • 5. 2010 2011 PingPing SwingSwing 2012 2013 2014 Motion SwingSwing Touch mymenu ????2011 ????2012 ?????? VideoSnapshot Toolkit+ Moment Camera BShutter Icon Tester Tagshot Eggshot ????
  • 6. ?? ?? 1. ??? ???? 2. ? ??? ???? 3. Case Study 4. ???? 5. ???
  • 7. 1. ??? ???? ? ??? ? ???? ???? ????? ?? ?????. ? ??? ????? ?? ???? ?? ? ? ????. http://isangho.com/study/appdesign
  • 8. 2. ? ??? ???? App ?? ??????? ????, ????, ???? ???.
  • 9. 2. ? ??? ???? ???* App ??? ?? ??? ????? ??? ??? ?????. *??? ???? ?? ??? ???? ??? ????, ??? ??? ??????.
  • 10. 2. ? ??? ???? ? ??? ??? App ??? ? ???? ?? ???? ??? ??? ???? ??? ?? ? ?? ?? ?? ?????? ?? ? ?????.
  • 11. 2. ? ??? ???? App ???* ???? ? ???? ?? ?? ?? ????. ????? ???? ??? ?????. *??? ???? ?? ??? ?? ???? ?????? ????.
  • 12. 2. ? ??? ???? App ?? ??????? ????, ????, ???? ???.
  • 13. 2. ? ??? ???? ???? ???? ???? ??? ??? ? ??? ???? ?? ??? ???? ??? ???? UI/UX ??? ????, ?? ???, ??, SNS ???, SNS ??
  • 14. 2. ? ??? ???? Logotype Store Icon App Icon Screenshot x5 Launch Image UI/UX Design Promotion Image SNS Cover Image SNS Cover, Profile Image Website (Landing page) Mobile Website
  • 15. 2. ? ??? ???? Logotype ? ?? ?? ??, ?? ?? ????. ??? ????? ??? ?????? ?? ? ? ????. SNS Cover Image
  • 16. 2. ? ??? ???? Logotype ????? ?? ??, ??? ??? ?? ?? ?? ????. ? ?? ????? ?? SNS Cover ???. Image
  • 17. 2. ? ??? ???? Logotype ??? ????, ?? ?? ????. ????? ?? ??? ?? ???? ???, ????? SNS Cover ?????. Image
  • 18. 3. Case Study Paper
  • 19. Store Icon App Icon Logotype Launch Image UI/UX Design Website (Landing page) Screenshot SNS Cover / Profile
  • 23. Store Icon App Icon Logotype Launch Image UI/UX Design Website (Landing page) Screenshot SNS Cover / Profile
  • 28. Paper Store Icon App Icon Logotype Launch Image UI/UX Design Website (Landing page) Screenshot SNS Cover / Profile
  • 34. Store Icon App Icon Logotype Launch Image UI/UX Des http:// Website (Landing page) Screenshot SNS Cover / Profile
  • 38. 3. Case Study ?? ??? ???? ?????. ?? ?? ?? ???, ???? ???? ???, ????? ?? ???? IFTTT* ???? ?????, iPhoto ??? ??? ??? ?? ??? ??? ? ??? ???. *IFTTT(https://ifttt.com): IF(??) This then(??? ??) That(??? ?). ?? ??? Recipe? ??? ?? ???? ????. ?) ＾?? ????? ???, ????? ??￣
  • 39. 4. ???? ?? ??? ?????. ?? ??? ????? ??? ????????.
  • 40. 4. ???? ? ???? ??? ??? ? ?????. - ? ??? - ?? ??? - ???? ???? - SNS ??/??? - ???? ?? ??? ? ?? ?? ??? ???. ?? ? ??? ?? ? ??? ?? ????. ??? ????? ?? ? ????.
  • 41. 4. ???? ? ??? ? - ? ??? - ?? ??? ? ??? ? - ???? ???? - SNS ??/??? - ???? ?? ??? ?? ? ??? ??(??? ?? ??), ? ??? ?(??? ???? ??)? ????. ? ??? ?? ????? ???? ??? ????? ????. ?? ?? ??? ?? ??????. ??? ???? ? ???? ?? ???.
  • 42. 4. ???? ?? ?? ??? ?? ??? ?? ??? ?? ?? ?? ??? ?? ?? ?? ? ??? ?? ??? ? ??? ???? ?? ??? ???? SNS ???/?? ??? ?? ??? ?? ?? ??
  • 43. 4. ???? 1. ?? ??? 2. ? ??? ??? 3. ???? ?? ??? 4. ???? 5. SNS ? ??
  • 44. 4.1. ?? ??? ?? ?? - ?????? - ?????? - UI ??? ?? - ???? ????? ????
  • 45. 4.1. ?? ??? - ?????? / ?????? ??????? ? ??? ??? ?? ???? ?. ??????? ???? ??? ?? ?? ?????? ? ! ? ??? ???? ??? ?? ?? ??? ???? ??? ?????.
  • 46. 4.1. ?? ??? - ?????? Google ????? ＾App Wireframe￣
  • 47. 4.1. ?? ??? - ?????? Google ????? ＾App Prototyping￣
  • 48. 4.1. ?? ??? - ?????? ?? ? ??? ? ?, ??? ?????? ??? POP*?? ?????. POP *POP - Prototyping on Paper https://popapp.in ??? ?? ?? ??? ?? ?????? ??? ?
  • 49. 4.1. ?? ??? POP? ?? ???? ??????(?? ??? ??) - ??????
  • 50. 4.1. ?? ??? - UI ??? ?? ???????? ??? ???, ????(???/???????)? ??? ????? ?????. ! ?? ???? ????? ??? ???? ?? ??? ? ???? ?? ?????.
  • 51. 4.1. ?? ??? - UI ??? ?? UI ??? ??? ?? ? ?? ????? ?? ?? Moment ???? ??? ?? ??????.
  • 52. 4.1. ?? ??? - UI ??? ?? Moment Camera http://momentcamera.me
  • 53. 4.1. ?? ??? - UI ??? ?? ??? ??*? ? ??? ????. ??????/??????? ?? ?? ???? ???. *??? ?? ??? http://screensiz.es/ UI ???? ??? ? ?????, ?? OS? ??? ?????? ???? ???. ? ???? UI ???? ??? ??? ???? ??? ?? ????. ? ?? ?? ???? ?? ???? ??? ??? ?? ?? ?? ????.
  • 54. 4.1. ?? ??? - UI ??? ?? - ??? ????? Apple Design Guide - iOS Design Resources https://developer.apple.com/library/ios/design/
  • 55. 4.1. ?? ??? Android Design Guide https://developer.android.com/design/ http://www.google.com/design/ - UI ??? ?? - ??? ?????
  • 56. 4.1. ?? ??? - UI ??? ?? - GUI ??? Teehan+Lex GUI Template http://www.teehanlax.com/tools/
  • 57. 4.1. ?? ??? - UI ??? ?? Moment Camera UI ?? ?
  • 58. 4.1. ?? ??? - UI ??? ?? - ?? ???? ?? ?? ??? ｀??(Shape)¨ ???? ?? ??? ????? ｀?? ??(Smart Object)¨? ?? ????? ??? ?? ｀??(Shape)￣ ??? ???, ??? ???? ????????? ??? ????(Smart Object)? ???? ??????. (?? ??? ??? ????? ?? ?? ???? ??? ? ? ?? ? ???, ???????? ?? ???? ??? ?? ??? ????. ??? ??? ??? ?? ???.)
  • 59. 4.1. ?? ??? - UI ??? ?? - ??? ?? ??? ??? ??, 4?? ?? ??? 4?? ??? ????. ??/???/??/???? normal / highlighted / selected /disabled ! ? ??? ?? ??? ?? ?? _n / _h / _s / _d ?? ??? ?? ??? ?? ?? ?????.
  • 60. 4.1. ?? ??? - UI ??? ?? - ??? ???? ?? ??? ??? ???? ?? ??? ???? ???? ???? ??? ? ?? ??? ????. (????, ??? ??? ?? ??)
  • 61. 4.1. ?? ??? - UI ??? ?? - ?? ??? ?? ???? ??? ?? ??? ????. ! ? ???? ????? ???? ??? ??, ? ???? ???? ???, ?? ?? ?? ????? ??? ????. ! ??? ??? ?????, ?? ??? ??? ? ????, ? ???? BI? ??? ??? ???. ! ?? ??? ?? ???? ??? ???. Moment Camera ?????
  • 62. 4.1. ?? ??? - UI ??? ?? - ?? ??(Slice) ?? ?? ?? ??(Slice) ??? ? ????. UI? ?? ??? ?? ??, ??? ??? ???? ?? ?? ???*, ?? ??(Slice) ???? ??? ??? ???? PNG ??? ???? ???. *UI ???? ??? ???? ??? ????? ????. Assistor PS http://witstudio.net/assistor/
  • 63. 4.1. ?? ??? - UI ??? ?? - ?? ??(Slice) - ???? ?? ???? ??(Save for Web)
  • 64. 4.1. ?? ??? - UI ??? ?? - ???? ?? ???? ??(Save for Web)? UI ????? ??? ?? ??? ?? ??? ????. ??? ??? PNG ??? ???? ??? ???. ! ? ??? UI??? ??? ?? ?? ?? ???´ ??? ? ??? ???? ????? ?? ?????. http://saveforwebclaws.tumblr.com ???? ??(Save for Web)
  • 65. 4.1. ?? ??? - UI ??? ?? - ?? ??? ??? ??? ???? Skala Preview http://bjango.com/mac/skalapreview/ ???? ????, ????? ??? ??? ??? ????? ??? ? ????. UI? ??? ???? ??? ???? ?? ??? ? ??? ?? ??? ????.
  • 66. 4.1. ?? ??? - UI ??? ?? UI ??? ???? ??? ? ? ????. ??? ?????? ??? ??? ? ?? ? ???. ??? ?? ?? ??????? ?? ???, ?????? ?? ????.
  • 67. 4.1. ?? ??? - UI ??? ?? - ????? PPP (Pixel Perfect Principles) PPP - http://ustwo.com/ppp/ PPP? ? ???? ????? ???. ? ?? PDF? ???? ? ? ???, ?? ??? ??? ??? ??, ?? ??? ????? ???? ??????.
  • 68. 4.1. ?? ??? - UI ??? ?? - ????? https://dribbble.com ???? ?? ???? ???? ???? ?? ????? ??????. GUI ????? ?? ???? ????. Dribbble
  • 69. 4.1. ?? ??? - UI ??? ?? - ????? http://iosfonts.com iOS?? ??? ? ?? ?? ???? ????, ????? ? ????. iOS ?? ?? ?????? ??? ? ?????. iOS Fonts
  • 70. 4.1. ?? ??? - ???? ????? ???? ?? ? ??? ?? ?? ????, ? ??? ???? ???? ?? ?? ????. ! ? ??? ??? ????? ???? ??? ???? ?? ????? ?? ??, ??? ??? ? ?? ???? ??????. ! ???? ?? ?? ??? ??? ????, ??? ???? ??? ??????. ??? ????? ???? ???? ?? ???.
  • 71. 4.1. ?? ??? - ???? ????? ???? ????? ???? ???´
  • 72. 4.2. ? ??? ??? ?? ?? - ??? - ??? - ??? ?? - ??? ?? - ?? ???
  • 73. 4.2. ? ??? ??? - ??? ???? ???? ? ??????´
  • 74. 4.2. ? ??? ??? - ??? ????? Dribbble ??´
  • 75. 4.2. ? ??? ??? - ??? Google ????? ＾App Icon Sketch￣
  • 76. 4.2. ? ??? ??? - ??? Moment ???? ???, ???????
  • 77. 4.2. ? ??? ??? - ??? ?? ???? ????, ??? ???? ?????. ? ??? ????. ???: 1024x1024 px ?? ?????? ?? ?? ? ???, ?? 1024px? ???? ? ???? ?????. 1024px? ???? ??? ????? ????.
  • 78. 4.2. ? ??? ??? - ??? ?? Moment ??? ??? (1.0, 1.3, 1.4~) ??? ???? iOS6?? 7? ????? ???? ?????. iOS7??? ????? ???? ????? ?? ? ????.* ???? ?? ?? ? ??? ???. iOS ??? ???? http://daramghaus.com/icontester/mask
  • 79. 4.2. ? ??? ??? - ??? ?? OS? ?? ??? ???? ??? ??? ????. ???? ??? ?? ?? ??(??? ??)? ??? ??? ???. Photozoom pro? ???? ?? ??? ????. http://www.benvista.com/photozoompro
  • 80. 4.2. ? ??? ??? - ??? ?? - Icon Tester Icon Tester? ??????. ??? ???? ????? ?? ??? ??? ??????. ???? ??? ??, ??? ???? ?? ???? ??? ???????. http://daramghaus.com/icontester/
  • 81. 4.2. ? ??? ??? - ?? ??? - Icon Tester Icon Tester? ?? ?? ???? ?? ?? ?? ??????. ???? ???? ??????. ???? ??? ???? ??? ??? ??? ????, ?? ???? ????. ??? ????? ｀? ??? ??¨?? ???? ? ??? ????. (?????? ?? ???? ?? - ?? ???? ?? ?? ??) http://daramghaus.com/icontester/
  • 82. 4.3. ???? ????? Website (Landing page)
  • 83. 4.3. ???? ????? Paper Website (Landing page)
  • 84. 4.3. ???? ????? Mobile Website
  • 85. 4.3. ???? ????? Website Landing page
  • 86. 4.4. ???? Cool Kindness ?? ??? ???? ???, ????? ?????. ???? ?? ?????? ????? ?? ? ????.
  • 88. 4.4. ???? Paper Screenshot
  • 92. 4.5. SNS ? ?? Moment ??? Facebook ????? ???? ?? ??? ? ???? ???, SNS ??, ??? ?? ? ?????? ??? ??, ?? ??? ? ?? ????. ?? ? ???? ?? ??? ???? ???. ? ???? ?? ? ?? ?????. ?? ????, ??? ??? ???, ???? ??, ????? ?? ???.
  • 93. 5. ??? ! ???? ??? ?????, ? ??? ?????? ????. ?????. ??? ?? ? ?? ?? ??? ??? ??? ??? ???? ??? ? ????. ??? ?? ?? ?? ?? ??? ????. ??? ???? ??? ??? ????. ???? ?? ? ??? ?? ??? ?? ??? ??? ? ?? ????. ????? ???, ??? ????? ??????. ?? ? ?????? ???.
  • 94. ?????. ? ??? ????? ?? ???? ?? ? ? ????. http://isangho.com/study/appdesign