タグ

ブックマーク / www.simplexsimple.com (7)

  • さりげないレイアウト調整パネル | SIMPLE*SIMPLE

    昨日と同じサイトから。右下にある「レイアウト調整パネル」がさりげなくていい感じです。最初は付箋のはしっこだけが見えていて、クリックするとメニューが現れます。 ↑ 最近GIFアニメばっかだなw。 文字の大きさとか一行の最大文字数が決められますよ。アクセシビリティ的に良いですね。このスクリプト、どこかで配布されているのかな・・・。 実際に動作している様子は以下からどうぞ。画面右下です。 » FirefoxまとめサイトのPukiwikiスキン “White flow” – Liner Note

    さりげないレイアウト調整パネル | SIMPLE*SIMPLE
  • Twitterでフォローするだけで会員登録が終わるインターフェース | SiMPLE*SiMPLE

    これは実にスマート。 Mr. TweetではTwitterでフォローするだけで会員登録が完了します。 ↑ ここをクリックしてTwitterでフォローすれば完了。 このサービス、Twitterで誰をフォローすべきかを教えてくれるものですが、ここで登録すればあとは解析結果をダイレクトメッセージを待つだけです。 Twitter関連でしか使えない手ですが、「フォローして登録完了、あとはメッセージで通知」というのはスマートですね。 » Mr. Tweet -> Your Personal Networking Assistant!

    Twitterでフォローするだけで会員登録が終わるインターフェース | SiMPLE*SiMPLE
  • バナー画像の3倍の効果をあげたテキストリンク(powered by beBit) | SiMPLE*SiMPLE

    バナー画像の3倍の効果をあげたテキストリンク(powered by beBit) November 6, 2007 3:41 PM written by Gen Taguchi ※ 今回の記事は「ウェブサービスインターフェース勉強会」でのbeBit社のプレゼンから。 今回ご紹介するのはレシピサイト、Cookpad.comの事例です。Cookpad.comでは有料会員(月額300円)があるのですが、その会員数が伸び悩んでいました。 そこでbeBit社に相談するのですが、それまではかわいいバナーをどーんとサイドバーに貼っていました。 ↑ なかなかかわいらしいバナーです。凝っていますよね。 しかしユーザビリティ調査をしてみると、そのバナー広告がほとんど見られていないことがわかりました。最近は「広告=邪魔なもの」というイメージがありますよね。 そこでbeBit社ではこのバナーのかわりに次のテキスト

    raitu
    raitu 2007/11/07
    //安易にバナーを貼るのではなくて、ユーザーがどういう心理でこのサイトを使っているのかをまず考えましょう。そして、ニーズが発生した時点でタイミングよくニーズを満たす提案をしていくと成果があがりますよ//
  • もう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
    raitu
    raitu 2007/05/29
    壁紙・ボタンなどを自動生成してくれるWebTool群
  • 無料で使えるベクターデータを配布しているサイト27選 | S i M P L E * S i M P L E

    拡大縮小しても画質が劣化しないベクターデータは何かと便利です。 Tutorial Blogで無料で使えるベクターデータを配布しているサイトが紹介されていました。全部で27あります。 ふきだし風のパーツやアクア風のボタン、国旗やトランプなど、さまざまな用途に使えそうです。 ↑ こうしたサイトデザインに使えるようなものや・・・。 ↑ ちょっといいのかな、これ?というものとか・・・。 ↑ 自分ではとっても作れなさそうなやつとか・・・。 形式はAISVGPDFなどさまざまですね・・・それってただのアイコンでベクターデータではないのでは?というのも若干混じっていますがそこはご愛嬌。 よろしければ下記サイトからどうぞ。 » Free Vector Downloads – Photoshop Tutorial

    無料で使えるベクターデータを配布しているサイト27選 | S i M P L E * S i M P L E
  • Web2.0風デザインのための秀逸チュートリアル68選 | S i M P L E * S i M P L E

    こ、これはかなり使えます・・・。 が、とっても紹介が難しいのでさらりと。今回は実験的なエントリーとして画像一切なしで。 『Web2.0風デザインのためのチュートリアル68選』です。 » Web 2.0 Webdesign-Tutorials | Dr. Web Weblog 以下の7つのカテゴリーにわかれています。 サイトをこれから作るぞー、という人には大いに参考になる素晴らしきチュートリアルかと思います。 ビジュアル効果系(1~11) ロゴ系(12~25) テキスト(26~33)系 バッジ系(34~39) ボタン系(40~46) レイアウト系(47~60) Web2.0まとめ系(61~68) 個人的には1、2、12、13、40、41あたりが好きですね。今後使えそう。 しかし、こういう海外サイトのまとめをまとめとして紹介するのは難しいですよね・・・。そのまま紹介するのも「どうなの、それ?」

    Web2.0風デザインのための秀逸チュートリアル68選 | S i M P L E * S i M P L E
  • クールなアクア風ボタンのベクトルデータが無料で72個! | SiMPLE*SiMPLE

    クールなアクア風ボタンのベクトルデータが無料で72個! すぐに使えそうなアクア風ボタンのベクトルデータが無料で公開されています。イラストレーターなんかで編集すればぱっと使えそう。 » 72 Free Vector Glass Buttons and Bars ファイル形式はAI、PNG、EPS、SVG。環境にあわせて必要なものを使うとよいでしょう。ただ手元のIllustrator 10ではAIが開けなかった・・・最新版じゃないとだめなのかな。 どちらにしろこういうベクトルデータの公開はうれしいですね。 CS3 で開けたので試しに Illustrator 10 形式で保存し直したところ、警告メッセージは出ますが特に何かが劣化するようには見えませんでした。(見落としているかもですけど) CS3 を持ってる人を探してファイル形式を変換してもらうと良いかもしれません。

    クールなアクア風ボタンのベクトルデータが無料で72個! | SiMPLE*SiMPLE
  • 1