一昨日に思い立って昨日注文して今日届いたぞっと。よぅし。かなりスムーズにいけてよかった。

↓こんな感じです！

元箱。オーラを感じます。

開けるとさらに箱が。一層のオーラを感じます。

きた！めちゃめちゃかっこいい。

GX200と並べてみました。

GR DIGITAL IIにフォーカスっと。我ながら壮観だ。

↑の写真はCANON EOS-Kiss Xで撮影。

よぅしたくさん撮っていこうっと。

「cafe marble」。アボカドとエビと半熟卵のなんとか丼。めちゃめちゃおいしかった。

「ぶっちぎり鮨 春夏秋冬」。道玄坂にあります。いつも通りぶっちぎり寿司を注文。おいしいよ。

みそ汁がついてきます。

「ちゃぽん」。魚を中心に食べていますw。

超久々に「PRONTO」に入ってみた。帆立のクリームパスタですね。おいしかったですよ。

というところです。気になったお店があったら行ってみてください☆

フォームをかっこよくデザインしたい。

そんなときにおすすめなのが、『Niceforms』。フォームをかっこいいデザインにしてくれるスクリプトだ。

『Niceforms』を使えば、↑のようにフォームをデザインすることができる。

デモはこちら↓。

» Niceforms Demo

フォームをかっこいいデザインにしてくれるスクリプト、チェックしてぜひ使ってみてはいかがだろうか。

» Niceforms

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

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

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

• いいデザインとは
  いいものはテーマ以上のいろいろなことを感じさせる
• 客観性
  他人の目になって客観的に見る一番簡単な方法は、離れて見ること
• シンプル
  シンプルが一番難しい。シンプルができるとプロと言える。引くことができる力があるのかないのか
• バランスと破調
  バランスは、安定・快い・美的な均衡
  破調は、動き・変化・崩したポイント（に目がいく）・インパクト
• バランスとは
  バランスとは、重さの感覚。形（面積）と色（明度）に分けて考える
• コントラストと対立
  コントラストは、動き・刺激・メリハリ・変化
  「何かしまらないな」と思ったら、形か色でコントラストをつけてみる
  コントラストが強すぎると思ったら、間の要素（白と黒だったらグレー）を入れてみる
• メリハリをつける方法
  メリハリとは、強弱
  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ライブラリ、チェックしてぜひ使ってみてはいかがだろうか。

画像をとりあえずどこかにアップしたい。

そんなときにおすすめなのが、『PiccDrop』。画像をとりあえずアップできるサービスだ。

『PiccDrop』では、以下のタイプのファイルをぽんぽんアップロードできる。

・jpeg
・jpg
・png
・tiff
・bmp
・gif
・ico
・icn
・svg
・pdf
・icns
・hdi
・psd
など

ファイル名はリネームされて、個別のURLが与えられるとてもシンプルな仕組みだ。
Maxファイルサイズは6MB。

ファイルはいつまで保存されるのか？という点に対して、

we know having important images removed can be a problem, that's why we don't! the only thing we ask is that your pictures do not contain any adult related material...that's all! (note: if piccdrop ever stops allowing users to upload images - we don't plan to - we will continue to keep your images hosted on the site and will still allow direct hotlinking.)

ファイルが削除されてしまうのは問題だ。なので、そんなことはしないよ！アダルトな画像だけアップしなければOK。※もしPiccDropがユーザに画像のアップロードを禁止したとしても（そんな予定はないが）、このサイト上で画像は保管し続けるよ。

とのことだ。

画像をとりあえずアップできるサービス、チェックして一度使ってみてはいかがだろうか。

統計学に興味がある。

そんなあなたにおすすめなのが、『so_many_a_second』。1秒単位の統計をビジュアル化したサイトだ。

このサイトでは、「1秒間にPCが売られている数」や、「1秒単位の車の生産数」などが、クールにビジュアル化されている。

アイコンが上から降ってくるインターフェースで、数が大きいほど多くのアイコンが降ってくるw。

見せ方としてとても面白い。

All of the statistics used in so_many_a_second are derived from online sources.

とのことで、データはオンライン上から取ってきているとのことだ。

さらに、「create your own」から自分で統計を作ることもできる。

1秒単位の統計をビジュアル化したサイト、チェックしてぜひ一度見ていただきたい。

» so_many_a_second

CSSのテンプレートでサイトやページをさくっと作りたい。

そんなときにおすすめなのが、『CSS Tools: Free Templates』。無料で使えるCSSのテンプレート配布サイト8選だ。

以下にご紹介。

» FreeCSStemplates.org
» Free-CSS-Templates.com
» FreeWebTemplates.com
» FreeCssTemplates.com
» CSScreme.com
» TemplateWorld.com
» DreamTemplate.com
» Free-CSS.com

元記事は以下から。

» CSS Tools: Free Templates

無料で使えるCSSのテンプレート配布サイト、チェックしてぜひ使ってみてはいかがだろうか。

illustratorの素材を探している。

そんなあなたにおすすめなのが、『Swirls Vector Illustrations Set』。Smashing Magazineによる、商用でも無料で使える渦巻きをモチーフにしたベクターイラストだ。

このエントリーでは、↑のようなベクターのイラストが配布されている。

Today we are glad to release Swirls Illustrations Set, a sets of 10 high-quality vector illustrations, created with Adobe Illustrator and available as .eps source files. These illustrations were created by Designious.com and released exclusively for Smashing Magazine and its readers.

「Swirls Illustrations Set」をリリースできてうれしく思います。illustratorで作られたクオリティの高いベクターイラストが10個セットになっていて、epsファイルとして利用できます。制作は「Designious.com」によるもので、Smashing Magazineとその読者のためだけに提供します。

とのことで、ライセンスについては、

You can use the set for all of your projects for free and without any restrictions. You can freely use it for both your private and commercial projects, including software, online services, templates and themes.

とのことで、個人利用、商用利用共に無料で使用できる。

元記事は以下から。

» Swirls Vector Illustrations Set

商用でも無料で使える渦巻きをモチーフにしたベクターイラスト、チェックしてぜひ使ってみてはいかがだろうか。

hhstyle.com

こちらもhhstyle.com。開けるとチェアが現れます☆

DexeeDiner

SANCAFE

DELFONICS

EX'REALM

デザインやアイディアの参考にしてみてください☆