1日1tech

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)

CSS Tips: float した要素を内包する要素の背景を最後まで表示する方法

仕事で調べ物をしていて、見つけたのでメモ。
float を使ってレイアウトする際、背景画像の表示が思った通りにならず、途中できれてしまう事を解決する方法。

CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki
http://www.fsiki.com/archive/css-doc/float.html

非常に丁寧に整理して、解説してくださってます。
モダンブラウザなら、css の疑似要素 after と content の指定でなんとかなるようですね。
スポンサーサイト
  1. 2008/12/09(火) 12:23:42|
  2. tips|
  3. トラックバック:0|
  4. コメント:0

ユーザ参加アーキテクチャのUI

今年の送り火中継のUI、去年と同じという指摘もあったのですが、今回の形になるまでに幾つか検討案(ボツ案)がありました。一部分を挙げてみるとこんな感じです。

  1. それぞれの山で綺麗なものを1つだけ表示

  2. 写真をトリミングして表示

  3. 写真が上から降ってくるような表現

  4. カーソルインしたものだけ、メッセージ表示

  5. 前の1分で更新があったものを順番に中央で大きくフォーカスして表示。メッセージ表示はフォーカスされているものだけ


これらの案は没になったものです。理由としては「送る側(中継員)の方の気持ち」を考えられていない点。せっかくみんなに見てもらおうとして送っているのに、形を揃える理由だけで勝手にトリミングするのは問題です(常に中央に対象物がくるとは限らないので、最悪意図したものがはいっていない可能性がある)。また送り火そのものでない画像はメッセージと併せて表示されてないと、どういう意図なのかわかりにくくなってしまいます。
綺麗なもの1つだけというのは完全に論外。コンセプトである「様々な視点からの中継」が死んでしまいます。綺麗な映像を望まれる方はテレビ局や新聞社の中継を見てもらえばいいわけだし。あと初期の案だと、背景画像の主張が強すぎたので、少しリテイクかけたりしました。

デザイナーには事前にコンセプトやシステムの説明していたのですが。。。

普段、メーカからの受注仕事だと、ダミーとして素材集からのものやクライアントが用意した著作権的に問題のないものを使うことが多くて、そういう場合は画面の見栄えとかで処理するから、そういうのが原因になっているのかもしれない。
web 2.0 でユーザ参加型アーキテクチャのサービスとかは、ビジュアル面の美しさはむしろシンプルにして、どれだけ「ユーザからの情報」を活かせられるかにデザインの重点が移ってきているのに。このあたりの変化をきちんと感じ取れていないと、これからのデザインって難しくなっていくと思う。
  1. 2006/08/18(金) 23:51:33|
  2. interface|
  3. トラックバック:0|
  4. コメント:0
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。