Quantcast
Channel: KAYAC DESIGNER'S BLOG - TOPICS
Viewing all 239 articles
Browse latest View live

LEGO® CL!CK: Find your inspiration.

$
0
0
レゴが積み重なってウィンドウ背景に。自分でレゴに関する情報を次々と積み上げていく構成なので、ページも下から上に誘導する形になっている。メディアに取り上げられた情報や写真・ビデオ、ツイッターなどがごちゃまぜに見られるのも楽しい!

LEGO® CL!CK: Find your inspiration.

  • レゴが積み重なってウィンドウ背景に。自分でレゴに関する情報を次々と積み上げていく構成なので、ページも下から上に誘導する形になっている。メディアに取り上げられた情報や写真・ビデオ、ツイッターなどがごちゃまぜに見られるのも楽しい!kino

ARENA ESTÁDIO

$
0
0
赤を基調としたシンプルな要素によるナビゲーションがきれい。

ARENA ESTÁDIO

  • 赤を基調としたシンプルな要素によるナビゲーションがきれい。kino

HTML5 Canvas and Audio Experiment

$
0
0
HTML5で記述された、FLASHを用いない動的なグラフィック。HTML5でどんなことができるのかを、端的に伝えてくれる。要素としてツイッターの発言も利用している。

HTML5 Canvas and Audio Experiment

  • HTML5で記述された、FLASHを用いない動的なグラフィック。HTML5でどんなことができるのかを、端的に伝えてくれる。要素としてツイッターの発言も利用している。kino

宇宙兄弟 宇宙飛行士選抜試験 mixi アプリゲーム

$
0
0
このマンガがすごい!2009-2010年ともに2位の漫画「宇宙兄弟」のゲームが mixi に登場! 月面のクレーターをタイミング良くジャンプして飛び越えよう。
クレーターを飛び越えていくだけの単純なルールですが、出現するクレーターのマッピングは進むにつれて、だんだん難易度が上がっていきます。
最高記録を更新して、友達と ヒビトと ムッタと 宇宙飛行士を目指しましょう!

  • このマンガがすごい!2009-2010年ともに2位の漫画「宇宙兄弟」のゲームが mixi に登場! 月面のクレーターをタイミング良くジャンプして飛び越えよう。
    クレーターを飛び越えていくだけの単純なルールですが、出現するクレーターのマッピングは進むにつれて、だんだん難易度が上がっていきます。
    最高記録を更新して、友達と ヒビトと ムッタと 宇宙飛行士を目指しましょう! okabe

ozan akoglu | portfolio

$
0
0
フラッシュでつくられた、ポートフォリオサイト。背景の幾何形態の生成が綺麗。

ozan akoglu | portfolio

  • フラッシュでつくられた、ポートフォリオサイト。背景の幾何形態の生成が綺麗。kino

tymote

$
0
0
背景で展開される制作物のイメージが印象に残る。ちょっとチカチカするけど、グラフィックが強く見える構成でかっこいい。

tymote

  • 背景で展開される制作物のイメージが印象に残る。ちょっとチカチカするけど、グラフィックが強く見える構成でかっこいい。kino

2010: New Year Sonata

$
0
0
画像の中の赤い色を解析して音楽に組み込んでいく、制作会社の年賀コンテンツ。 ロジックもしっかり作られているようで、引っ掛かりが無くすごい気持ちいい!制作の過程がとても気になります。

2010: New Year Sonata

  • 画像の中の赤い色を解析して音楽に組み込んでいく、制作会社の年賀コンテンツ。 ロジックもしっかり作られているようで、引っ掛かりが無くすごい気持ちいい!制作の過程がとても気になります。kino

Tim Bjørn - Design Studio:

$
0
0
イラストがかわいい。それに尽きます。トップの鯨の絵、ほんとに欲しい!

Tim Bjørn - Design Studio:

  • イラストがかわいい。それに尽きます。トップの鯨の絵、ほんとに欲しい! kino

