タグ

Webデザインとweb2.0に関するsagarayaのブックマーク (5)

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

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

  • iPhoneよりマリオ、Googleより茶道――チームラボが考える「和製UI」 (1/2) - ITmedia +D モバイル

    iPhoneのユーザーインタフェース(UI)は確かにかっこいいが、進化の仕方があまりに西洋的。もっと日的なアプローチがあるんじゃないか」 11月15日、「Web2.0 Expo」の講演でこう話したのは、チームラボの猪子寿之社長だ。同社は、検索エンジン「SAGOOL」など独自サービスを展開する一方、「iza!」(産経デジタル)、「ワッチミー!TV」(フジテレビラボLLC)、サントリー公式サイトのサイト内検索機能、日立「Wooo」のトップページFlashなどを構築。UIとデザイン、検索・マッチング技術に強みを持つベンチャーだ。 「UIは、しょうがない奴だと思ってる」と猪子社長は言う。例えば携帯電話のボタン。電話をかけたり、携帯サイトを見るには何度もボタンを押さなくてはならないが、ユーザーはボタンを押したい訳ではなく、電話で話したりサイトを見たいだけ。つまり「ボタン」というUIは「仕方ないか

    iPhoneよりマリオ、Googleより茶道――チームラボが考える「和製UI」 (1/2) - ITmedia +D モバイル
  • 小粋空間: Web2.0 Logo Creator (URL変更)

    以前はてなブックマークで人気のあった「Web2.0 Logo Creator by Alex P」を使ってみようと思ってアクセスしたみたところ、404 エラーに。Google で検索しても、同じ URL が紹介されたサイトばかりヒットするので「サービス終了か?」と思いましたが、新しい URL がみつかりました。 ということで下記に掲載しておきます。 旧:http://msig.info/web2.php 新:http://h-master.net/web2.0/ 新:http://creatr.cc/creatr/ こういう場合、はてなブックマーク数はどのように変化するのでしょうか(2007.01.02 時点で旧:667/新:11)。 覚え書きで利用方法も掲載しておきます。既出ですが、配布元の FAQ にある、異なる色およびグラデーションにする方法も記しておきます。 1.ロゴを生成する 下

    小粋空間: Web2.0 Logo Creator (URL変更)
  • 勝手ながら『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サイトを開始するための7つのルール:Geekなぺーじ

    「Seven rules for Web 2.0 startups」という記事がありました。 面白かったので要約しました。 誤訳などがある可能性があるので、詳細は元記事をご覧下さい。 書いている人はユーザの立場から、Web2.0サイトを構築するときに注意すべき事を書いているようです。 以下要約です。かなり意訳気味です。 1. ユーザが楽に移行できるようにしてあげる事 前使っていたサービスからの移行をスムーズにしてあげる必要があります。 例えば、Vox blogでは最近になって他のブログサイドバーに入れられるHTMLを生成するジェネレータを公開しました。 これによって、他のブログサービスを使っているユーザはVox blogに移動する事を宣伝しやすくなりました。 2. ユーザがサービスを試しやすい事 ユーザからすると、何が出来るかを試すためだけにメールアドレスを要求されるのは嫌なものです。 良

  • 1