drupalで自社のページをつくる 6 - 大枠を作りながらデザインもいじくる

drupal PHP

前のエントリでデザインは後回しといいつつ、多少はみられるページにしたいという
誘惑に駆られて、cssに手を入れ出す。


テーマは、清潔かつ明快であること。


綺麗で移植できそうなテンプレートを探してみる

過去のブックマークから引っ張り出してデザインの参考とするため、いくつかサイトを見てまわる。
その中で気に入ったのをいくつか。


http://www.openwebdesign.org/で、Rating(Highest)で並び替えていろいろ見てみる。

とかいいね。いろいろあって見ていて楽しい。
http://www.free-css-templates.com とかも後で見ておこう。



で、作り中のうちの自社ページのデザインはどうなったかというと、
drupalのfour seasons というテーマをベースによけいな画像を削除して、
色とかフォントサイズ、レイアウトを変更した。



結局フロント側では、four seasonsテーマのうち、プライマリリンクのタブと、
セカンダリリンクのタブの２段構成の構造部分くらいしか残らなかった。
管理画面側（といってもテーブルとか一部のボタンだけだが）は、
ほぼそのままfour seasonsのグレー基調を生かせたので、まあ満足。



だいぶ小綺麗になってきたので、モチベーションがあがってきた。
時間ができたらスクラッチで作り直そう。


先にシステムのスクリーンショットとか、画像とかをそろえなければ、、。


フォントサイズが小さいのを大きめにしてみる


あと、フォントが小さくてちまちましてるのがあれだったので、

font-family: Arial, "Trebuchet MS", Verdana;

↓

font-family: 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro',
'ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',Arial,Verdana,sans-serif;
font-size:14px;
line-height:1.4;

にして、大きく見やすくした。


んで、今は中身の文章どうするかを、枠だけのページに走り書きしながら思案中。