タグ

web2.0とdesignに関するcloverleaf24のブックマーク (11)

  • POLAR BEAR BLOG: 「クリーンな水平分割」がウェブデザインの最新流行?

    海外の WEB2.0 系サイトのデザインを見ていると、どこかしら似ていると感じることが多いと思います。「カドが丸い」「ロゴが反射している」などなど、これまでも様々な点が指摘されてきましたが、最近のトレンドは「クリーンな水平分割」なんだとか: ■ Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided (StyleIgnite.com) 「クリーンな水平分割」とは、StyleIgnite による造語。しかしこの表現がピッタリだということは、例に挙げられているサイトを見れば一目瞭然です: ■ shoeboxed.com 上の画像は、現時点でのキャプチャ。画面全体が大胆に水平分割されていて、余白スペースも大きく開けられていますね。まさしく「クリーンな水平分割」。 念

    POLAR BEAR BLOG: 「クリーンな水平分割」がウェブデザインの最新流行?
  • 台風前線 - 参加型メディアが可視化する最前線の台風情報

    台風空想 これからの台風情報をみんなで想像して地図で共有 台風集団 台風情報の拡張に向けてみんなで協力するコミュニティサイト アイフーン トラックバックやケータイメール、ミニリポートで台風情報を共有 デジタル台風:台風画像と台風情報 リアルタイム台風情報と過去データベース デジタル台風:台風情報(気象庁と米軍JTWC) 各国が発表する台風情報 デジタル台風:ニュース・ウェブログ 個人の視点でまとめた台風情報ブログ 新着情報 サイトと関連サイトの更新ニュースを提供

  • Web 2.0っぽいロゴがさくっと作れる『LogoCreatr』 | SiMPLE*SiMPLE

    またかよ・・・という方もいらっしゃるかと思いますがw、Web 2.0風のロゴジェネレーターをご紹介。いろいろ設定できて便利ですよ。 ↑ 設定項目はこちら。フォントの色、サイズ、星の形などいろいろできます。文字ごとに色も変えられますね。 ↑ この設定で作ってみたのがこちら。 ↑ ちなみに別メニューでボタンジェネレータもありますね。こちらも便利。 似たようなジェネレータは他にもありますが、かなり柔軟に設定できるので個人的にはこれが今のところ一番かも。よろしければどうぞ。 » Web2.0 – Logo Creatr こちらもあわせてどうぞ。 » 簡単に2.0っぽいロゴがつくれるメーカー | i d e a * i d e a

    Web 2.0っぽいロゴがさくっと作れる『LogoCreatr』 | SiMPLE*SiMPLE
  • もうPhotoshopは要らない?ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E

    そのままですが、Mashableで「Forget Photoshop: 15 Online Graphics Generators」が紹介されていました。 これはメモしておかねば。 Buttonator ボタンがいろいろ作れます。設定がいろいろあって良いですね。 RoundedCornr: Rounded Corner and Gradient Generator いわゆる角丸パーツを作れます。 Web 2.0 free buttons maker! 2.0っぽいボタンが作れます。 glassy buttons こちらもボタンジェネレータ。 Ajaxload – Ajax loading gif generator Ajaxのローディング中のパーツが作れます。 Web2.0 Logo Creator by Alex P Logo Maker : Web 2.0 Stylr 2.0っぽいロゴ

    もうPhotoshopは要らない?ブラウザだけでできるグラフィックジェネレータ15選 | S i M P L E * S i M P L E
  • Forgot the Milk. - これは楽しい!10秒でWeb2.0風のボタンをサクサク作れちゃうボタン・ジェネレータ・サービス | My cool button

    My cool button というサービスが楽しいです! Web2.0風ボタンをオンラインで簡単に作成、ダウンロードすることができます。シンプルなボタンならものの10秒で完了しちゃいます。しかも、クオリティが高い!しかも、自作アイコンも取り込める手の凝りようです。 ちなみに、ためしにこんなの作ってみました。(どれもサクサクってできちゃいます) ぜひ、一度遊んでみてください。ただボタン作ってるだけで楽しくなっちゃいます。 My cool button タグ [webservice] [webdesign] 同じカテゴリーのおすすめ記事 Gmailよりも巨大なファイルを送れる7つのサービス - Forgot the Milk. gooラボからダラ見型の新検索サービス「goo空とび検索」公開 - Forgot the Milk. これはすごい!201の動画サイトをリストアップした究極のオンライ

    Forgot the Milk. - これは楽しい!10秒でWeb2.0風のボタンをサクサク作れちゃうボタン・ジェネレータ・サービス | My cool button
  • NameBright - Domain Expired

    If this is your domain name you must renew it immediately before it is deleted and permanently removed from your account. To renew this domain name visit NameBright.com

  • 勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E

    さてデザイナーでもなんでもないのでかなり個人的な主張ですが、「Web 2.0っぽいデザイン」の次を考えてみました。 名づけて『Web 2.1のデザインパターン』w。 個人的には「角丸の次って何よ?」と常々思っていたので、最近新しく出てきたサイトに共通するいくつかの特徴をまとめてみました。 かな~り主観なので「そうかぁ?」と思われる方もいらっしゃるとは思いますが・・・間違いを恐れずにメモ書き程度にエントリーです。 では早速。僕が感じている「次っぽいデザイン」の特徴は4つ。 【1】 極太ストライプ(Bold Stripe) ストライプはWeb 2.0っぽいデザインでも流行っていますが、それをもちょっと太くしたやつを最近よく見ます。 ↑ タイトルと背景が太いストライプに。 ↑ 細いストライプはWeb 2.0っぽかったですが、最近はちょっと太めが流行りかな。 【2】 極太枠線(Bold Borde

    勝手ながら『Web 2.1のデザインパターン』を考えてみた | S i M P L E * S i M P L E
  • ウノウラボ Unoh Labs: デザインセンスの無い人がwebサイトを作成する際に参考にしているサイト

    こんにちは satoです。 いくら面白くて、高機能なwebサイトを作成しても、デザインがダサいとサイトの魅力や開発意欲は半減です。 僕もまったくデザインセンスが全く無いのですが、新しい物を作成する際には以下のサイトを参考にしています。 (1)Color Scheme Generator 2 デザインの大まかな配色等を決めるのに使用することがあります。 真似するだけで、Coolなサイトに見えるような気がします。 (2)Color Palette Generator ロゴ等の画像を指定すると、その画像に合ったカラースキームを 教えてくれます。 (3)Web 2.0 Colour Palette 有名なサイトのカラースキームの一覧があります。 (4)pmob.co.uk CSSや画面分割などのさまざまなサンプルや解説があります。 (5)logopond さまざまなロゴのサンプルがありま

  • Web 2.0のデザインパターン | S i M P L E * S i M P L E

    Web 2.0のデザインパターン November 24, 2006 12:15 PM written by Gen Taguchi メモ書きにてエントリー。訳しただけだけど。 Pixel Acresにて「The visual design of Web 2.0」という記事があがっています。Web 2.0っぽいサイトのデザインをパターン化したものです。見た目がすべてではありませんが、とっても重要なのは間違いないです(「見た目いけてないから他のサイト行こうっと」はよくありますよね・・・)。 さて、ではポイントをば。 ■ グレーの次はグリーンだ! 明るいグリーンが流行です。下記サイトをみてもそうですよね。 ■ 角丸命! Rounded Cornersは新しい標準す。 ■ 「無料!」印がキーワード まずはトライアルができるのがWeb 2.0の特徴。無料の文字もいれときましょう。 ■ は?素材集す

  • Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE

    Web2.0とは何か?というと、いろいろな解釈に基づいていろいろとあるわけですが、デザインという切り口で見てみるとある共通項が存在することがわかります。 例えばそれは、シンプルなレイアウト、中央に寄せる構図、ちょっとした3次元空間を感じさせる効果、白やパステルカラーと言ったソフトな色調の背景、アクセントには鮮やかワンポイントカラー、アイコンを多用したわかりやすい使ったナビゲーション、大きなフォントなどなどであるわけです。角の丸いテーブルなどはその代表です。 というわけで、Web2.0風なサイトデザインへリニューアルする際に参考となるサイトや、その素材を製作するためのサービスなどを集めてみました。 まず、Web2.0風デザインとはどういうものかについては以下のサイトにまとめられています。先ほど書いたのはこのサイトで触れられていることがメインです。 Current style in web d

    Web2.0風サイトを作るのに必要なモノあれこれまとめ - GIGAZINE
    cloverleaf24
    cloverleaf24 2006/11/12
    要はどれだけ2.0に見せかけるか
  • Kagami - Web2.0風 映りこみ(反射)画像API - Bambino Labs

    いま盛り上がっている話題のテレビ番組をオススメします!2ちゃんねるの実況板の各スレッドを5分おきに集計し、直近90分の1分毎のコメント数をグラフにしました。

  • 1