Michelbergerhotel

$
0
0
スイッチやメーター類のイラストが画面に所狭しと並んでいる。クリックしてもほとんど反応が無い。そして、それらをクリックできると勝手に考えていた先入観が面白い。見た目通りガラクタの山から何かを探しているようだ。

Michelbergerhotel

  • スイッチやメーター類のイラストが画面に所狭しと並んでいる。クリックしてもほとんど反応が無い。そして、それらをクリックできると勝手に考えていた先入観が面白い。見た目通りガラクタの山から何かを探しているようだ。kino

One Bit Increment

$
0
0
Leon Hong氏とCamile Orillaneda氏によるサイト。実験的な試みということで、特に目的もなくウシ君が走り回るだけですが、ペーパークラフトを持ち込んだデザインがかなりかわいい。ブログではプロセスやコンセプトについて言及しています。

One Bit Increment

  • Leon Hong氏とCamile Orillaneda氏によるサイト。実験的な試みということで、特に目的もなくウシ君が走り回るだけですが、ペーパークラフトを持ち込んだデザインがかなりかわいい。ブログではプロセスやコンセプトについて言及しています。sekine

Champagne Valentine

$
0
0
アムステルダムからChampagne Valentine。
この制作会社さん大好きです。感覚の隙間をすごい巧くついてきます。ぶっ飛んでますね。土地柄も出てます。
→Adobe Edgeにてインタビュー記事を発見しました

Champagne Valentine

I AM NOT AN ARTIST - AN ANIMATED GIF PARANOIA ABOUT NONSTOP DESIGN WORKERS

$
0
0
ノンストップデザイン。GIFパラノイアと銘打たれた、GIFアニ狂によるGIFアニ狂のためのサイト。もとはJohnny KellyとMatthew Cooperの2人の作品からスタートしたようですが、誰でもGIFアニを作って投稿できるようです。(よく見るとジェネレーターまでついてました。)発起人でもある2人の作品は、色同士の距離感というか、お隣感が気持ち良いところに落ち着いていていますね。1つ1つが作品として完成しているため、タイルで並べるだけでサマになっています。

I AM NOT AN ARTIST - AN ANIMATED GIF PARANOIA ABOUT NONSTOP DESIGN WORKERS

  • ノンストップデザイン。GIFパラノイアと銘打たれた、GIFアニ狂によるGIFアニ狂のためのサイト。もとはJohnny KellyとMatthew Cooperの2人の作品からスタートしたようですが、誰でもGIFアニを作って投稿できるようです。(よく見るとジェネレーターまでついてました。)発起人でもある2人の作品は、色同士の距離感というか、お隣感が気持ち良いところに落ち着いていていますね。1つ1つが作品として完成しているため、タイルで並べるだけでサマになっています。sekine

Diesel Spring Summer 2010 video catalogue featuring A hundred lovers by Josep

$
0
0
さすがのDiesel。ちょっと前のものですが、ビデオカタログです。
マウスを合わせると着用している商品詳細が見れます。ダンサー自身の情報も一緒に見れちゃうところがにくい。適度にゆるい雰囲気が良い味出してます。見てるだけで楽しいコンテンツ。

Diesel Spring Summer 2010 video catalogue featuring A hundred lovers by Josep

  • さすがのDiesel。ちょっと前のものですが、ビデオカタログです。
    マウスを合わせると着用している商品詳細が見れます。ダンサー自身の情報も一緒に見れちゃうところがにくい。適度にゆるい雰囲気が良い味出してます。見てるだけで楽しいコンテンツ。sekine

コメントを生成して挿入するDreamweaver用拡張機能を作成しました

$
0
0

意匠部、渕上です。
htmlの閉じタグの手前にコメントを入れることがめんどくさくなったので、Dreamwaver用の拡張機能を作って解決することにしました。
どういうコメントかというと、以下のようなやつです。

<div id="container">
~~~
<!-- /#container --></div>

