web2.0を紹介するデザイナーブログ

Photoshopのブラシを探している。

そんなあなたにおすすめなのが、『4089+ High Quality Free Photoshop Brushes』。無料で使えるクオリティの高いPhotoshopブラシ集だ。

以下にいくつかご紹介。

↑のキャプチャは250 Hi Res Splatter, Spray, and Watercolor Photoshop Brushes。

40+ Halloween and Gore Themed Photoshop Brushes

45 Sites to Download Photoshop Brushes

Free Photoshop Brushes

その他のリストは以下から。

» 4089+ High Quality Free Photoshop Brushes

無料で使えるクオリティの高いPhotoshopブラシ集、チェックしてぜひ使ってみてはいかがだろうか。

かっこいいサイトインターフェースが作りたい。

そんなときにおすすめなのが、『Cookstr』。シンプルでクールなインターフェースのレシピ投稿サイトだ。

『Cookstr』では、トップページに「Author of the Day」と「Recipe of the Day」が表示されている。とてもシンプルで斬新なインターフェースだ。

遷移した後も、メニューのデザインやレイアウトがとてもいい。検索ボックスがtopのセンターに置いてあるのも使いやすくてよさそうだ。

写真も綺麗なので、見ているだけでも楽しい。

シンプルでクールなインターフェースのレシピ投稿サイト、チェックしてインターフェースの参考にしてみてはいかがだろうか。

» Cookstr

今日のCREAMU

日の当たるカフェでめちゃめちゃ快適だ。

「Web Designing」を購入。色について特集がありますね。読み込んでいこうっと。

よぅしデザインの授業4回目。

• 強さを出すには
  強さを出したいときは暖色を選ぶ
• 豊かな表現
  過去を思い出すと、豊かな表現ができるようになる
• ものの見方
  彫刻家は、石ころ一つを見たときに物語を作ることができる
  ものを見るフィルタを変える訓練をすることで、パパッと切り替えられるようになる
  ただ、フィルタを切り替えすぎるととっちらかってしまう　→　整理が必要
• 整理しながら発想する方法
  
  1.三位一体
  
  
  
  ボリューム、重みを均等にする
  3はバランスがとりやすい数字（キリスト教の三位一体、雪月花、松竹梅、心技体など）
  2つでバランスが悪いとき、もう一つ中間の要素を入れてあげるとバランスがとれる
  
  
  2.三間連結
  
  
  
  ホップ・ステップ・ジャンプの発想（だんだん大きくなる）、序破急。例：卵、ヒヨコ、ニワトリ
  
  
  3.一種合成
  
  
  
  アイディアに困ったら、ピカソとゴッホの画風を合成して自分のものにしてしまう、など
  アイディアに困ったらこれ！とても使える
  
  
  4.二点分岐（分解）
  
  
  
  一つから二つに枝分かれする。同じ重みで分解していく。重みが同じじゃないとばらばらになってしまう
  切り口を同じにして発想していく
  分岐した後に、最初の要素が自然に連想されないとだめ
  
  
  5.二軸四方
  
  
  
  二軸（縦横）、四方（上下左右）に分けて考える
  色を選ぶときはこれ（西洋・東洋・神秘・科学にわけたときの色は？など）
  対比的にするとわかりやすい
  
  
  困ったら図解
  盲目的にとにかく発想するのではなく、上記の5つに分けて考える
• フォントとタイポグラフィ
  フォント = 文字の形・書体・コンピュータを使って印字されるもの
  タイポグラフィ = 印刷文字を使ったグラフィックデザインの総称。タイポグラフィは文字をデザインとしてとらえている
• タイポグラフィで大事なこと
  書体（形）・・・テーマに合わせて自在にアレンジする
  大きさ
  文字間
  配列
  塊としてとらえる
• デザインに困ったら
  形・文字　→　内容を伝える
  色　→　雰囲気を伝える
• プレゼンの王道
  押しじゃない案については悪く言い、一番押しのものはべたぼめする
  一番押しの案は最後が鉄則
• 近年の文字の歴史
  グーテンベルク　→　印刷
  ペーター・ベーレンス　→　タイポグラフィ（サンセリフ体）
  未来派ダダ　→　水平垂直の構成を解放
  バウハウス　→　モホリ・ナギ（文字と写真のコラージュ）
  　　　　　　→　ヘルベルトバイヤー
  ヤンチョヒルト　→　新しいタイポグラフィ。ロンドン、ペンギンブック社で活躍

二点分岐とか一種合成とかかなり勉強になった。なんとなくやっていたけど、これからは明確に意識して発想できそうだ。

さて、デザインの授業3回目（先々週だけど）。また勉強になった。

• いいデザインとは
  いいものはテーマ以上のいろいろなことを感じさせる
• 客観性
  他人の目になって客観的に見る一番簡単な方法は、離れて見ること
• シンプル
  シンプルが一番難しい。シンプルができるとプロと言える。引くことができる力があるのかないのか
• バランスと破調
  バランスは、安定・快い・美的な均衡
  破調は、動き・変化・崩したポイント（に目がいく）・インパクト
• バランスとは
  バランスとは、重さの感覚。形（面積）と色（明度）に分けて考える
