画像をドラッグ&ドロップでコピーしてトッピング


画像をドラッグ&ドロップでコピーしてトッピング



パソコン内の動作でもメジャーな動作のドラッグ&ドロップ。
WEBサイト上でも画像を掴んで移動できるように作れば、
色々なアイデアが実現します。

例えば美味しいパンケーキに、楽しくトッピングしていくようなページを作ることも出来ます。

【怖くないJavaScript + jQuery】ドラッグで要素を移動させる
http://blog.8bit.co.jp/?p=9875

スタイリングや部屋のインテリア…PC上でシュミレーションすれば
ユーザーが楽しみながらコンテンツを知ることが出来ます。

カテゴリー: design | コメントをどうぞ

パンの形をしたサムネイルがふんわりと現れる画像リスト


パンの形をしたサムネイルがふんわりと現れる画像リスト



最近は店舗や会社でもブログを更新することが増えています。
みなさんはどんなデザインのブログを使っていますか?

ページを読み込んで画像が表示される際に、
ふんわりと焼きたてのパンのように
アクションをして現れます。
マウスオーバー時もアクションが起こります。

画像表示時アクション wow.js
http://coliss.com/articles/build-websites/operation/javascript/js-wow.html

マウスオーバー時アクション Hover.css
http://ianlunn.github.io/Hover/


ブログの記事一覧や商品リストなど画像が並ぶことは多いですが、
サムネイルをちょっと違った形やアクションにするだけで、とても印象的になります。

カテゴリー: design | コメントをどうぞ

背景スライドショーで見せる動画ギャラリー


背景スライドショーで見せる動画ギャラリー



動画を背景でギャラリーとして見せることで
閲覧され辛い動画というコンテンツをユーザーに届け易くなります。
また、1つ1つではコンテンツとして弱い動画でも、
全体の雰囲気を感じてもらえるような印象的な演出として使うことができます。
今回はbigvideo.jsというjsを使用しています。

http://tympanus.net/codrops/2012/09/19/fullscreen-video-slideshow-with-bigvideo-js/

データ元
bigvideo.js

空間の全体・お店の営業風景からイメージビデオまで
様々なシーンで応用できる動画ギャラリーです。

カテゴリー: design | コメントをどうぞ

流れ星の振る天体グラフィック

iPhoneなどスマートフォンの普及により、FLASHが減ってきました。
代わりに台頭したjs、jqueryなどで作れるグラフィックやページを紹介を始めます。


流れ星の振る天体グラフィック



今回は回転する天体に流れ星が降り注ぐグラフィック。
ふたつのjsを使用しています。

夜空に流星を流すjQueryプラグイン『shootingstar.js』
画像を回転させるjQueryプラグイン「jQueryRotate.js

画像・流れ星の色も変更することが出来るので
傘の上に雨が降るグラッフィックなど、かんたんに応用が出来ます。

カテゴリー: design | コメントをどうぞ

代官山ティータイム







AIandJOHもついに7周年。1月16日から19日までの限定焼き菓子のフェア「代官山ティータイム」を開催いたしました。

東京各地の焼き菓子やさんのおいしいクッキーやケーキを購入することが可能で、ほんとうにおいしい。(そして安い!)

参加いただいたお店さんは

La mere ラ・メール [東村山]

co-ttie 焼き菓子コティ [三鷹]

KURUMED COFFER クルミドコーヒー [西国分寺]

カフェ&アート AFF [世田谷]

どこも美味しいだけでなく、社会活動・出版・Galleryなどさまざまなこだわりをもったお店です。



開催場所は代官山のGallery子の星さん。





お店さんもgalleryさんもとても丁寧な方々ばかりで、協力頂けて、一緒に何かが出来て心より感謝を申し上げます。会期中いらっしゃった方々とのたくさんの出会いや再会もありました。
普段お世話になっている方にも、クッキーがとてもおいしかったですと、快い感想を頂けたり、仕事と平行しての準備の苦労なんてどこかに忘れて、
またきっとやりたいと、そう強く思ったフェアでした。

第二回もきっとあります。

みなさま、またお会いしましょう。

カテゴリー: information | コメントをどうぞ

あたらしいこと


あっという間に今年もあと1ヶ月。
みなさま、今年はどんな年でしたでしょうか。