このコメントを入れることでコードの見通しがよくなるので絶対いれたほうがいいことはわかってるんですが、idやclass名を記述しなきゃいけないのがちょっと大変なんですねー。


ダウンロード

ということで、作成した拡張機能はコチラ。

ダウンロード - End_comment.mxp


インストール

mxpファイルをダブルクリックするとAdobe Extention Managerが立ち上がりインストールされます。

インストールできないことがあります

「メニューを更新できませんでした」というメッセージが表示されてインストールが失敗することがあります。
どうやら自分でショートカットキーをカスタマイズをするなどしていると、メニューの上書きができずに失敗してしまうみたいです。

参考

http://forums.adobe.com/thread/417467

C:\Users\\AppData\Roaming\Adobe\Dreamweaver CS4\ja_JP\Configuration\Menus\

要するにここにmenu.xmlが存在しているとメニューが更新できないので移動させてからインストールしてください、ということでした。


実行方法

htmlファイルのコメントを挿入したい箇所(閉じタグの手前)にカーソルを置いて コマンドメニューの「閉じタグコメントを挿入」から実行してください。


おわり

はじめて作った拡張機能なので、不具合などなどあるかもしれません。
もし見つけたらご連絡ください!


おまけ

拡張機能の中身(htmlファイルとmxiファイル)も公開します。

ダウンロード - html_mxi

  • 意匠部、渕上です。
    htmlの閉じタグの手前にコメントを入れることがめんどくさくなったので、Dreamwaver用の拡張機能を作って解決することにしました。
    どういうコメントかというと、以下のようなやつです。

    <div id="container">
    ~~~
    <!-- /#container --></div>
    

    このコメントを入れることでコードの見通しがよくなるので絶対いれたほうがいいことはわかってるんですが、idやclass名を記述しなきゃいけないのがちょっと大変なんですねー。


    ダウンロード

    ということで、作成した拡張機能はコチラ。

    ダウンロード - End_comment.mxp


    インストール

    mxpファイルをダブルクリックするとAdobe Extention Managerが立ち上がりインストールされます。

    インストールできないことがあります

    「メニューを更新できませんでした」というメッセージが表示されてインストールが失敗することがあります。
    どうやら自分でショートカットキーをカスタマイズをするなどしていると、メニューの上書きができずに失敗してしまうみたいです。

    参考

    http://forums.adobe.com/thread/417467

    C:\Users\\AppData\Roaming\Adobe\Dreamweaver CS4\ja_JP\Configuration\Menus\

    要するにここにmenu.xmlが存在しているとメニューが更新できないので移動させてからインストールしてください、ということでした。


    実行方法

    htmlファイルのコメントを挿入したい箇所(閉じタグの手前)にカーソルを置いて コマンドメニューの「閉じタグコメントを挿入」から実行してください。


    おわり

    はじめて作った拡張機能なので、不具合などなどあるかもしれません。
    もし見つけたらご連絡ください!


    おまけ

    拡張機能の中身(htmlファイルとmxiファイル)も公開します。

    ダウンロード - html_mxi

    futchy

ADOBE CREATIVE SUITE 5 Web Premium 発売記念セミナーの資料を公開しました

$
0
0
いつも元気な @barimi です。 先日行われました、ADOBE CREATIVE SUITE 5 Web Premium 発売記念セミナーの資料「マルチで行こう!」の資料を公開しました。 Dreamweaverのビュー機能を中心に、PCサイトをマルチプラットフォーム化するプロセスをまとめております。 →発表の動画


東京ガス : 安全と防災

$
0
0
寄藤文平さんのイラストを大胆にレイアウト。
サイトトンマナとのギャップが逆に新しくて楽しい雰囲気を生み出してます。
明確にわかりやすくて親しみやすい。イラストの力は偉大ですね

東京ガス : 安全と防災

  • 寄藤文平さんのイラストを大胆にレイアウト。
    サイトトンマナとのギャップが逆に新しくて楽しい雰囲気を生み出してます。
    明確にわかりやすくて親しみやすい。イラストの力は偉大ですねichikawa

