2009年9月アーカイブ

婚活がブームになってずいぶんたちましたが、アラサー世代の未婚率が高い状況が日本社会の未来に少なからず悪い影響を与えるであろうという声が多く聞かれます。

今回担当したホームページは、人材派遣会社prifa(プリファ)が新たにブライダル事業部を立ち上げ、未婚の男女に同業種の中でも低価格、高実績を誇る日本仲人協会の名古屋支部として結婚相談、お相手紹介、お見合い仲介、婚活相談を行うFamille(ファミーユ:フランス語で家族の意)のホームページです。

毎度ながら、社員の方が簡単に更新作業ができるようCMSを組み込んで構築しました。

興味のある方は結婚相談所ファミーユのホームページをご覧ください。

サイトのデザインを考える際、そのサイトのコンセプトにもとづいて、
サイトのカラーリングを考えるのですが、色数が多く、トーンにも
バラつきがあると、稚拙なイメージのサイトになってしまいます。

そこで手軽に洗練されたカラー選択を決めるのに役立つサイトのご紹介。

http://colorschemedesigner.com/

このサイトではメインカラーを選択すると、それに合う色構成の配色を
提案してくれます。

手抜きでプロっぽいカラーマネジメントができますよ。
いろいろな個人開発のソフトがあります。
http://game-index.net/desktop_useful/index.html

中でもweb制作者に重宝するのがweb定規。

よくjpg画像でページ全体のデザインを渡され、カラムのピクセル数を指定する際に
Photoshopなどでパーツごとのwidthをチェックする羽目になるんですが、
これがあれば画面上にピクセル定規が現れ、その場でピクセル数を確認できます。

これで作業効率が上がりますね。

ただし、Windows用。
僕のようにmacユーザーには使えません。(泣)

xhtml+cssでサイト制作を始める方には必須となるボックス要素の構造を理解する際に
役に立つサイト。margin(マージン ※外余白)、padding(パディング ※内余白)、background(バックグランド ※背景)などがブラウザ上、平面に見える画面内で実際にはどのように重なって階層化しているのかをわかりやすいグラフィックで説明しているサイトがあります。

下部のスライダーで視点変換し、3Dで階層を表示してくれます。

この構造を理解することは、ホームページのデザインの際
背景にうっすらした画像をはめ込み、その上にテキストを書き出すような
表現力の幅を増やす糸口となります。

http://www.redmelon.net/tstme/box_model/

※追記

残念ながらMac環境ではスライダーが動作しない事が判明しました。(泣)
ウェブ業界はいつでも英語圏が引率しています。
世界標準を決めている団体W3Cも英語圏。

htmlの正しい規約の理解には英語能力が必須となりますよね。
そこで日本の制作にかかわる人にとってはありがたいサイトのご紹介。

HTML(hyper text markup language)のW3C規約の日本語翻訳サイト
http://www.asahi-net.or.jp/~SD5A-UCD/rec-html401j/cover.html

文章構造としてのタグの正確な意味。用途をもう一度確認したいときに見てください。
ただし、翻訳が100%正解なのかは英語の偏差値が猿並みの僕にはわかりません。


このアーカイブについて

このページには、2009年9月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2009年8月です。

次のアーカイブは2009年11月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。