Profile

Cover photo
深井学(Manabu Fukai)
Works at デザイン事務所Glitter Style
8 followers|87,402 views
AboutPostsPhotosYouTube+1's
Story
Tagline
デザイン事務所Glitter Style(グリッタースタイル) クリエイティブディレクター
Introduction
紙、Webを主にトータルなデザインをおこなっています。
撮影現場上がりなので撮影もこなします。
人間が五感に感じられるものはすべてデザインする対象であるを信条に、絵や色、形、文章、文字すべてを使って伝えたいこと・感じてもらいたいことをより正確に表すデザインを提供します。

Webは非常に大きな可能性を持ち、現在すでに現存するテクノロジーのうち、世の中はまだ10%程度しか活用できていない、と考えています。もっと有効活用していくべきと考え、Webを使った様々な表現や発信を提案しています。
●ブログ:
デザインについて色々書こう・・と思っていましたが現状ほとんどがWeb関連の話になってします・・。
●Webマガジン「O2Magazine」:
ものづくりに関わるメンバーで集まって、それぞれの視点のコラムを綴っています。

これからは地域ブランディング、ご当地ブランドつくりにも力を入れていきたいと考えています。

Work
Occupation
クリエイティブディレクター
Skills
Management , Branding , Art direction , Graphic design , Web Design , Web Programing
Employment
  • デザイン事務所Glitter Style
    Creative Director, 2008 - present

