TODO #1307

グラフィックの作成

- nippeiほぼ7年前に追加. 5年以上前に更新.

ステータス:終了開始日:2011/04/01
優先度:通常期日:2011/06/10
担当者:中村 美鈴進捗率:

0%

カテゴリ:-
対象バージョン:2.0.0 stable

説明

お疲れさまです。西です。
Redmineを使うのが初めてだったので、コメント登録のテストをする際に間違って「TODO #1224:グラフィックの作成」を削除してしまいました(>_<)

本当にすみませんでした!!

今までに送られてきていたメールからTODOを復元します。
ちょっと読みにくくなってしまいますが・・すみません。

────────────────────────────────────
▼ clipdesign のコメント
────────────────────────────────────

非常におそくなってしまってすみません。。。
パターンをつくってみたのでご確認お願いします。

レイアウトにあれこれ迷ったのですが、何かもっと見せやすい案とかあったら
何でもご意見いただければとおもいます。

よろしくおねがいします。

────────────────────────────────────
▼ryuring のコメント
────────────────────────────────────
デザイン確認しました!
個人的には、B案がスッキリしてていいかなと思ってます。A案はちょっと重いかな〜と。

  • 1カラムか2カラムかについて
    基本2カラムで、Cacooのログインのように隠す事ができるデザインにできますか?
    この場合、左したのフリースペースはいらないです。
  • グローバルメニュー
    もう少しボタンを小さくしてスッキリしたイメージではどうでしょう?
  • 操作欄
    ボタンの機能と色を関連づけると直感的だけど、ここには、現在の仕様で最大5個並びます。
    また、機能的な種類はもっとります。「適用」だとか、「コピー」だとか。全種類ピックアップして一つ一つ色を割り当てるのも一つの案だけど、機能の追加しやすさを考えると一色でもよいのかな・・と。
    どなたか意見ください。
  • SERCHとHELPについて
    開いた時のイメージがどうなるか知りたいです。何もないところからスルッとスライドする感じかな・・?

misuzuさん、お手数ですがよろしくお願いしますm( _ _ )m

他の方もご意見あればよろしくお願いします。

A-1.jpg - Aパターン 1カラム (248.511 KB) - nippei, 2011/04/01 12:53

A-2.jpg - Aパターン 2カラム (241.923 KB) - nippei, 2011/04/01 12:53

B-1.jpg - Bパターン 1カラム (235.742 KB) - nippei, 2011/04/01 12:53

B-2.jpg - Bパターン 2カラム (231.254 KB) - nippei, 2011/04/01 12:53

B-3.jpg - TOPデザイン修正(アイコン追加) (208.334 KB) 中村 美鈴, 2011/04/15 16:43

C.jpg - デザイン案C (249.216 KB) 中村 美鈴, 2011/05/04 13:16

D.jpg - D1 (242.498 KB) 中村 美鈴, 2011/06/09 00:02

D2.jpg - D2 (248.073 KB) 中村 美鈴, 2011/06/09 00:02

D3.jpg - D3 (246.413 KB) 中村 美鈴, 2011/06/09 00:02

D4.png (582.155 KB) 江頭 竜二, 2011/06/09 11:48

D4.jpg - D4 (243.415 KB) 中村 美鈴, 2011/06/11 12:15

91
92
93
94
104
105
106
107
108
109
110

履歴

#1 - nippeiほぼ7年前に更新

A案かB案かでいうと、B案の方が好きです。

操作欄のボタンについてですが、いままでBaserを使い慣れている人は、「確認:グリーン」「編集:オレンジ」「削除:クロ」というのに慣れているから、ボタンの配色は継承した方が良いと思います。
他のボタンが増えるときには、その都度新しい配色を作る事になりますが、そんなに多数ではないから、いいかなと‥

増やす際にはCSSで配色を付けれるように、ボタンの背景はグラデーションではなくベタ塗りだと都合が良いと思います。

#2 中村 美鈴ほぼ7年前に更新

ご意見ありがとうございます!
それではB案を元にブラッシュアップしたいと思います。

操作ボタンは、色は継承&ベタ塗りに変更してみますね。

他の方も何かご意見ありましたら参考にさせていただきたいと思いますので
よろしくお願いします!