世の中も色々なことがありましたが、
ものづくりまわりでも新しいことがいくつかありました。

イラストでアニメーション動画のお手伝いをさせて頂いたり、
絵を描くところを動画にて撮影したり。
Tシャツの絵柄を考えたりもさせて頂きました。

新しいことにチャレンジすると、技術的なこと以外にも
普段受け取る側として接して来たことが
また違ったものとして見えてきて、
そういう瞬間がいつも面白いなあと感じます。


身近なことと言えば、今年は見に行った映画が
どれも素晴しかったなあ。
毎回「これは今年の一番かもしれない…!」と唸っていました。

中でも24歳の奇才グザヴィエ・ドラン監督の「わたしはロランス」がとても印象的で、
また一人ずっとファンで居たい監督とのあたらしい出会いがありました。


カテゴリー: blog | コメントをどうぞ

宙に浮いたオブジェクト


たまに生えている葉っぱがくるくるとくるまっているのを見かけます。
それはオトシブミという虫が巻いたものです。
卵を産む時に、葉をくるくると丸めて卵をその中に落とすのが
落し文(恋文,密告,政治批判など直接手渡すのがはばかられるような内容の手紙をわざと気が付くように落としておいた)
に見立てられてその名前が付けられたそうです。

その葉はふ化して成虫になるまでの食料兼シェルターの役割を果たすのですが
とても機能としても素晴しいし、
葉をくるんで、その中に卵を産み落とすなんてドラマチックだなあ。

デザインを作る時に
「ここはどうしてこうしたのですか?」
という理由を説明することがあるのですが、
しっかりと理由のあるものは、
宙に浮いたアイデアを地に足のつくものに変えて
必然と綺麗に行くことが多いものです。

前回の記事のように「良さ」の話をするとしたら
必要なままに必然にそういう形が生まれたという背景がまた、
ものを綺麗にみせるのかもしれません。

カテゴリー: blog | コメントをどうぞ

良いものづくり


「良いもの」の「良い」とはなんだろう。
例えばこのイラストを、良い絵だね。上手いねって褒めて頂いたのだけれど、
良さって何だろうとふと考えると沢山の種類の「良さ」が思い浮かびます。
たくさんの方々の作品を見てみるとそれぞれ色んな輝きがあります。

最先端なもの
誰でも出来る訳じゃない難しい技術を使っているもの
お洒落なもの
アーティスティックなもの
集客力があるもの
コストパフォーマンスの高いもの
エコなもの
キレイに見えるもの
おいしそうなもの

それぞれの価値観があるけれど、共通して「良い」ということは
そのシチュエーションに、課題にかっちりと当てはまり受け取る人にそのメッセージが
ちゃんと伝わることなのかなと考えさせられます。

Facebookでもおなじみの「いいね」。「良い」ってとっても曖昧な言葉だけど
やっぱりちゃんと答えを持っていないと「良いもの」は作れないのかもしれません。

カテゴリー: blog | コメントをどうぞ

cat walker


猫は特別だ。
他の動物に比べて、あんなに普通に街に居て何も言われない動物は他に居ないと思う。
あんなに放し飼いにして、まあ首輪をつけといて、そのうち家に帰っておいでなんていうことは他の動物では見たことが無い。
飼いたい育てたいと思うのだけど、家を空けるのが可哀想で飼えない。
いつか猫が帰るような生活を夢見て仕事をするけれど、仕事をすればする程猫が飼えないような気がしてくる。

いつになったら猫が飼えるんだろう。

カテゴリー: blog | コメントをどうぞ

レコード


実家に両親が昔使っていたレコードプレイヤーがあるのを思い出して
使いたいんだけどと訪ねてみる。
壊れちゃったみたいだからしまっといたと言われたけれど
どうしても使いたくて、一家で悩みながらいじっていること20分くらいで
無事にレコードが再生されました。
(何が悪くてなんで直ったのかもよくわからないんだけれど)

カーペンターズとか、山下達郎とか、知ってるレコードもいくつかあって、
もっと他のレコードが欲しいと思うようになって、
今まで通り過ぎていたレコード屋に寄ってみたいと思うようになる。

カテゴリー: blog | コメントをどうぞ