タグ

webデザインとgigazineに関するduanxakのブックマーク (6)

  • 自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE

    サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか?」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。LinuxWindowsMac OS・BSDの各種ブ

    自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE
  • デザインのインスピレーションを効率よく得るためのサイト「FAVEUP」

    ロゴデザイン、名刺デザイン、Flashのサイト、CSSのサイトの4種類に分かれており、それぞれについて「これは!」というようなデザインのインスピレーションを得ることができるサイトです。各デザインには投票によってランクがつけられており、高ランク順に並び替えることもできるので、効率よくかっこいいデザインを探すことができます。 アクセスは以下から。 Design Inspiration Gallery - FAVEUP http://www.faveup.com/ ロゴの場合(新着順)(高ランク順) 名刺の場合(新着順)(高ランク順) Flashを使ったサイトの場合(新着順)(高ランク順) CSSを使ったサイトの場合(新着順)(高ランク順)

    デザインのインスピレーションを効率よく得るためのサイト「FAVEUP」
  • 相性の良い色を自動でピックアップしてくれる「ColorBlender」

    ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能

    相性の良い色を自動でピックアップしてくれる「ColorBlender」
  • 破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE

    色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です

    破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE
  • グラデーションを使ったデザインのやり方 - GIGAZINE

    Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか?」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ

    グラデーションを使ったデザインのやり方 - GIGAZINE
  • ひっかき傷風のかっこいいフォントいろいろ - GIGAZINE

    上記画像のような感じのフォントがいろいろ置いてあります。ミスプリントというか、壊れたタイプライターというか、そんな雰囲気のフォントです。 ダウンロードは以下から。 misprinted type 3.0_ art, design and type (1998-2005) Eduardo Recife ダウンロードできるフォントは以下の通り。 Astonished Broken 15 DIESEL DIRTY EGO Disgusting Behavior Downcome Guilty HORSE PUKE Max Rhodes Memory Lapses Misproject Nail Scratch Nasty Pastelaria Porcelain Print Error Rochester Selfish Shortcut 一部、通常の手書きフォント風のものとかも混じってます。

    ひっかき傷風のかっこいいフォントいろいろ - GIGAZINE
  • 1