Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Taste Design, UI #19

Open
6 of 11 tasks
keitakawamoto opened this issue Oct 26, 2015 · 10 comments
Open
6 of 11 tasks

Taste Design, UI #19

keitakawamoto opened this issue Oct 26, 2015 · 10 comments

Comments

@keitakawamoto
Copy link
Member

keitakawamoto commented Oct 26, 2015

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

TODO

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

ロゴ

image

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

@keitakawamoto
Copy link
Member Author

ロゴ模索ログ

2015-11-30 0 16 16

構成要素まとめ

2015-11-30 0 16 44

スマホビュー理想案

2015-11-30 0 17 01

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

PCビュー理想案

2015-11-30 0 17 11

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

UIに関する懸念

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

@keitakawamoto
Copy link
Member Author

PCビューについて

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

@keitakawamoto keitakawamoto changed the title Taste Design Taste Design, UI Dec 16, 2015
@keitakawamoto
Copy link
Member Author

PCビューについて2

image

image

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

@keitakawamoto
Copy link
Member Author

Markdownスタイルの用意中

image

@keitakawamoto
Copy link
Member Author

image

@keitakawamoto
Copy link
Member Author

メモ・まとめUI

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

sutekkiui_03

@keitakawamoto
Copy link
Member Author

サインイン

image

@keitakawamoto
Copy link
Member Author

サインアップ

image

@keitakawamoto
Copy link
Member Author

ポスト

image

@keitakawamoto keitakawamoto mentioned this issue May 22, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant