タカハシシステム : デザイン

カテゴリー ‘デザイン’

見出しの背景にブルーを置いたことで「キーカラーがブルー」になりました。統一感を出したり、イメージを固定してもらうためにも、ちゃんとキーカラーを決めるのは大切なんですよね。

なんでブルーなの?

「技術関係ブログ」なので落ち着いた印象を与えたいという狙いがあります。あと伸縮色なので締まって見えますしね。大好きなWordPressのロゴがブルーなので、それに合わせてるのも理由のひとつです。ぜんぜん関係ないけど食欲も減ります。

寒色は視覚的に副交感神経に作用し、興奮を鎮めたり食欲を減退させる効果を持つとしてカラーマーケティングの現場で利用される。
Wikipedia「寒色」より)

このブログって?

では「このブログってなんなのよ」というところから考えてみます。

・ざっくりとしたメモ&日記
・ためになりそうでならない記事
・実はあまり技術関係ではない

実態としてはブルーのイメージから程遠いのかもしれません。では「どんなところを目指したいのよ」と考えると、、

・意外な視点で物事を分析した記事
・クールでスタイリッシュな技術のネタ

そんなところを目指したいものですね。キーカラーがブルーなんですから。いまの状態だと無色透明な感じです。

補色で引き立たせてみる

課題としては全体的に暗く沈み込んだイメージがあるので、補色を使ってキーカラーを引き立たせたいですね。ブルーの補色はオレンジ…うまく組み込みたい。

補色(ほしょく、英: complementary color[1])とは、色相環 (color circle) で正反対に位置する関係の色の組合せ。例えば、「赤 / 緑」「橙 / 青」「黄 / 紫」など(これはCMYKの場合)、相補的な色のことでもある。
Wikipedia「補色」より)

作る前に決めなさいよ

こういうのって本当はブログを作る前に決めなくちゃいけないんですよね。行き当たりばったりにならないように、途中からでもいいから、ちゃんと考えておきます。デザインに近づけるようにクールでスタイリッシュなブログを目指しつつ(当分むりそう)

WordPressを利用している(かつナイスデザインの)サイトまとめです。備忘録としてメモ。

WordPressを利用している良デザインな日本のサイトいろいろ
http://kachibito.net/wordpress/15-japanese-weblog.html

どれもいい感じですね。このブログもWordpressを利用してるので、そろそろデザイン変えてみようかなと良いモチベーションになります。

ワイヤーフレームを作るのが好きなんです。真っ白なノートに「こんな機能も付けたいな」「こんなコンテンツも面白いだろうな」と自由に考えを巡らす作業(自分が運営するサイトであればなおさら)。空想と現実がせめぎ合います。

基本的には手書き派なんですが、ワイヤーフレーム作りをバックアップするアプリやサイトは沢山あります。それをまとめてくださってる記事の紹介です。

ウェブの画面設計に使えるまとめ
http://www.designwalker.com/2008/05/wireframe.html
ダウンロードして使える素材が多めです。「SimpleWireFrame」という素材が好みかな。

ワイヤーフレーム / モックアップを作成するためのフリーアプリ10
http://blog.creamu.com/mt/2010/01/_10.html
Web上で利用できるサービスが中心です。「Pencil Project」というFirefoxアドオンは時々使いますね。

ウェブサイトの設計図 ワイヤーフレームを活用しよう
http://www.designwalker.com/2009/04/wireframe-2.html
I ♥ wireframes はtumblrで色んなワイヤーフレームを
公開してるのでフォロー必須。ワクワクします。

毎年ぼやぼやしてるうちに終わってしまうADC展。今年は7/6(月)から開催です。忘れないようにメモ。

ADC展
http://rcc.recruit.co.jp/g8/exhibition/g8_exh_200907/g8_exh_200907.html

Tokyo Art Directors Club
http://www.tokyoadc.com/

時々ロゴを作る機会があるので備忘録まで。

⇒ロゴデザインをする際の10のTips「Logo design tips」

確かに、下手にトレンドを組み入れると痛い目にあいますね。

kamon1.jpg

仕事で家紋について調べていたら、家紋の素晴らしさに目覚めてしまいました。調べるほど奥が深く、見るほどシンプルで格好いい。そこで家紋についてのアレコレをまとめてみました。

kamon21.jpg

日本家紋研究会

http://www.nihonkamon.com/

とにかくデータが豊富で書籍も多数販売されてます。すごい!

家紋World

http://www.harimaya.com/kamon/index.html

様々な家紋の由来など内容が充実してます。家紋を収録したCD-ROMも販売。

家紋のCrestJapan

http://crest-japan.net/

家紋のEPSデータや、待ちうけ画像などがダウンロードできます。作っているのがデザイナーの方らしく、グラフィカルで見やすいのが素敵!

家紋の湊

http://www.otomiya.com/kamon/

家紋データの販売や、オリジナルグッズ販売など。家紋グッズ欲しい!

kamon31.jpg

家紋ジェネレータ

http://ayataka.jp/#fun-kamon

緑茶「綾鷹」の公式サイト。オリジナルの家紋が簡単につくれるジェネレータが公開されてます。詳しくは「GIGAZINE」にも載ってます。

家紋デザイナー 沖のりこさん

http://www.okinori.com/

上記、家紋ジェネレータの家紋は、沖さんの作品だそうです。格好良すぎます!

「うちの個紋」家紋風ロゴ

http://www.uchinokomon.com/

オリジナル「個紋」がスタンプに出来たり、ボトルに印刷出来たり、幅広い品揃え。

kamon41.jpg

Amazonで家紋検索

ルイ・ヴィトン

http://www.vuitton-style.com/

有名な話ですが、ウイ・ヴィトンのモノグラムは日本の家紋をモチーフにしたものだといわれています。

紋工房紋式 ルイ・ヴィトンと家紋

http://homepage2.nifty.com/montake/kabegami14.htm

実際の家紋で、ルイ・ヴィトンのモノグラムを再現しています。おもしろい。

女紋とは

http://omiyakamon.co.jp/onna-mon/01.html

女性のみが使う紋章だそうです。家紋よりも華やかなイメージ。知らなった!


  • 欲しいものリスト