jpg a day

$
0
0
サンフランシスコと日本で活動するデザイナー7名が各曜日を担当し、順番に一日一枚jpgを上げていくというプロジェクト。
実験的な作品が多く、ひとつの表現が進化していく連作もあるので毎日追うのが楽しいサイト。サムネイルは僕の好きな「新宿グーグルストリートビュー」シリーズから。
インタビューはこちら 続けることってかっこいい!

jpg a day

  • サンフランシスコと日本で活動するデザイナー7名が各曜日を担当し、順番に一日一枚jpgを上げていくというプロジェクト。
    実験的な作品が多く、ひとつの表現が進化していく連作もあるので毎日追うのが楽しいサイト。サムネイルは僕の好きな「新宿グーグルストリートビュー」シリーズから。
    インタビューはこちら 続けることってかっこいい!kaneyasu

Robyn.com

$
0
0
スウェーデンの女性シンガーROBYN。
ガジェット構成の可変レイアウトになっています。

Robyn.com

  • スウェーデンの女性シンガーROBYN。
    ガジェット構成の可変レイアウトになっています。ichikawa

CREATIVE IS ENDLESS BATTLE - 1→10design, Inc.

$
0
0
3Dを使ったフルFlashのコーポレートサイト。 バーベイタムもそうでしたが、ブラウザで3Dバトルが、こんなサクサク動いちゃうなんて!技術ドリブンの意欲的なコーポレートサイトですね! 弊社のFlasherとこの前話していたのですが、これから先数年はFlashの3Dと映像周りのプログラムが整備されて、技術が格段にレベルアップするとのこと。そんな時代を見据えた表現なのでしょうか。 なんでバトルなのかっていうコンセプトもしっかりしていてやばかっこいい! それにしても1-10さん、最終面の敵強すぎです!

CREATIVE IS ENDLESS BATTLE - 1→10design, Inc.

  • 3Dを使ったフルFlashのコーポレートサイト。 バーベイタムもそうでしたが、ブラウザで3Dバトルが、こんなサクサク動いちゃうなんて!技術ドリブンの意欲的なコーポレートサイトですね! 弊社のFlasherとこの前話していたのですが、これから先数年はFlashの3Dと映像周りのプログラムが整備されて、技術が格段にレベルアップするとのこと。そんな時代を見据えた表現なのでしょうか。 なんでバトルなのかっていうコンセプトもしっかりしていてやばかっこいい! それにしても1-10さん、最終面の敵強すぎです!kaneyasu

制作中に見たい、聞きたい!おすすめUstream番組4本!

$
0
0
今日も元気です! @barimi です。 みなさん、制作中ってどんなもの聞いています?ラジオですか?音楽ですか? ネット上では、映像ももちろんですが、耳で楽しむコンテンツ増えてますよね。 それから、生中継や実況も増えてきて、その時間でしか楽しめないリアルタイムものも増えています。 そこで、今回は独断とめちゃくちゃ偏見による、自分史上初のおすすめUstream番組をご紹介。

GeorgeTV

あのジョージ・ウィリアムズがUstreamに現れた!! って、ラジオやCMナレーションでおなじみのジョージがお送りするUst番組。 だいたい毎日23時~24時過ぎくらいに始まります。 放送時間は短いのですが、日常的なテーマであったり、たまにミュージシャンのゲストが来りと、毎日変わったことをするので楽しみです。あと、ユーザーとのやり取りも楽しいですねー。 必聴コンテンツとしては、愛娘との親子英会話。ほのぼの親ばかで、これが寝る前に見るとすっごいほっこりします。 Twitterを使って放送前に告知しているのでFollowしておくと○。

mangalive

