Event : カレーとデザインの夕べ -CURRY DESIGN- Location : Fablic, inc. Date : 2015.11.25 Speaker : 割石裕太 / wariemon - UI Designer @Fablic, inc. / OH "カレーとデザインの夕べ -CURRY DESIGN-" の 4番目のスピーカーとしてLTさせていただきました。 ゆるいLTを聞きながら、もうやんカレーを楽しもうという会だったので、今回は、カレーのビジュアルを iOS アプリデザインにおける 白背景のアプリアイコンに例え、超細かい実践ネタをLTさせていただきました。

2. はじめまして！割石です。
割石 裕太
@wariemon
Fablic, inc. | Art Director / UI Designer

3. はじめまして！わりえもんです。
@wariemon
OH | Personal Design Project
http://wariemon.com | ohmake.it@gmail.com

4. カレー と アプリデザイン

5. 白いお皿にカレー。
カレー と アプリデザイン

6. カレー と アプリデザイン

7. カレー と アプリデザイン
これ以上ないシンプルな訴求。

8. カレー と アプリデザイン
よく見るとアプリデザインにも
似たような構図が…

9. カレー と アプリデザイン

10. カレー と アプリデザイン

11. カレー と アプリデザイン

12. カレー と アプリデザイン

13. カレー と アプリデザイン
最近増えつつある、
白背景のアプリアイコン！

14. カレー と アプリデザイン
カレーもデザインも
綺麗に盛り付けてこそ！

15. カレー と アプリデザイン
ということで、
ここから本編です！

16. 綺麗なデザイン
の盛り付け方 超小ネタ編

17. 綺麗にデザインを盛り付けよう Let s talk about white app icons by Michael Flarup

18. 綺麗にデザインを盛り付けよう
確かに似通った表現になりがち。

19. 綺麗にデザインを盛り付けよう
それでも美しい表現手段の一つでは、
あると思います。

20. 綺麗にデザインを盛り付けよう
他の要素がすくないからこそ、
美しく見える 白アイコン。

21. 美味しいデザインの盛り付け方 - 小ネタ編

22. 綺麗にデザインを盛り付けよう

23. 綺麗にデザインを盛り付けよう

24. 綺麗にデザインを盛り付けよう
ん？

25. 綺麗にデザインを盛り付けよう

26. 綺麗にデザインを盛り付けよう
これは！

27. 綺麗にデザインを盛り付けよう
黒いラインが！

28. これは！
綺麗にデザインを盛り付けよう
いくら、料理がおいしくても

29. これは！
綺麗にデザインを盛り付けよう
お皿が汚れていては、
せっかくの料理も台無し。

30. 綺麗にデザインを盛り付けよう
デザインも同じです！

31. 綺麗にデザインを盛り付けよう
どんな状態であれ、
美しく見える様にしたいもの。

32. 綺麗にデザインを盛り付けよう
では早速、汚れをとってみましょう！

33. みなさんいつもお馴染みのアレです http://appicontemplate.com/ios9/
iOS 9 App Icon Template
by Pixel Resort

34. みなさんいつもお馴染みのアレです http://appicontemplate.com/ios9/
iOS 9 App Icon Template
by Pixel Resort
このテンプレート、
すごく便利ですよね。

35. みなさんいつもお馴染みのアレです http://appicontemplate.com/ios9/
iOS 9 App Icon Template
by Pixel Resort
ただ、白いアイコンを作る
ときには注意が必要なんです！

36. みなさんいつもお馴染みのアレです http://appicontemplate.com/ios9/
iOS 9 App Icon Template
by Pixel Resort
まずはこのテンプレートに、
カレーを盛り付けましょう。

37. 綺麗な盛り付けは 綺麗な器から

38. 綺麗な盛り付けは 綺麗な器から
綺麗にできた！
…ように見えますね。

39. 綺麗な盛り付けは 綺麗な器から

40. 綺麗な盛り付けは 綺麗な器から
ここに注目しましょう！

41. 綺麗な盛り付けは 綺麗な器から
ズームしてみました。

42. 綺麗な盛り付けは 綺麗な器から
この黒背景をとってみましょう。

43. 綺麗な盛り付けは 綺麗な器から
とってみると…

44. 綺麗な盛り付けは 綺麗な器から
あの黒いラインが！

45. 綺麗な盛り付けは 綺麗な器から
実はこの時点で汚れているんです！

46. 綺麗な盛り付けは 綺麗な器から
この縁汚れ、たった一手間
加えるだけで消すことができます！

47. 綺麗な盛り付けは 綺麗な器から
GIFアニメでご覧頂きましょう。
当日はGIFアニメでご覧頂きました。

48. 綺麗な盛り付けは 綺麗な器から
このpsdの中の base というレイヤー

49. 綺麗な盛り付けは 綺麗な器から
このレイヤーを消すだけで大丈夫！

50. 綺麗な盛り付けは 綺麗な器から
この一手間だけで

51. 綺麗な盛り付けは 綺麗な器から
デザインも綺麗に盛り付けられます！

52. 綺麗な盛り付けは 綺麗な器から
料理もデザインも、
見た目は二の次！じゃ悲しいですよね。

53. 綺麗な盛り付けは 綺麗な器から
綺麗な盛り付けは、
そのあとの体験も よりよいもの に
してくれるはず。

54. 綺麗な盛り付けは 綺麗な器から
綺麗な盛り付けは
綺麗な器から。