DesignWalker » ツール

こちらもFont Viewer同様に、お使いのマシンにインストールされているフォントをリスト化してくれます。テキストやサイズも調整してプレビューできるのでフォント選びに最適。Font ViewerかfontBROWSERお気に入りの方を使えば良いかと思います。個人的には、Font Viewerの方が好きですが…。fontBROWSERもシンプルで使いやすいですね。

fontcapture

すでにIDEA*IDEAさんの記事、『無料かつ会員登録不要で自分の手書きフォントが作れるという『fontcapture』を試してみた件』で、紹介されてますが。手描きのフォントが簡単に作れるオンラインツールです。

Font Generator – Make Your Own Handwriting Font With Your Fonts

こちらも、手順はfontcaptureと同様みたいですね。手描きのフォントを作れるツールです。こちらは、自分で作った手描きフォントを販売することも出来るアフィリエイトシステムもあるみたいですね！文字に自身のある方、味のあるフォントを作れる自身のある方などは、挑戦してみる価値あるかもしれませんね！

The Graffiti Creator – Home Of Graffiti Art

ファンキーなグラフィティーのテキストが作れるジェネレーターです。フォントを選択して、テキストを入力、スタイルを設定してプリントやダウンロードができます。フォントによっては、ダウンロードできないものもあるみたいです。

FontStruct | Build, Share, Download Fonts

ピクセルを塗りつぶして、フォントを作っていくツールです。自分だけのオリジナルフォントを作ってみたい方は、このツールでどうぞ！

FontEditor BitfontMaker

こちらも、ピクセルを塗りつぶしてフォントを作れるツールです。

flipping typical

トップに表示されている文字を書き換えるだけで、あらかじめ設定されている複数のフォントで、見栄えをプレビューする事が出来ます。

WhatTheFont! « MyFonts

画像ファイルをアップロードするだけで、そのフォントを探してくれるオンラインツールです。

CopyPasteCharacter.com

コピー&ペーストで使えるキャラクターフォントがずらりと並んでいます。結構便利かも。

PXtoEM.com: PX to EM conversion made simple.

ピクセルからEMへの変換が簡単にできるオンラインツール。

Em Calculator

こちらも同様、ピクセルからEMへの変換が計算できるツール。

Google Analyticsをもっと便利に

admin — Thu, 18 Jun 2009 07:12:16 +0000

みなさんGoogle Analyticsでアクセス解析をされている方が多いのではないでしょうか？

無料で使えて、高機能なGoogle Analyticsは、先日APIも正式に公開され、今後様々なツールが公開されていく事だと思います。

そのままでも、十分いろいろな解析ができて便利なツールなのですが、今回はGoogle Analyticsをさらに便利に使えるツールや設定方法、コードなどをご紹介します。

Google Analyticsで検索順位を調べるフィルタ設定

検索エンジンからアクセスされたキーワードの順位を表示してくれる設定が詳しく説明されています。これは、便利ですね。

Google Analyticator

WordPressをお使いの方には、便利なプラグイン。リンク、ダウンロードなどのトラッキングを自動的に追加してくれます。

Google Analytics Hacks

こちらは、scriptを追加する事で、リンク、ダウンロード、mailtoのトラッキングができます。

Fire Analytics

AnalyticsのデータがFirefoxからすぐに確認できるアドオンです。

リンクのトラッキング

リンクにonClickを追加する事で、リンクのトラッキングができます。

Flashのトラッキング

Flashに以下のコードを埋め込む事で、Flashもトラッキングできます。

