タグ

*webデザインとweb2.0に関するtaetae109のブックマーク (3)

  • Web 2.0風画像の作り方 -sitepoint | コリス

    sitepointで紹介されているPixelMillのデザイナー:Corrieの、Photoshopで作るWeb 2.0風画像のチュートリアルの紹介です。 ※画像は、Photoshopでなくても作成できます。 Creating Web 2.0 Effects With Photoshop, Part 1 Part 1でエントリーされているチュートリアルは、6つです。 シンプルなグラデーション グラデーションの背景 ストライプの背景 微妙に透明なレイヤー 鏡面効果のテキスト ガラスのようなオブジェクト 各チュートリアルの手順は、下記の通りです。 シンプルなグラデーションの作り方 ベースとなる色を選択。 [ツールパレット]から[長方形ツール]を使用して、長方形を描画。 [レイヤー効果] - [グラデーションオーバーレイ]を選択して、適用。 [グラデーションオーバーレイ]の設定。 [描画モー

  • 勝手ながら『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
  • Web2.0オンラインジェネレータ100選『100+ Web 2.0 online Generators』 – creamu

    Web2.0なデザインを簡単に作りたい。 そんなあなたにおすすめなのが、『100+ Web 2.0 online Generators』。Web2.0オンラインジェネレータ100選だ。 以下にいくつかご紹介。 » Texture Maker テクスチャジェネレータ » Thumbnail Generator たくさんの画像からサムネイルを作成 » Nameboy ドメインネームジェネレータ » Flash Buttons Menu Generator Flashのメニューボタンジェネレータ » Accessible Form Builder アクセシブルなフォームジェネレータ Web2.0オンラインジェネレータ 、チェックして使っていきたいですね。 Leopardが出ますね〜。MacBookも出てほしいな。楽しみ。

  • 1