#3 江頭 竜二ほぼ7年前に更新

お疲れさまです。先日の勉強会でみんなにデザインを見てもらいました。
そこで次のような意見が出たのですが対応できますか?

  • グローバルメニューにアイコンを入れて欲しい
  • 操作欄のボタンもアイコンにして欲しい(多数決とりましたがアイコンがいいという意見がほとんどでした)

何かいいフリーのアイコンありますか?
ちなみに操作欄を調べたところ次のようなものがあります。
編集、削除、権限、管理、確認、コピー、設定、適用、(フォルダを)開く

#4 中村 美鈴ほぼ7年前に更新

先日は勉強会参加出来なくてすみません!
デザインの確認していただいたみたいでありがとうございます。
アイコンですね!了解です。

グローバルのアイコンとかどのようなアイコンにしたら
いいかっていうのが悩みどころなので、何かいい案ありましたら
ご意見いただけたらなと思います。

よろしくお願いします。

#5 中村 美鈴ほぼ7年前に更新

おつかれさまです。
ちょっとTOPを修正していて悩んでしまったのでご相談です。

基本2カラムで、Cacooのログインのように隠す事ができるデザインにできますか?

とのことでしたが、これをしようと思うと、レイアウトを中央寄せではなく、左にくっつけてそこにタブを置く感じなのかなーと思ったのですがいかがでしょうか?

ヘッダーが角丸の中央寄せなのでそれに再度のサイズが合わないのはおかしいのかな?とか。
可変ということは右が伸びるけどその時ヘッダーも伸びるのかな?

とかとか。コーディングの事を考えるとどうしたらよいか悩んでしまって。
これがいいよ!というのがあればご意見ください。

また、アイコンを作って入れてみたので添付します。こちらに関してもご意見いただければと思います。

よろしくおねがいします!

#6 江頭 竜二ほぼ7年前に更新

アイコンありがとうございます!

コーディングの事を考えると確かにサイドバーのところは少し悩ましいですね。

来週あたり一度打ち合わせしましょう。スケジュール調整して連絡しますね。

#7 中村 美鈴6年以上前に更新

  • ファイル C.jpg を追加

おつかれさまです。先日は打ち合わせおつかれさまでした!
また時間があいてしまってごめんなさい。。
修正してみましたのでご意見いただけますでしょか??

ヘッダーのアイコンはメールで送っていただいた中からさがしてみました。
こっちの方がいいよ?などあればご意見ください!

ではではよろしくお願いします。

#8 - nippei6年以上前に更新

とても良くなったと思います!(コーディングもシンプルにできそうです)
記事の操作にあるアイコンは、たくさんあるので「ヘルプ」内の参照し易い場所にアイコン説明を作った方が良さそうですね。
いちおう、マウスオーバーで操作名が文字で出るようにtitle属性をつけようと思います。

#9 江頭 竜二6年以上前に更新

デザインお疲れさまです!

返事が遅くなってすいません、最近、仕事や最新版のリリースに追われてたので。。

美鈴さん >

色々と細かい点でお願いがあるので、日曜日お話しましょう。

にっぺいさん >

コーディングの件、もうしばらくお待ちください!

#10 中村 美鈴6年以上前に更新

☆にっぺいさん
ご確認ありがとうございました!
おまたせしちゃってて申し訳ないです〜。。

☆江頭さん
日曜日に細かいこと決めて調整できればと思います。
よろしくおねがいします〜

#11 中村 美鈴6年以上前に更新

  • ファイル D.jpg を追加
  • ファイル D2.jpg を追加
  • ファイル D3.jpg を追加

またさらに時間がたってしまいましたが・・・
先日打ち合わせた内容を反映してみました。

ウィジェットエリア管理のアイコンてどんなんだろう?何かいい案あったら教えてください〜

ほぼ変わらないですが、検索のところのデザインだけ少し変えてパターンだしてます。

ご意見お願いしますです。
よろしくお願いします。

#12 江頭 竜二6年以上前に更新

  • ファイル D4.png を追加

みすずさんデザインありがとうございます!