あのブラックジャックによろしくの佐藤秀峰先生が、生の漫画制作をよろしくやっている光景を生中継! ネームやペン入れもそのまま中継されているという、漫画好きにはたまらない番組です。 またTwitterを使って、ユーザーの質問にも答えたりしてくれるので、是非見て欲しい!

The Owl Box

これは終始生中継なのですが、はい。ふくろうです。 というか、ふくろうかわいい! なんだかやるせないとき、覗いてみてください。毛づくろいしています。*^o^*

DOMMUNE

言わずと知れたDOMMUNE。映像作家や、VJ、文筆家など様々な肩書きを持つ宇川直宏氏が主宰するストリーミングスタジオです。 ほんといい番組ですよね。 構成は、トークライブ、DJタイムの2部構成。どちらも濃い内容。 自分的には、裏番組のDAMMUNEも大好物です。(笑)

人気の番組を探すならUSTRATE.info

こういったいろんな番組がある中で、視聴率がわかるUSTRATE.infoはおすすめです。 これは、Ustreamの視聴率をリアルタイムで集計し、ランキングで表示しているサイト。TwitterのつぶやきやUstreamのランキングから、視聴率を表示しています。 他にも、ユーストリーム&生配信系サイト [リアルタイムランキング]などもあるので、これらを活用するのもいいでしょう。 というわけで、みなさんも楽しいUstライフを! ちなみに私もたまに生中継しています!

  • 今日も元気です! @barimi です。

    みなさん、制作中ってどんなもの聞いています?ラジオですか?音楽ですか?
    ネット上では、映像ももちろんですが、耳で楽しむコンテンツ増えてますよね。
    それから、生中継や実況も増えてきて、その時間でしか楽しめないリアルタイムものも増えています。

    そこで、今回は独断とめちゃくちゃ偏見による、自分史上初のおすすめUstream番組をご紹介。

    GeorgeTV

    あのジョージ・ウィリアムズがUstreamに現れた!! って、ラジオやCMナレーションでおなじみのジョージがお送りするUst番組。

    だいたい毎日23時~24時過ぎくらいに始まります。
    放送時間は短いのですが、日常的なテーマであったり、たまにミュージシャンのゲストが来りと、毎日変わったことをするので楽しみです。あと、ユーザーとのやり取りも楽しいですねー。

    必聴コンテンツとしては、愛娘との親子英会話。ほのぼの親ばかで、これが寝る前に見るとすっごいほっこりします。
    Twitterを使って放送前に告知しているのでFollowしておくと○。


    mangalive


    あのブラックジャックによろしくの佐藤秀峰先生が、生の漫画制作をよろしくやっている光景を生中継!

    ネームやペン入れもそのまま中継されているという、漫画好きにはたまらない番組です。
    またTwitterを使って、ユーザーの質問にも答えたりしてくれるので、是非見て欲しい!

    The Owl Box

    これは終始生中継なのですが、はい。ふくろうです。 というか、ふくろうかわいい! なんだかやるせないとき、覗いてみてください。毛づくろいしています。*^o^*

    DOMMUNE

    言わずと知れたDOMMUNE。映像作家や、VJ、文筆家など様々な肩書きを持つ宇川直宏氏が主宰するストリーミングスタジオです。

    ほんといい番組ですよね。
    構成は、トークライブ、DJタイムの2部構成。どちらも濃い内容。

    自分的には、裏番組のDAMMUNEも大好物です。(笑)

    人気の番組を探すならUSTRATE.info

    こういったいろんな番組がある中で、視聴率がわかるUSTRATE.infoはおすすめです。 これは、Ustreamの視聴率をリアルタイムで集計し、ランキングで表示しているサイト。TwitterのつぶやきやUstreamのランキングから、視聴率を表示しています。

    他にも、ユーストリーム&生配信系サイト [リアルタイムランキング]などもあるので、これらを活用するのもいいでしょう。


    というわけで、みなさんも楽しいUstライフを!
    ちなみに私もたまに生中継しています!

    barimi
Viewing all 239 articles
Browse latest View live




Latest Images