Stream

 
ご無沙汰しております。 お恥ずかしい話ではありますが、アシスタントさんが辞めてからしばらく一人で頑張ってきたのですが… さすがに一人で回すのは限界なほどご依頼をいただいており(非常にありがたく存じます。心より感謝申し上げます。) この度、改めて2名ほどアシスタントさんを募集しております。 (アシスタントではなく
1
Add a comment...
 
またまた非常に光栄なお仕事をさせていただけました♪
【The New York Timesが年一回発行するマニュアル誌『Global Agenda』のWebスペシャルページを製作させていただきました!】
「未来の新聞ってこんな感じかな…?」なんて考えながら作りました。
『Global Agenda』は今月の13日に発売された雑誌ですが
アート、カルチャー、ライフスタイルから、政治、経済、世界情勢、テクノロジーまで
ありとあらゆる分野の「2014年とこれから」が網羅されてます。
本当に面白くて興味深い内容がいっぱい書かれています!オススメ!!

全21ページというボリュームで、Web版だけでも誌面の70ページ分くらいあるため結構雰囲気は伝わると思いますが、これは是非とも雑誌を読んでいただきたいなーと思います。

==================================
全編pjaxという『ページを移動せずに、コンテンツの中身だけを取り替える』手法で製作しています。
次のページへの移動が非常にスムーズ(ほとんど時間がかかりません)かつ、切り替わり時の演出も付け加えられるので
そういった部分でもページ移動していくことに飽きずにご覧いただけるんじゃないかなと思います。
(※コンテンツ切り替えモーション、コンテンツ表示モーションもそれぞれ複数用意してあり、結構ダイナミックな動きもあります。笑)
※注:IE9以下はこのpjaxには対応していない為、通常のページ移動になります。
画面右下・一番上の「インフォメーション」にも書いてありますが、ブラウザの「戻る」「進む」ボタンもちゃんと効きます。
(※ただし、一部のページ、特定の移動方法をとると正しく表示されないページがあるので、その際は「更新」ボタンを押していただけると正常に表示されます)
モバイル版でもほぼ同様の動きをするので、同じく楽しんでいただけると思います。
でもって、無駄にIE8にまで対応させています…笑 はい、バカですね。笑
だって……Global Agendaの内容はとても素晴らしく、非常に為になるものなので、
是非とも多くの方に読んでいただきたいなー…と思って。。笑

::発行元のNew York Times様にもお褒めいただけたので、自分のクリエイションにちょっと自信がもてるようになりました。
いつもながら、本当に素晴らしい機会をいただけて心から感謝しております!
 ·  Translate
ニューヨーク・タイムズ紙が世界31カ国で刊行するグローバル・マガシン、日本上陸!米国の有力紙“The New York Times”が、年一回発行するアニュアル誌。 その日本版が、弊社より発売しました!
1
Add a comment...
 
この度、日本でもっとも歴史のある月刊男性ファッション誌『MEN'S CLUB』様の創刊60周年を記念した特設ページ「メンズクラブを振り返る(※Web版)」をGlitter Styleが製作させていただきました。
http://sp.mensclub.jp/fashion/60th/ (Chrome,Safari推奨)

総ページ数13+αという濃厚なつくりなので、時間のある時にじっくりとご覧になっていただけると嬉しく思います。

トップページはパララックスを用いた構造になっており(PC版のみ)、各セクション毎に違った演出を施しています。その為、セクションによってはスクロールのさせ方によってはコンテンツを飛ばしてしまうところもあります‥苦笑
なるべく全体的にゆるやかめにスクロールさせながらご覧いただけると幸いです。

動画コンテンツなども含む為、結構重いページになっています。ローディングも気長に待ってやって下さい。


この他にも今月は2つ、MEN'S CLUB様のページを作成させていただいています。(片方はシークレットページなので公開はできないと思いますが…)

最後になりましたが、大変光栄な機会を下さった担当の小川様、支えて下さった皆さまへ心から厚く御礼申し上げます。
 ·  Translate
メンズクラブは創刊60周年を迎え、日本でもっとも歴史のある月刊男性ファッション誌となりました。日ごろからご愛読いただいている読者のみなさまのおかげだと編集部一同感謝しております。そんな小誌の60年の歩みを創刊当初からご執筆いただいている穂積和夫さんをはじめ、そうそうたる顔ぶれで振り返りたいと思います。
1
Add a comment...
 
今回もMEN'S CLUB様の特設ページを担当させていただきました。

今回は誌面デザインから結構離れたイメージでつくらせていただきましたので誌面を読んだ方も、また違った雰囲気を感じられるかもしれません。
また、今回は2名体制で製作した為、前回よりはクオリティが上げられたかな…と。

●トップ部分のアニメーションのフルVer.はPCからのみになりますが、よければ一度ご覧になってみて下さい。
●コンテンツはスライド式。モバイルでは左右フリックでも切替えられます。
●クライアント様の意向でIE8にも(力技ですが)対応させました
 (※完全対応とまでは言えませんが閲覧に支障はないはずです)
 ·  Translate
開発から製造までを日本で一貫しておこなう、パナソニックの「5枚刃ラムダッシュ」。 パナソニックといえばガンバ大阪。そして、かつてガンバ大阪でプレーした背番号“5“といえば、宮本恒靖さん…ということで、今回は“5“の数字が似合う宮本さんに日本の技術が凝縮した、「5枚刃ラムダッシュ」を試してもらいました。
1
Add a comment...
 
前回はありものを使ってのSVGスプライト編集方法でしたが、
今回は自作のアートワークをSVGスプライトにする方法です。

Illustratorでのスプライト用データ作成方法と(単体では作成しきれない為)書き出したデータのスプライトデータ化方法を書きました。

・g要素での作成方法と
・symbol要素での作成方法
両方のパターンも紹介しています。
 ·  Translate
前回、SVGスプライトの構造と仕組みから編集方法までを書かせていただきました。 今回はIllustratorを使ってオリジナルのSVGスプライトを作成する方法を書いていきます。 SVGスプライトの作成は、Illustra ... 続きを読む
1
Add a comment...
 
個人的にSVGを好んで使うため、利用する機会が増えてきました。
今回は書き出した後のファイルをインブラウザで編集でする方法を紹介しています。

普通に書き出すよりも大幅にデータサイズを削ることもできるうえ、SVG要素にも慣れていけるので、今後SVGスプライトファイルを作成したい、あるいは編集したい、といった場面でサクッと修正・編集ができるようになると思います。

細かく説明+各ポイント注釈なども加えているので長くてややこしく感じるかもしれませんが実際作業してみると10分もかからないと思います。(慣れれば一連の手順すべて行って5分かからなくなります)
 ·  Translate
前回、SVGについての概要や利用方法などについて書かせていただきました。今回は実際に作成していく手順や作成時のポイントから、編集方法までをお話しさせていただこうと思います。 最初は簡単な例題から行っていこうということで ... 続きを読む
1
Add a comment...
 
「デザイン事務所Glitter Style」のGoogle+を更新しました。
現在、主にこちらに投稿しております。
宜しければフォローくださると嬉しく思います。
 ·  Translate
1
Add a comment...
 
『生ける伝説のロックバンド、KISS』からの特別メッセージ動画を製作させていただきました。
今ももクロとコラボで新曲も出ていますね。アルバムが本日発売とのこと!

「KISSが…KISSが…ウチのPCの中に…‼︎」なんて変なテンションで編集していたのはここだけの話です…笑
また、完成品にKISS直々のチェックもあったので、プレッシャーで吐きそうになっていました…笑
 ·  Translate
1
Add a comment...
 
年も明けて、しばらく経ってしまいましたが新年のご挨拶と抱負を書かせていただきました。
 ·  Translate
遅ればせながら、新年明けましておめでとうございます。 昨年暮れは慌ただしさにかまけて何の挨拶も無しにしてしまい、年も明けしばらく経った今になりようやくの一息…というところで改めてご挨拶させていただいた次第です。 いろいろ ... 続きを読む
1
Add a comment...
 
ここのところ、ありがたいことにずっと慌ただしくさせていただいていました。
あまりの慌ただしさに報告が遅れてしまいましたが‥‥

MEN'S CLUBオンライン様のクリスマス用の特設ページ+動画を製作させていただきました。
動画はちょっとソフトに遊ばれてるレベルで…
くやしいので年明けに猛特訓します。。
 ·  Translate
2014年はいかがでしたか? 来年の2015年はより充実した年になるよう、メンズ・プラスも祈ってます! そして、この人からも特別に!!
1
Add a comment...
 
僭越ながら「MEN'S CLUBオンライン」様の特設ページ製作を担当させていただきました。(自分ごときが担当させていただいてすみません。。)

誌面デザインを踏襲しつつ(そこまでしてない…?)動きで遊び心を加えたつくりになっています。

「限られた時間の中でいかにパフォーマンスを出せるか」大きな課題だな…と身にしみ、もっともっと精進しなきゃなーと心底思わせてくれるとても素晴らしい経験になりました。ありがとうございます。
 ·  Translate
女性にはすでにおなじみの豆乳を、美容に関心のある男性にも広く普及していこうと「 豆乳で美活 for MEN」と題して男性向けキャンペーンを発信。
1
Add a comment...
 
SVGスプライトファイルについて書きました。
若干説明がややこしくなってしまったかもですが、ちょっとした例題付きで、「スプライトファイルへの新しいグラフィックの追加」と「スプライトファイルからの参照」を『実際に触りながら』確認することができます。

SVGスプライトファイルは非常に簡単に編集できるのでぜひ一度お試しください。
 ·  Translate
SVGの最も有用な使用法の一つ、「複数のベクターグラフィックを一つのデータにまとめて、使いたい時に呼び出す」という「SVGスプライト」があります。 「SVGを使おう!」でもほんの少しお話ししましたが、cssスプライトとの ... 続きを読む
1
Add a comment...
深井学(Manabu Fukai)'s +1's are the things they like, agree with, or want to recommend.
“KISS”から、2月末からの「ジャパンツアー2015」に向け、特別メッセージが! | メンズファッションの決定版 | MEN’S CLUB(メ...
www.mensclub.jp

デビュー40周年となり、今なおロック・シーンの トップに君臨するモンスター・バンド“KISS”! 2013年には、すべての日本公演をソールド・アウトし、日本中を興奮の渦に巻き込んだ最強のステージが再び!

MEN'S CLUB創刊60周年記念―メンズクラブを振り返る
sp.mensclub.jp

メンズクラブは創刊60周年を迎え、日本でもっとも歴史のある月刊男性ファッション誌となりました。日ごろからご愛読いただいている読者のみなさまのおかげだと編集部一同感謝しております。そんな小誌の60年の歩みを創刊当初からご執筆いただいている穂積和夫さんをはじめ、そうそうたる顔ぶれで振

「毎日飲むとカラダが喜ぶ!」 恐るべし!豆乳のパワー
sp.mensclub.jp

女性にはすでにおなじみの豆乳を、美容に関心のある男性にも広く普及していこうと「 豆乳で美活 for MEN」と題して男性向けキャンペーンを発信。

六本木ヨガ様アメブロカスタマイズ
glitter-style.jp

「アメブロでこんなこともできるんですよシリーズ」・・とでも名付けましょうか。今回もかなりいろいろ盛り込んだサイトを制作させていただきました。 その結果、記事も恐ろしく長くなってしまいました・・。 それでもまだ全部書ききれ ... 続きを読む

大槌へおでんせ|一般社団法人 Project One|プロジェクトワン
projectone-gia.jp

一般社団法人ProjectOne(プロジェクトワン)が主催する岩手県大槌町の応援バスツアー「大槌へおでんせ」特設ページです。ツアーの詳細や追加情報を随時発信していきます。

過去Blogをリフォームしました。
glitter-style.jp

このBlogをつくる以前に、アメーバブログでBlogを書いていたのですが、そのBlogをリフォームしました。 ‥といっても、「(やっと)完成させた」といったほうが正しいのかもしれませんが・・苦笑 と言うのも、このBlog ... 続きを読む

O2 Magazine|No003
glitter-style.jp

「新しい雑誌のかたち」を提案するO2 Magazine。各分野のクリエーターが集まって毎日がもうちょっとワクワクする、読者の皆さまの心に火をつける雑誌を発信していきます。

総合デザイン事務所Glitter Style|グリッタースタイル
glitter-style.jp

ロゴや広告・パンフレットのデザインから、Webサイトのデザイン、さらには撮影まで。クライアント様のあらゆるニーズを「かたち」にするデザインオフィスです。

O2 Magazine|No002
glitter-style.jp

各分野のクリエーターがつくる「新しいかたちの雑誌」O2 Magazine。第二号となる今回は「季節」をテーマにそれぞれの視点で書き綴っていきます。

O2 Magazine創刊号CHAPTER1
glitter-style.jp

さて、#002発刊からも早1週間。少しばかり間はあきましたが、創刊号の「答え合わせ」の続きをやっていきましょう!今回はCHAPTER1(P5~P12)をまとめてやっていきます。 もう発刊から2カ月あまりたつので、内容を忘 ... 続きを読む

O2 Magazine|#001
glitter-style.jp

「新しい雑誌のかたち」を提案するO2 Magazine。各分野のクリエーターが集まって、毎日がもうちょっとワクワクする、読者の皆さまの心に火をつける雑誌を発信していきます。