Tweet this

またまたデザインリニューアル

暇っていうほど暇でもないんやけど、なんか思い立ってデザインリニューアル。先日、サーバーを移したときにデザイン変えたんやけど、色んなサイトを徘徊してるうちに変えたくなってしまった。今回こそは無駄を省いたシンプルなものにしようと思ってたけど、出来上がりはご覧のとおりコッテリ感いっぱい。。。

Robinsnest カラーパレット

Robinsnest カラーパレット

pic2colorを使って今回のデザインのカラーパレットを作ってみた。お気に入りのサイトを見つけるとカラーパレットを作るようにしてるんだけど、今回は自分のサイトでやってみた。結果はグレイッシュというかスモーキーな感じ。ヘッダーやフッターにある黄色やグリーンがちょいとアクセントカラーになってるかな。

色の使い方次第で画像を軽く出来るので出来るだけトーンはまとめた方がいいみたい。カラフルな画像は使ってる色の種類によってはかなり重くなってしまう。

レイアウトに関してはほぼ変更なし。だけど、デザインに合わせてスタイルシートをかなり修正。まだ、修正部分は残っているけど、目につきにくいところは後回し。。。で、そのまま放置やったりするねんけど。。。

久しぶりにブラウザ毎のハックを使ったりしてみたんやけど、長らくコードを書いてなかったらずいぶんと忘れてた。いろんな形でテンプレート組んでないと忘れてしまうと反省。やはり言語は使わないと退化します。

デザイン的にはブラシを多用して水彩画風ハンドライティングで仕上げてみました。フッターはお気に入りのスクラップ。

よく使ったブラシは以下のとおり。

Grungy Watercolor

Grungy Watercolor

Free Hi-Res Watercolor Photoshop Brushes Set II
Free Hi-Res Watercolor Photoshop Brushes

egg-floral09

egg-floral09

このeggのシリーズがかなり使えるブラシなのでお気に入りです。

Tree Borders III

Tree Borders III

ソーシャルネットワークなどへのリンクのアイコンは気に入ったのが見つからなかったので、自分で描いてみた。

フォントはハンドライティングやオールドタイプライターなんてのを使用。
Valerie・Virginie・Amandine(HANDWRITING FONTS)
1942 Report
Mom’s Typewriter
Traveling Typewriter
Inkburrow(これはロゴに使用)
あくあフォント
JIS第一水準漢字(2965字)・第二水準漢字(3390字)・拡張漢字(360字)すべて手書き

Related Posts

Tags: , , ,

Leave a Reply