誰でも出来る

NotesアプリをもっとCOOLに

More Design Programming

2015/11/06

Tetsuji Hayashi

1

普通のNotesアプリ

2

ビュー

3

ビュー

ナビゲータ ビュー一覧 ビュー

アクションバー

4

フォーム

5

フォーム

ナビゲータ ビュー一覧

なぜナビゲータが 残らない？

Webアプリケーションの登場で

多くの人の「当たり前」が変わってしまった 6

じゃぁどうする？

7

ビュー

8

ビュー

フォントは メイリオ

文字サイズは 大きく

ファイルリソースの画像はビューか

ら使える

paddingを確保

フレームでヘッダーを作る

9

フォーム

10

フォーム

paddingを確保

フォントは メイリオ

黒文字はダサいので濃いグレー

11

標準の機能だけで作ると

必然的にNotes臭のするアプリになる

忘れてはいけないのは

似たデザインにはメリットがある 12

まとめ

OLD New

MSゴシック、Default sanselfは 使わない

標準アイコンは使わない

paddingを設定する

メイリオ

余白を持たせ、シンプルなデザインへ

ナビゲータとビューだけ フレームでヘッダーを作る

(ヘッダーにナビ機能を持たせてもOK)

標準の文字サイズ

フリー素材や自作でファイルリソースへ

デザインで大切なのは

情報の整理(必要or不要、優先順位)

文字は大きく、情報は少なく 文字は大きく、情報は少なく

13

情報の整理でもめた場合

基本コンセプトへ立ち返る 「そもそも何がしたいの？」

基本コンセプト、ビジョンが大切

だ・か・ら

14

Let’s Enjoy Notes&XPage

XPagesDay2015でお会いしましょう!!

15