タグ

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

  • 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
  • 『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています | S i M P L E * S i M P L E

    なんだか前にもこういうまとめを紹介しましたが、また良くまとまっているのがあったのでご紹介。 Web design scratchのサイトで「Web 2.0 how-to design guide」なるまとめがありました。 » Web 2.0 how-to design guide 15の項目でまとめられていますね。 Simplicity(とにかくシンプルに!) Central layout(真ん中に寄せるレイアウトで) Fewer columns(段組は少なめに) Separate top section(トップ部分は分けて目立たせよう!) Solid areas of screen real-estate(レイアウトにはメリハリをつけて) Simple nav(ナビゲーションはシンプルに!) Bold logos(ロゴは大きめに!) Bigger text(フォントも大きめに) Bold

    『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています | S i M P L E * S i M P L E
  • 1