2015/11/16 ノーツコンソーシアム大阪　発表資料

1. 誰でも出来る
NotesアプリをもっとCOOLに
More Design Programming
2015/11/06
Tetsuji Hayashi
1

2. 普通のNotesアプリ
2

3. ビュー
3

4. ビュー
ナビゲータ
ビュー一覧 ビュー
アクションバー
4

5. フォーム
5

6. フォーム
ナビゲータ
ビュー一覧
なぜナビゲータが
残らない？
Webアプリケーションの登場で
多くの人の「当たり前」が変わってしまった
6

7. じゃぁどうする？
7

8. ビュー
8

9. ビュー
フォントは
メイリオ
文字サイズは
大きく
ファイルリソース
の画像はビューか
ら使える
paddingを確保
フレームでヘッ
ダーを作る
9

10. フォーム
10

11. フォーム
paddingを確保
フォントは
メイリオ
黒文字はダサいの
で濃いグレー
11

12. 標準の機能だけで作ると
必然的にNotes臭のするアプリになる
忘れてはいけないのは
似たデザインにはメリットがある 12

13. まとめ
OLD New
MSゴシック、Default sanselfは
使わない
標準アイコンは使わない
paddingを設定する
メイリオ
余白を持たせ、シンプルなデザインへ
ナビゲータとビューだけ
フレームでヘッダーを作る
(ヘッダーにナビ機能を持たせてもOK)
標準の文字サイズ
フリー素材や自作でファイルリソースへ
デザインで大切なのは
情報の整理(必要or不要、優先順位)
文字は大きく、情報は少なく文字は大きく、情報は少なく
13

14. 情報の整理でもめた場合
基本コンセプトへ立ち返る
「そもそも何がしたいの？」
基本コンセプト、ビジョンが大切
だ・か・ら
14

15. Let’s Enjoy Notes&XPage
XPagesDay2015でお会いしましょう!!
15