少し調整お願いします。指示は添付ファイルに書いてます。
色々と細かいところすいません ^ ^; コーディングレベルでも調整できるとは思うのですが、今の段階でイメージしておきたくて。。

ウィジェット管理、なんか思いつかないっすね〜。。とりあえず今のままでいきましょう。

あと、検索ボックスは、枠がはっきりしてるので、背景色なしでもいい感じかもですが、元々表示されてないものが表示されているという違和感をあえて与えた方がいいのかな?その場合、背景色があった方がいいですね。うーん悩ましい。。

ただ、テイストはヘルプと合わせた方がいいと思いました。

#13 中村 美鈴6年以上前に更新

ご指摘ありがとです!
検索ボタンは下の新規作成に合わせた方がいいですかね?
このボタンをアイコンとテキスト変えて共通して使おうってお話をしてましたね。

ちょこちょこ修正してみます!

あと、ヘルプと検索は共通にする予定です。パターン見てもらおうかな?と思って。
わかりにくくてすみませんでした(汗

明日までに送ります!ではでは〜

#14 中村 美鈴6年以上前に更新

  • ファイル D4.jpg を追加

おつかれさまです!

すみません、お待たせしました!
デザイン修正ご要望いただいたのを反映してみました。
またご意見いただけるとたすかります!

よろしくおねがいします〜

#15 - garyuten6年以上前に更新

いいっすね!!デザインおつです〜
江頭さんも書いてますけど、ほとんどコーディングレベルでも調整できる段階までできてると思いました!

#16 江頭 竜二6年以上前に更新

みすずさん、細かい調整対応ありがとうございます!
BaserCMSの管理画面がこのデザインになると思うとワクワクします!
これで一旦確定して、コーディングに入っていきたいと思います。

にっぺいさん、今月はコーディングの時間とれますか?
コーディングに入る前に一旦予定をお返事ください〜

#17 江頭 竜二6年以上前に更新

  • 題名グラフィックの作成 [TODO復元] から グラフィックの作成 に変更

#18 江頭 竜二6年以上前に更新

みすずさん、「ファイル 」のところにPNGファイルをアップお願いしますー!

#19 - nippei6年以上前に更新

お疲れさまです。西です。

コーディングのスケジュールについてですが、
今月25日までは、「結構忙しい」
26日〜月末までは「ちょっと余裕」

・・といった感じです。

見た感じ、コーディング完了までに1人日、
ブラッシュアップに1人日くらいかなーと思います。

急いだ方がよいのであれば、なるはやで対応しますし、
そうでなければ月末までに対応しますよ!

指示をお待ちしております!

#20 江頭 竜二6年以上前に更新

にっぺいさん

現在、公式では、7月15日でのリリースを告知していますが、あくまでボランティアなので本業優先で!
できる範囲でお願いします!
こちらも本業優先で内部のプログラム部分を進めていきます。(ショートカットだとか、ツールバーだとか)
http://project.e-catchup.jp/projects/basercms/roadmap

それから、管理画面のコーディング規約をまとめました。不明点があればお気軽にご連絡下さい〜!
http://project.e-catchup.jp/projects/baser-new-design/wiki/%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E8%A6%8F%E7%B4%84

#21 江頭 竜二6年以上前に更新

  • 期日2011/06/10 にセット
  • ステータス担当 から 終了 に変更

取り急ぎ、このチケットは完了にしますね。

みすずさんお疲れさまでした!あと、PNGファイルのアップよろしくお願いします!

#22 中村 美鈴6年以上前に更新

おつかれさまです!中村です。
みなさまご確認ありがとうございます。
pngデータアップしましたのでご確認よろしくお願いします。
ヘルプと検索の部分は、ページで分けて入れています。他にもパーツが必要な場合は
作りますので教えてください。

※江頭さん、西さん、私の都合でスケジュールを大幅に遅らせてしまってすみません!
pngデータに何か不備ありましたらいつでもご連絡ください。よろしくおねがいします!

#23 江頭 竜二5年以上前に更新

  • 対象バージョン2.0.0 stable にセット

#24 江頭 竜二5年以上前に更新

  • プロジェクトbaserCMS 2.0 βテスト から baserCMS に変更

他の形式にエクスポート: Atom PDF