on(release) {
getURL(”javascript: pageTracker._trackPageview
(’/bannerads/advertisername/bannername’);”);
getURL(”http://www.advertisersite.com”);
}

ダウンロードのトラッキング

リンクにonClickを追加する事で、ダウンロードのトラッキングができます。

mailtoのトラッキング

リンクにonClickを追加する事で、mailtoのトラッキングができます。

[email address]

ユーザーを分類

独自のセグメントを設定してユーザーの行動を分析できます。

Photoshopレイヤースタイルいろいろ

admin — Fri, 22 May 2009 06:27:35 +0000

Photoshopのレイヤースタイルは、ブラシ同様に簡単にインストールできて、お手軽に使える便利なツールですね。

ボタンなどを作るときに、スタイルを指定するだけワンクリックでとってもきれいなボタンが作れますね。

以前にも『無料で使えるPhotoshopレイヤースタイル』でご紹介しましたが、まだまだ新しいスタイルなどがたくさん公開されていたので、もう一度まとめ直してみました。

220 Amazing Free Photoshop Layer Styles

220種類レイヤースタイルがひとつになってます。

Ultimate Web 2.0 Layer Styles

こちらは131種類の高品質レイヤースタイルです。

Spice up your design with 56 Photoshop layer styles

こちらは56種類。パターンも豊富ですね。

ボタンに使えるPhotoshopレイヤースタイル42種類

そう言えば、このブログでもこんなレイヤースタイルを公開していました…。

chameleon style no.1

こちらもボタンを作る時などに重宝しそうなレイヤースタイルです。

chameleon style no.2

シンプルなものが多いですが、結構使えそうなものばかり。

470 Premium Photoshop Layer styles

こちらはど〜んと470種類のレイヤースタイル。

Color Candy photoshop style

光沢のあるきれいなスタイル。

Faiis – Layer Style

質感のあるボタンが作れそう。

Dark Orb LAYERSTYLES

美しい光沢のスタイルですね。

Clean Brown 1 Layer Styles

シンプルな茶色のレイヤーいろいろです。

22+1 FantasticGrey LayerStyles

なかなかゴージャスなスタイルです。

Awesome Photoshop Layer Styles

結構ファンキーなものが多いスタイル。

style-mania.com

こちらは、スタイルがたくさん集められているサイトです。

Neon Styles

ネオンサインっぽいスタイル。

Free Photoshop Layer Styles – Clean Green

シンプルなグリーンのスタイルです。

Googleウェブサイトオプティマイザーで効果的なデザインを提供する方法

admin — Sun, 10 May 2009 22:11:34 +0000

デザインは最終的には好みの問題になってしまうので、クライアントの意向などで、なかなかデザイナーが提案したものに仕上がらない事もよくあります。

クライアント側の意見を後から後から追加されてしまい、結果的にはハチャメチャなデザインになってしまう事も…。

しかし、クライアントへ、きっちりと提案したデザインが効果的であるという事を提示できれば、納得してくれるのではないでしょうか？

Googleから提供されているウェブサイトオプティマイザーを利用すれば、簡単にデザインの効果測定（A/Bテスト）ができるので、なかなか使えるツールになるのでは？

Googleウェブサイトオプティマイザーは、同時に複数のデザインを公開してクリック率やコンバージョン率などを測定し、どちらのデザインがより効果的なのかを比較できるツールです。

クライアントの予算にもよりますが…。クライアントが主張するデザインと、デザイナーが提案するデザインに大きな溝がある場合、２つのデザインを同時に公開し、ランダムに訪問するユーザーを振り分け、効果を測定し効果の高いデザインを採用すれば、両者が納得してサイト制作を進めていく事が出来るでしょう。

今回は、Googleウェブサイトオプティマイザーなどのツールを使って、実際にデザインの比較テストをしている事例をピックアップしてみました。

Googleウェブサイトオプティマイザー

Googleウェブサイトオプティマイザーのページはこのような感じ。数字やグラフで一目で効果的なページがわかります。

Make sense of your site: tips for webpage design

もちろんGoogle社内でもこのツールは活用されていました。Googleのデザイナーの人たちは、以下の２パターンのデザインを比較し、多くのデザイナーが上のスクリーンショット付きのデザインに決定するだろうと予測していたようですが…。

なんと、結果は下のシンプルなデザインの方が30％もダウンロード数が多かったという結果がでたようです。Googleのデザイナーでもどちらのデザインがユーザーの心をつかむのかは、わからなかったという事ですね…。

画像を使ってインパクトを高める事と、コンバージョンをアップさせる事は必ずしもイコールではないという事ですね。

無料で使えるSafariプラグインいろいろ

admin — Fri, 01 May 2009 07:36:35 +0000

Firefoxでは、たくさんのアドオンが無料で公開されているので、好きなアドオンを追加して自分好みに利用されている方も多いのではないでしょうか。

今回は、Safariユーザーの方々でも無料で使えるプラグインをいろいろとまとめてみました。

これまでちょっと不便だった操作がとっても簡単にできるプラグインから単純に使って楽しいプラグインまでいろいろです。

ブラウザチェックに使える無料ツールいろいろ

admin — Wed, 11 Mar 2009 04:57:01 +0000

各ブラウザやバージョンでデザインをチェックするのは、なかなか大変な作業ですね…。

クロスブラウザのチェックはなるべく時間をかけずに済ませたいものです。今回はブラウザチェックに使えそうなツールをいくつかまとめてみました。

Xenocode Browser Sandbox

インストールしなくてもブラウザからクリックするだけで各ブラウザが立ち上がるツール。これは便利ですね。ブラウザだけでなく、他のソフトウェアも立ち上げることが可能です。例えば…

Gimp

Embedも出来ちゃうようです。ブラウザチェックには関係ありませんが…。

DesignWalker » ツール

ウェブデザインに使えるチャート・グラフツールいろいろ

グリッドデザインに使えるツールいろいろ

ツイッタークライアントいろいろ

ウェブデザイナーにおすすめの持ち歩けるアプリ 無料で使えるポータブルアプリいろいろ

フォントに使えるオンラインツール