WordPress

とりあえずですが、ロゴを作りました。シンプルだし、なんのひねりも無いんですけどね。

実は、当サイトはとあるテンプレートをそのまま使ったサイトです。
その、テンプレートの話と、ちょっとだけロゴの制作に関してお話をしたいと思います。

テンプレート : wp.vicuna

wp.vicunaは、vicuna CMSというサイトで配布されているテンプレートで、何種類かのBlogに対応したテンプレートを配布しています。

当サイトはその中のWordPress用のwp.vicunaというテンプレートを使って運用しています。
ぶっちゃけ、あまり面白くないデザインです。その理由はカスタマイズする為のデザインだからです。

テンプレートのソースコードはXHTML1.0 StrictのDTDに準拠して書かれており、無駄なく表示も軽い作りになっています。また、XHTMLとCSSの両方でカスタマイズを考えた構成になっていますので、構造の変更・デフォルトスキンから自分の好みに合わせて簡単にレイアウトやスタイルを編集することができます。
SEOを考慮したリンク構造と柔軟なスキンにより、個人サイトからビジネスサイトまで幅広くお使いいただけるテンプレートです。

Quote vicuna CMS

ちなみに、このテンプレートの大本を設計して下さったのは、3ping.orgさんです。
3ping.orgさんは、前にWebデザイナーを目指していた頃良く読んでいたサイトで、管理者の執筆した「実践 Web Standards Design」という本も持っています。

0から、SEOを考慮したサイトで、XHTML1.0 StrictのDTDに準拠した形でデザインするというのはとても手間がかかり、大変です。近いうちにそういった形でのデザインを仕事でやらないといけない時がくるので、その練習も含めてこのテンプレートを使いました。
まあ、実は前々からすごく使ってみたかった。というのも理由何ですけどｗ

ちょっとだけこだわったロゴ

冒頭にも書いたように、シンプルだしなんのひねりも無いデザインのロゴを今回は作りました。

何が違うかというとフォントのアンチエイリアスが単純にPhotoshop等で作った場合とはちょっと違うということです。フォントのアンチエイリアスはMacはMacOSX 10.0から、WindowsはXPからClearTypeを使うことで対応するようになった、文字を滑らかに見せる機能のことです。

Photoshopの場合はもちろんドットの見えるキレイでは無い文字で作品を作るわけには行きませんから、元々対応しています。ただ、MacOSXを使っている方は特にPhotoshopで書いた文字がなんか変だと感じたことはありませんか？
それはアンチエイリアスの方式がPhotoshopと普段みているOSで少し違う為です。

何がどう違うかというと、右の図を見て頂くと分かるかと思いますが、Photoshopの場合は境界線が白と黒のグラデーションなのに対して、MacOSXの場合は薄い赤や緑などを使ったグラデーションになっている所です。
どうして、白黒の文字なのにいろんな色が混ざっているかというと、ディスプレイが赤・青・緑の点の集合で出来ている為です。

実はこれも3ping.orgを見てしりました。なので詳しくは、3ping.orgの「ロゴとか作るときに使える地味なテクニック」をご覧下さい。

MacOSXでこのタイプのグラデーションを使ったアンチエイリアスを使っているということは、どういうことかと言うと、簡単にこのグラデーションタイプを実装出来るということです。

Photoshpや手書きである程度のレイアウトを決めた上で、テキストエディット等のソフトで必要な文字を入力し、デザインに合わせてサイズ・色等を設定します。その後スクリーンショット(コマンド+シフト+4)を撮って、画像化した物をPhotoshopでレイアウトすればいいのです。
ただ、この場合Photoshop上でサイズの変更や色を変えてしまったら意味がなくなるので、結構修正が面倒になりますので気をつけてください。

Bloggerが予想以上に使いにくかったので、WordPressへ移行してみた。

今週いっぱいはWordPressの改造に関する記事になりそうです。