タグ

デザインに関するpicalogのブックマーク (2)

  • スタイリッシュなフォームを作るときに見るべきエントリまとめ

    Form Design フォームデザイン さてさて、最近のwebの入力フォームは当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 1,2,3,

    スタイリッシュなフォームを作るときに見るべきエントリまとめ
  • リアル「シムシティ」の気分が味わえる、中国のものすごい地図サイトたち

    思わず惚れ惚れするほどの描き込み具合 ちょっと前、「Google Earth」が欧米やアジアの大都市のいくつかを3D化して話題になっていましたが、お隣中国ではもっと斬新な地図サービスが人気を集めているようです。 今回紹介するのは「E都市」と「都市圏」というふたつの地図サービス。普通、地図サイトと言えばのっぺりした線や図形の集合体を思い浮かべますが、これらのサイトではいずれも「シムシティ」のようなドット絵風タッチで中国の街並みを再現しているのが大きな特徴。ドット絵世代のゲームファンにとっては、3Dでグリグリ動かせる「Google Earth」よりも、むしろこちらの方が興味をそそるかもしれません。 「E都市」で天安門周辺を覗いてみたところ こちらは「都市圏」。場所は同じく天安門周辺 どちらもグラフィックのタッチはよく似ていますが、「シムシティ」や「A列車で行こう」シリーズを思わせる街並みは、ま

    リアル「シムシティ」の気分が味わえる、中国のものすごい地図サイトたち
  • 1