• コントラストと対立
  コントラストは、動き・刺激・メリハリ・変化
  「何かしまらないな」と思ったら、形か色でコントラストをつけてみる
  コントラストが強すぎると思ったら、間の要素（白と黒だったらグレー）を入れてみる
• メリハリをつける方法
  メリハリとは、強弱
  1.色のトーン（色調）に差をつける（特に明度差）
  2.陰影をつける
  3.セパレート（引き離す）　→　白のライン（袋文字）で文字と背景を区切るなど
• 緊張感を出すには
  無駄を省く（限界まで）
  例：お茶室、たるみの芸術
• ムーブメントとは
  動・・・エネルギー、生命、行動、躍動感、人の目を瞬時にとらえる
  静・・・思考、落ち着き、安定、時間をかけた対話
• 動きを出すには
  ・斜めを使う
  ・一つのパターンを繰り返す
• 静を表現するには
  水平・垂直を使う
• 方向について
  1つの画面には3方向以内にするのが原則。主な方向は1つ
  いいものには方向があることが多い
• デザイン力を上げるには
  デザイン史を勉強すること
  西洋美術史（縦の芸術）と東洋美術史（横の芸術）
  縦・・・上に、ひたすら高く。神に近づきたい、ただそれだけ
  横・・・地震が多い。神への方向がなかった
  シドニーのオペラハウスは斜め（オレンジの割れたところからイメージした）
• リズムとは
  リズムとは、小刻みな動き（ダイナミックな動きではない）
  生き生き、躍動感、ほどよい変化
  同じ形、同じ色の繰り返し
• シンメトリー
  シンメトリーには4つある
  ちなみに西洋はシンメトリー、東洋はアシンメトリー
  ・反射（左右対称）
  　形がまとまる、安定、ロゴやマークを作るときに役立つ
  ・移動（並進）
  　1本の線上に繰り返す　→　メインを盛り立てる。背景的な役割（メインではない）
  ・回転（点対称）
  　1点を中心に回転、放射状に広がる
  　広がり、形がまとまる、神秘性（花や雪の結晶など）
  ・拡大と縮小
  　リズミカル、エネルギーの増大
• グルーピング
  まとめると、新しい形が形成される
  ばらつきが修正できる
• リピートのテクニック
  単一のものを繰り返す
  グループ化したものを繰り返す
• コラージュ
  デザインはすべてコラージュ。素材を集めてレイアウト

以下の本をすすめられたので読もうっと。

ちょっと思い立って書評を書いてみます！

本を読むときはいつも、心に残ったところはページの端を折ってるんだけど、あとで見返すことはほぼないし、あっても読んだ後にちょっと見返す程度。

それでもいいといえばいいんだけど、ブログに書き留めておくとプラスになると思うので書いてみます。これから続けていこうかな。あまりパワーをかけず、心に残ったところだけさっとね。

• 成功の方程式は「差別化」 x 「効率化」 x 「継続化」
• 自分にしかない強みを表現したキャッチフレーズを作ろう
• たとえば、プレゼンテーションを資料を作るのでも、最後の1分まで少しでも良いものにしようと改善をする
• おもちゃ全部ではなくブリキのおもちゃ、野菜の中でも有機野菜だけ、食べることでも高級ではなくB級、というようにニッチなテーマに絞り込もう
• 評価されることを意識してアウトプットすることが大切。そのために必要なのは、つねに、「人の役に立つ、自分にしかない価値を提供する」ことを意識すること

というところですね。

「自分にしかない」「差別化」っていうところがキーワードですね。

活躍している人を見ていると、自分の場所を見つけて一点突破している人（これはできる。それ以外はできない（しない））が多くて、見習いたいなと思っています。

著者の内藤さんは結構シャープな考え方をされる方だな、と思いました。松本大さんとマネックス証券の立ち上げをされた方ですね。

興味があったらぜひ読んでみてください☆

ドラムマシンで遊びたい。

そんなときにおすすめなのが、『JS-909』。JavaScriptで作られたドラムマシンだ。

『JS-909』では、キックやスネアなどをオンにすることでドラムのビートを作ることができる。
右上のアイコンから見られるビジュアルがいい感じだ。

とてもシンプルなインターフェースでかっこいい。Javascriptでできていて、wavファイルを呼んでいるところもかなりクールだ。

JavaScriptで作られたドラムマシン、チェックしてぜひ使ってみていただきたい。

クロスブラウザなCSSでサイトを素早く作りたい。

そんなときにおすすめなのが、『Malo』。軽量なCSSライブラリだ。

『Malo』は、2〜5カラムのCSSライブラリ。

なぜMaioを使うのか？という問いに対して、

・超軽量(0.25kbのものや8行のものまで！)
・%, px, emでwidthを指定
・超フレキシブル
・簡単に使える

と答えている。

対応ブラウザは以下の通り。

IE:5.5,6,7,8(beta)、Firefox3、Opera 9.23、Safari 3.1(Win)、Chrome 0.3

サンプルも10個用意されている。
ライセンスはGNU General Public License v2。

軽量なCSSライブラリ、チェックしてぜひ使ってみてはいかがだろうか。