デザイン初心者のわたしがアプリ開発をするなかで学んだデザインの基本を紹介しています。 とくにデザイン苦手というかたにむけて書いています。このスライドを読むことで、デザインへの苦手意識が少なくなりデザインに挑戦していただけると幸いです。

1. デザイン初心者のオレが
アプリ作ったけど何か質問ある？
Studio Rainbow
とし（お好み焼きクリエイター）

2. 自己紹介
Toshiaki Nakamura（とし）
TwitterID @toshi586014（としごはんおいしー）
屋号はStudio Rainbow（虹色工房）
お好み焼きクリエイター（小説家、アプリ開発者、アプ
リ開発講師、主夫、LINEスタンプ作者、ブロガー）

3. アプリ紹介
『Astrowanderer（あすとろわんだらー）』
本格的なストーリーと難しさがクセになる
新感覚ふわふわ劇ムズアクションゲーム
『ぱぱんだっこ』
パパと子どものスキンシップを楽しむ
ついでにパパも健康になっちゃおう！
メディカル部門
最高ランク18位！

4. あなたのココロを彩る絵本風ほのぼの小説
『あずきちゃんと虹色クレヨン』
Amazon Kindleと楽天Koboで販売中！
おもな創作物
コミュニケーションを楽しくする
『ぱぱんだっこLINEスタンプ』
『肉めないニクスタンプ』
LINEストアで販売中！
タスク管理小説『僕らのタスク管理ストーリー ∼あの季節を忘れない∼』
アプリ開発小説『アプリガール』
ブログ『はれときどきくもりZ』で連載中！

5. デザインというと……
センスがない 絵がヘタ
配色ニガテ

6. センスがないだって？
エラ・イヒート
（1765-1803）
デザインは99%の理論と1%のセンス
に優しさをトッピングしてできあがる

7. 絵がヘタだって？
それに丸、三角、四角さえあれば、たいていのモノが描ける。
僕たちにはフリー素材があるじゃないか。
イラストAC http://www.ac-illust.com/
Unsplash https://unsplash.com/

8. Astrowandererの隕石を描いているときに……
とうちゃん、じゃがいもやねー
なんて言われることもあるけどね

9. 配色ニガテだって？
色相環とかあるけど気にしない。色選びはサイトにおまかせ。
Adobe Color CC https://color.adobe.com/ja/create/color-wheel/
Webカラー配色パターン http://iso-labo.com/labo/web_color_mix.html
僕たちには配色サイトがあるじゃないか。
いまは

10. ニガテ意識がうすれた？
デザインの基本をやるぞよ
エラ・イヒート2世
（1901-1974）

11. デザインとは？
なにかを伝えるためのデザイン。
例：交通標識は、交通ルールを伝達するためのデザイン。
機能
なにかを実現するためのデザイン。
例：新幹線の流線型は、速く走るための機能を実現するためのデザイン。
伝達
見た目のきれいさもあるが、それはあくまでも『機能』と『伝達』を補佐するためのデザイン。
パリコレなどの服装のデザインはきれいさを追求しているが、あれはきれいさを実現する『機能』ときれ
いさを伝える『伝達』を目的としているから。

12. 大前提
iPhoneやiPadをつかうユーザーは、芸術的
な美しさのアプリを求めている……
わけではなく、自分がやりたいことを実現
できるアプリを求めている。

13. デザインが主役ではない
デザインはあくまでもやりたいことを
実現するための機能のひとつ
エラ・イヒート3世
（2001-20??）

14. デザインの四要素
近接 整列
反復 強調

15. デザインの四要素
近接 整列
反復 強調
1.近接。
関連する要素は近くに配置し、関連が薄い要素は遠くに配置することでグループ化できる。
2.整列。
要素同士を整列させることで透明な線が生まれ読みやすさが向上する。
3.反復。
デザイン要素をアプリ全体を通して繰り返すことでアプリに統一感が生まれる。統一感によってユーザービリティが向上
する。
4.強調。
要素同士の違いを強調してコントラストを高めることで特定の要素に注目を集める。

16. アプリのターゲットを明確にする
アプリデザインがぶれないために
5W1Hとペルソナ法
いつ、どこで、誰が、なにを、どのように、アプリを使うか？
『誰が』をより深化することでアプリは進化する！

17. モバイルアプリという呪縛
指で操作する（キーボードやマウスではなく）。
快適にタップできる範囲は小さい（特に片手操作のとき）。
ユーザーは画面を見ない（ながら見）。
あくまでモバイルアプリをつくっていることを忘れない

18. デザインルールはApple様の言うとおり。
標準の部品を使えば誰でもiOSアプリっぽいデザインができる。
iOSアプリデザイン基本のキ
iOSアプリをつくっていることを忘れない
（Astrowandererとぱぱんだっこは使ってないけどね）
あんまり

19. こうしてできあがったのがこれだ！
Astrowanderer ぱぱんだっこ

20. エレベーターのシンプルマークを
つくってみよう！
デザイン実習 その壱

21. ペーパープロトタイピングでアプリの
デザインをしてみよう！
デザイン実習 その弐

22. iPhoneアプリ設計の極意
アプリをデザインするうえで大切なことがびっしりつまった一
冊。2011年の本なのでスクリーンショットは古いが、内容はい
まも色あせない。アプリ開発者なら一度は目を通しておきたい。
参考文献
誰のためのデザイン？
認知心理学者でヒューマンインタフェース研究の草分け的存在の
著者がデザインについて書いた一冊。アプリとは直接関係ない
が、ユーザーの方をむいたデザインというものを知るためにお
さえておきたい。
Eテレの『デザインあ』もオススメじゃ

23. デザインの実習をしてみてどうでしたか？ やっぱりムリとなりましたか？ それともけっ
こういけるやんとなりましたか？
わたしはアプリ開発をはじめてしばらくしてから、デザインの勉強をはじめました。デザイ
ンの勉強をして感じたことは、デザインとは思ってたよりもしっかりとした理論がある世界
だということです。そして、そういうことを意識するだけでもデザインに対する見え方が全
然変わってきます。
あと、デザインというと綺麗さや見た目の良さばかりに目がいってしまいがちですが、機能
面でのデザイン（ボタンを押しやすい配置とか、重要な項目を目立たせる方法とか）も大事
です。両者は切っても切れないものなので、バランスよく両方を考えることが大切です。
デザインの勉強をはじめたころのわたしのように「デザインなんてムリですー」といって敬
遠するのはもったいないです。ぜひ、積極的にチャレンジしてください。
おわりに

24. 次回作
笑顔あふれる
コミュニケーションカメラアプリ
Studio Rainbow
お好み焼きクリエイター とし
ご清聴ありがとうございました
なつかしいがあたらしい
ぱぱんだっこもぐらたたき
Coming
Soon……