Taste Design, UI

[keitakawamoto]

一次リリースに向けこちらも v0.0.1 を作成する

TODO

• [x] ロゴ考案
• [ ] ロゴを実装できる状態に
• [ ] UI作成
  • [x] メモ
  • [x] まとめ
  • [x] サインイン
  • [x] ユーザー登録
  • [x] 新規投稿
  • [ ] タグ管理
  • [ ] タグソート
• [ ] Markdownスタイル想定

[keitakawamoto]

ロゴ

• 「メモを追加していく」
• 「二つの重なりが S の形をしている」

[keitakawamoto]

ロゴ模索ログ

構成要素まとめ

スマホビュー理想案

• メモ一覧が表示
• クリックで詳細画面
• フッタボタンでページ切り替え

PCビュー理想案

• スマホビューを展開した状態
• 初期状態では右側には何も表示されない（ロゴマークをうっすら表示でもいいかも）

UIに関する懸念

一次リリースには上記UIは間に合わない。 現状、各メモやまとめの表示はページ遷移する形式になっているので、上記のアプリ的な動作を実装するにはスマホとPCビューの切り替えの問題がある（メディアクエリだけでは実現できない）。 これらは二次リリース以降にして、まずはPCビューのみで実装完了できるUIを作成する。

[keitakawamoto]

PCビューについて

上記案でOK。 まずはこれを実装する。

[keitakawamoto]

PCビューについて２

手書きの中にある まとめはUIを変える はしなくてうまくいきそう。

[keitakawamoto]

Markdownスタイルの用意中

[keitakawamoto]

[keitakawamoto]

メモ・まとめUI

どちらも同じテンプレートを利用

[keitakawamoto]

サインイン

[keitakawamoto]

サインアップ

[keitakawamoto]

ポスト