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の特徴。無料の文字もいれときましょう。 ■ は？素材集す
jmblog.jp - Web2.0っぽいグラデーションのコツ
そろそろ「Web2.0的デザイン」という言い回しが恥ずかしくなってきましたが、それはそれでおいといて。グラデーションは今っぽいデザイン（ちょっと言い方を変えてみた）では外せない要素と言えるかと思いますが、プロのデザイナーの方はさておき、素人が挑戦すると、色の選択に失敗してイマイチ・・・なんてことになりがちです。 » A Gradient Tutorial » 9rules Network Official Blog こちらのサイトでは、グラデーションを作る際のポイントが説明されています。 さて、どれが一番きれいでしょう？1 は彩度（鮮やかさ）が足りません。上のサイトでは「a classic problem」と紹介されています。2 はマシですが、ちょっと素人臭さを感じます。まぁ好みは人それぞれだと思いますが、やっぱり 3 が一番きれいだと思います。 ちなみに僕は、次のようにしてグラデーション
Great Fonts for Web 2.0
Apache/2.4.29 (Ubuntu) Server at modernlifeisrubbish.co.uk Port 443
Web 2.0っぽいロゴがさくっと作れる『LogoCreatr』 | SiMPLE*SiMPLE
またかよ・・・という方もいらっしゃるかと思いますがｗ、Web 2.0風のロゴジェネレーターをご紹介。いろいろ設定できて便利ですよ。 ↑ 設定項目はこちら。フォントの色、サイズ、星の形などいろいろできます。文字ごとに色も変えられますね。 ↑ この設定で作ってみたのがこちら。 ↑ ちなみに別メニューでボタンジェネレータもありますね。こちらも便利。 似たようなジェネレータは他にもありますが、かなり柔軟に設定できるので個人的にはこれが今のところ一番かも。よろしければどうぞ。 » Web2.0 – Logo Creatr こちらもあわせてどうぞ。 » 簡単に2.0っぽいロゴがつくれるメーカー | i d e a * i d e a
Photoshopを使ったWeb2.0風ロゴの作り方ムービー
Web2.0風のグラデーションがあって、鏡面に映りこんでいて破裂したようなBETAマークがついているロゴの作成方法が動画で紹介されています。見たままマネしていけばいいので簡単に作れます。 詳細は以下から。 高画質版もダウンロードできますが一部しか見られず、最後までやっているのはYouTube版のみです。 Alleba Blog >> Photoshop Tutorial: How to Make a Web 2.0-Style Logo ムービーで何をやっているかの補足ですが、大体以下のようなことをやってる模様。 まずArialかTahomaかHelveticaフォントで適当に文字を入力。文字の色を3399CCに。 ↓ レイヤーをコピーして右クリック。レイヤー効果からグラデーションオーバーレイを選び、グラデーションをつける。 ↓ 楕円型選択ツールで下半分を消して不透明度を30％に。 ↓ 垂
秋元@サイボウズラボ・プログラマー・ブログ: あなたのサイトをWeb2.0にするための12の方法
via del.icio.us/popoular わはは。12 ways to turn your Web 1.0 site into a Web 2.0 siteより。 eナントカ.comを myナントカ.comに変える フォントの大きさを10pxから12～16pxに大きくする 「カテゴリ」を「タグ」に変える 「更新情報」を「ブログ」に変える 「メールで友達に教える」を「RSSを購読する」に変える 「このページをお気に入りに入れる」を「このページをソーシャルブックマークする」に変える ユーザアカウントページをユーザプロフィールページに変える デザイン埋め込みのHTMLをCSS+セマンティックなHTMLに変える ヒット数をやめてビジター数で計る コメント機能をつける cool urlにする 手作りのシステムをやめてオープンソースCMSに移行する 元記事には各項目に解説もあるので詳しく知りた
PhotoshopでWeb2.0風ロゴを作る方法 - ネタフル
Create your own Web 2.0 logosというエントリーより。 You’ll need Photoshop and a downloadable “style” file provided by the author. This file includes the necessary elements to recreate six popular logos (including LinkedIn and Skype), though the idea here is not to copy, but rather to learn the basic techniques and “start your own creativity from there.” PhotoshopでWeb2.0風ロゴを作る方法が書かれている「How Web 2.0 Logos are d
既存のウェブサイトをAJAX化する意味が本当にあるのか?:中島聡・ネット時代のデジタルライフスタイル - CNET Japan
既存のウェブサイトをAJAX化する意味が本当にあるのか? 公開日時： 2006/06/24 09:52 著者： 中島聡 木曜日に、Java World Day 2006 でAJAXに関する講演をしてきたのだが、そこでこんな質問が出た。「エンタープライズ系やe-commerce系のウェブサイトをAJAXする意義が本当にあるのか？」という質問である。 とても良い質問である。新しいテクノロジーやトレンドが注目を浴びるたびに、「これからはAJAXだ！」、「Web2.0の時代だ！」と大騒ぎをするマスコミに煽られて、あっちにフラフラ、こっちにフラフラしていては自分を見失ってしまう。 心の底には「AJAXって本当に必要なの？」と疑いの気持ちを持ちつつ、「皆があれだけAJAX、AJAXと騒ぐのだから、たぶん私だけが勘違いしているに違いない」とAJAXの勉強を始める人がいると、それを横から見ていた
Web 2.0風の背景画像を作る「Background Image Maker」 - ネタフル
Web 2.0風に、斜線やグラデーションの背景画像を作ることができる「Background Image Maker」というサービスがありました。 種類を選択肢、幅、線の色、背景色などを選び「Make」すると画像が生成されます。これは便利ですね。
Web 2.0っぽいバッジがいろいろ紹介されている『Web 2.0 Badges』 | 100SHIKI
Web 2.0っぽいサイトでよく見かける星型のバッジ。サイトをそれっぽく（謎）するためにつけている人も多いのでは。 そして、そうしたバッジがたくさん紹介されているのがWeb 2.0 Badgesである。 しかもそれらのバッジのメッセージがなかなか愉快でもある。 「タグをつけてくれ！子供がいるんだ」「Googleさん、うちのサイトを買って！」などなど、読者やユーザーをにやにやさせてしまうようなバッジばかりである。 さらにフォトショップのファイルも配布されているので腕に自信のある人は自分で作ってみてもいいだろう。 サイトに彩りを添えるこうした部品はもっとたくさん出てきてほしいですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Logo Maker : Web 2.0 Stylr
au one ラボ
はてな cssを使ったおしゃれなformのデザイン方法について書いてあるサイトを教えてください。web2.0的なフォームを作りたいと考えています。http://demo.moo・・
人気のWEB2.0的サイトのロゴを100個ひたすら並べてみた - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
PXLGFX- Polished Text
Yay Hooray | yh collab: redesign famous logos in web 2.0 format!