スキン製作の指針
2004年 02月 11日
一気に作ろうとすると途中で挫折してしまうので、時間を掛けて、スキンをゆっくりいじっていくつもりです。さし当たって、将来の自分のために、スキン製作の指針をメモしておくことにします。
スキンはなるべく簡潔にする。閲覧者の方はあくまで文章を読みに来るのであって、スキンの出来は副次的要素に過ぎません(というか、私のセンスでは作品の域まで昇華したスキンができないとも言いますが……)。追求するべきは、文章の妨げにならない読みやすいスキン。
アクセシビリティは無視。スキンを作る段階で強制的にテーブルレイアウトになる点や、JavaScriptで動的に吐き出される点を踏まえると、Excite Blogのアクセシビリティは最悪です。アクセスのし易さに関してはサービス提供者が対処するべき問題であり、Blog製作者は考えなくても良いかと思われます(どうにもならないです……)。
Blog使用者に親和性の高いデザインを取り入れる。「サイトIDをクリックすればBlogのスタートページへ行く」「ナビゲーションはページの右上か左上にまとまっている」……これらのありがちな構造は普遍的な強みを持っているので、配置は極端にいじらないようにします。
Blogについて知らない方のことも考える。外部から訪れたBlogの知識が無い方にとっても、主な内容や重要度の高いタスクが一目でわかるデザインを考えます。Excite Blogの解説ページができたら、そこへのエスケープを設けるのも良いかも知れません。
テキストリンクはわかりやすく。必ず下線を引き、訪問と未訪問を一目でわかるものに。閲覧者にリンク探しをさせないようにします。
使う画像は減色する。面倒でも、Padie(または、xPadie Pro)を通すようにします。
……って、Excite Blogではpngが使えないんですよね。この項、ちょっと考えます。
Verdanaは嫌だな。トラックバックセンターで知ったblue_moon_rabbitさんの記事「CSSでのフォント設定」によると、スキンの多くで指定されているフォントVERDANAがMacで不具合を起こしており、「
とりあえず、以上のことを念頭において、スキンを細々といじっていくつもりです。
<< Mozilla Firefox...
ひとりマニフェスト >>
あ、もちろん、以下の指針はあくまで私がスキンを作る際に念頭におくべきことであり、この物差しで人様のスキンを評価するつもりはありません。悪しからず、ご了承下さい。
スキンはなるべく簡潔にする。閲覧者の方はあくまで文章を読みに来るのであって、スキンの出来は副次的要素に過ぎません(というか、私のセンスでは作品の域まで昇華したスキンができないとも言いますが……)。追求するべきは、文章の妨げにならない読みやすいスキン。
アクセシビリティは無視。スキンを作る段階で強制的にテーブルレイアウトになる点や、JavaScriptで動的に吐き出される点を踏まえると、Excite Blogのアクセシビリティは最悪です。アクセスのし易さに関してはサービス提供者が対処するべき問題であり、Blog製作者は考えなくても良いかと思われます(どうにもならないです……)。
Blog使用者に親和性の高いデザインを取り入れる。「サイトIDをクリックすればBlogのスタートページへ行く」「ナビゲーションはページの右上か左上にまとまっている」……これらのありがちな構造は普遍的な強みを持っているので、配置は極端にいじらないようにします。
Blogについて知らない方のことも考える。外部から訪れたBlogの知識が無い方にとっても、主な内容や重要度の高いタスクが一目でわかるデザインを考えます。Excite Blogの解説ページができたら、そこへのエスケープを設けるのも良いかも知れません。
テキストリンクはわかりやすく。必ず下線を引き、訪問と未訪問を一目でわかるものに。閲覧者にリンク探しをさせないようにします。
……って、Excite Blogではpngが使えないんですよね。この項、ちょっと考えます。
Verdanaは嫌だな。トラックバックセンターで知ったblue_moon_rabbitさんの記事「CSSでのフォント設定」によると、スキンの多くで指定されているフォントVERDANAがMacで不具合を起こしており、「
日本語表記の部分は2byte文字を第一候補に設定」しないと、「
FORMタグ内は化け化け」になってしまうそうなのです。Macが無いので再現できないのがツラいのですが、とりあえずフォントの指定がデフォルトのVERDANAだと地雷確定のようなので書き換えました(現在はOsaka)。
とりあえず、以上のことを念頭において、スキンを細々といじっていくつもりです。