レスポンシブWebデザインってご存じですか？

詳しい説明は、こちらにあります（外リンク）
Read more: http://ascii.jp/elem/000/000/613/613028/#ixzz1gFw1S4n0

簡単にご説明しますと、パソコン、ノートPC、タブレットPC、そしてスマートフォンに対応したホームページの事です。

パソコン用に作られたホームページを、スマートフォンで見ようとすると、
文字が小さかったり、レイアウトが崩れていて内容が分からなかった、という問題が起きたりします。

それを解消するためのテクニックを使っているのが、

レスポンシブWebデザインです。

今回、自分の仕事用のホームページで採用してみました。

デスクトップパソコン

ノートパソコン

スマートフォンとタブレットPC

画像を見て頂くと分かると思いますが、
画面サイズや縦横の比率に合うように、最適化しています。

もう一つ、レスポンシブWebデザインポイントは、すべてスタイルシートでコントロールしていると言う事。
スタイルシートというのは、ホームページのデザインを受け持つデータの事です。
本文はHTMLというデータになっています。

この2つを組み合わせてホームページは作られています。
レスポンシブWebデザインでは、本文をパソコンもスマートフォンも同じデータを使って、
デザインを受け持つスタイルシートだけを書き換えて、対応するテクニックです。

通常、携帯サイトを言われるホームページの場合、
パソコン用のページと別に、携帯専用のデータを作るのが今までの方法でした。

ところがスマートフォンやタブレットPCが普及し、
通常のパソコン用ホームページを、異なったデバイスで見るという機会がふえました。

そのため、画面のサイズに合わせて、同じホームページのデータを変化させて見せるというテクニックが考えだされたのです。

この方法の良いところは、もちろん見る人に優しいというのもポイントですが、
作り手やホームページのお持ちの方にもメリットがあります。

同じデータを使い事により、携帯サイト制作のコストがカットできます。

またスマートフォンユーザーに対しても、ストレス無く見られる環境を提供することで、ビジネスチャンスも広がるでしょう。

そんな良いとこづくめの「レスポンシブWebデザイン」
ぜひ実際にアクセスしてご覧ください。

パソコンからでも、ブラウザーのウインドウサイズを変えることで、その効果が体感できます。

http://www.o-g.jp/

またスマートフォン対応のホームぺージ作成をご希望の場合は、是非一度お問い合わせください。

日経新聞のWEB刊によれば、
グーグルが中小企業向けオンラインサービス「みんなのビジネスオンライン」　http://www.minbiz.jp/ というのを始めるそうです。

「Ｊｉｍｄｏ（ジンドゥー）」というサービスと提携するというもので、いわゆる月額使用料型テンプレートサービスかな、と思いました。
約15分でウェブサイトが完成という売り文句。無料版もあり。

さっそくチェックしてみました。

後で気がついたのですが、無料版、有料版の選択画面はなく、そのまま進むと自動的に有料版にサインアップします。
まあ一年間無料なので、いいか！とあまり深く考えないことにしておきます。

有料版Proの場合。
月額利利用料は、月額1,470円。ドメイン料も込みみたいです。

元々のサービス、「Ｊｉｍｄｏ（ジンドゥー）」の場合は、さらに上級グレードの　JimdoBusiness　といのが存在しますが、
「みんなのビジネスオンライン」経由だと、その辺は触れられていません。

最初の1年間は無料！ということなので、とりあえず登録。
テンプレートにデザイン関係というのはなかったので、シンプルで使いやすそうなアパレル関係のテンプレートを選択。
ドメインも取ってみました。

極々シンプルに簡単に。
中小企業や個人事業主のPC初心者の方をかなり意識した画面遷移です。

あとで分かりますが、実際のホームページ編集画面は、こんなに簡単じゃありませんが・・・

ドメイン取得も1分も掛からず完了。

今回はopengatecreation.jpとしました。

このあと、会社名、住所などを書き込んで登録完了。
その後すぐにドメインも認証されました。

よく見ると、.jp以外にも、
.com　.net　.biz　.org　.info なんかも選べたようです。
ドメインの種類は月額費用に反映されるようなので、.comならもう少し安く出来たと思います。

とりあえず、完了。

ページの編集に入ります。

インターフェイスは、非常に良くできています。
初めてでもサクサクすすみます。

ただし、これは普段からブログや日記を書いているレベルの人の場合。
mixiやfacebook、wordpress等の編集、またはヤフオクで出品をしたことがある人ですね。

それでもオンライン上でここまでサクサク動くのは、非常に驚きました。
とりあえず通常のホームページの素材を使ってパッパっと仕上げました。

それでも15分以上は楽に掛かってますが・・・・

グーグルのお墨付きがあるということで、
テンプレート販売や場所貸しビジネスモデルの決定版登場か！？
既存のWEB制作会社やテンプレートビジネスは駆逐されるのでは？と
正直使うまではややビビっていたのですが。

使ってみた感触としては、そこまでの飛躍は無いというのが正直な感想です。

確かにグーグルのお墨付き、ドメイン取得込みで月額1500円以下の利用料、
業種別に最適化されたフォーマット、洗練されたインターフェイス、
標準のアクセス解析・・・・等々、
今までのテンプレートビジネスには、かなり影響が出ると思います。

しかし肝心のコンテンツ作成に関しては、やはりテンプレートは無理。
逆にコンテンツの中身までテンプレート化してしまうと、グーグルは自分のクビを絞めることになります。
検索にヒットするのは、テンプレートではなくコンテンツですからね。

しかし、こういった大規模サービスを低価格でリリースされる度に、中小サービスの提供元はかなり影響を受けるでありましょう。

生き残って行くため、勝ち残っていくための情報収集とスキルアップ、
さらなるアイデアを求めていく姿勢が必要ですね。

ひとまず公開したオープンゲートクリエイション　Jimdo支店、ぜひ一度ご覧くださいませ。

http://www.opengatecreation.jp/

今までのお客様のほとんどが、インターネットやデザインについての専門知識はお持ちではありませんでした。

もちろん知識があった方が初めのやりとりはスムーズ進みます。

しかしながら、それらの知識とプロジェクトの成否はあまり関連性がなく、
むしろデザイン、インターネットに対する知識がない方の方が、
我々＝専門家の意見を柔軟に受け入れてくださいます。

そして、お客様の発展に一番重要だといつも考えさせられるのは、

本業に対する自信と情熱です。

そういったお客様に出会うと、こちらもとても刺激を受けます。

そうしてアウトプットされるモノに影響が出ない理由は無いと思います。

新しい名刺が届きました。

今回は、ロゴも変えた完全リニューアル版です。
リニューアルに際して、色々と試行錯誤しました。デザインだけでなくアイデアや印刷にも色々と（一回印刷し直しもあり）
せっかくですので、（自前の案件でもありますし）「アイデアの流れ」をビジュアル化してみました。

画像クリックで拡大します

左端(A start)、右(B start)がアイデアの起点です。

1. “A”は、”y”まで行って一度行き詰まってます。
2. “B”は、上下左とバリエーション（アイデアの発展系）を増やします。
3. “x”まできて、一度落ち着きますが、何かもの足りません
4. たまたまネット上でトリックアートの記事を読み、インパクトを受けます。
5. “y”で行き詰まったデザインとトリックアートを結びつけて、ロゴのデザインと組み合わせるアイデアを思いつきます。
6. ここで思考が一気に左上の”w”までジャンプ！
7. そこからアイデアを膨らませながら、ブラッシュアップして行きます。
8. トリックアートのインパクトが強いので、名刺としての機能を補うために、両面印刷の名刺にすることにしました
9. ここで、”z”で止まっていたデザインが、裏面用として進化していきます。

一般的な名刺デザインのポイント

• サイズが小さいこと
• 機能が重要
• 手に持ったときの感触が大切
• インパクト重視

というメディアとしての特徴があります
実際にプリントアウトして確かめないと判断できない部分が多いため、その都度確認します。
さすがにクライアントにこれ全部持って行ってみせるのは、逆に混乱させてしまいますし、アイデアを固めるためのアイデアというモノが存在するので、
通常はそれぞれのアイデアの分岐点で完成度を上げてプレゼンします。

コンセプト決定～アートディレクション～原稿作成と校正～デザイン～チェックのすべてを脳内とデスクトップで行うオールインワンのプロジェクトは、客観的評価のバランスが難しく感じるときもあります。

思いっきりぜんぶプリントアウトして、眺め続けるのは駆け出しのころ先輩に教えられた、グラフィック業界では王道的手法ですね。

OPENGATEの名刺のコンセプト

今回に限ってのコンセプトですが、以下のようなものです。

1. 超強力なインパクト
2. webサイトへの誘導命
3. 新しいロゴとのイメージのシンクロ
4. トリックアート的グラフィック（１につながるデザインのコンセプト）
5. 裏面はイベント等でのネームタグ仕様（機能的コンセプト）

こういったコンセプトを考えながら、手をうごかして、チェック、再構築、といった流れを繰り返してデザインを定着させます。

この角度が一番トリッキーに見えるかな。

グラデーションが掛かるので、今回はCMYK以外の特色は使っていませんが、若干蛍光色っぽく見えます。また、用紙は一番マットなものをチョイスしています。

NY　ADC
new york art director’s club
ニューヨークのアートディレクター協会、という感じでしょうか。

その会報が今年も届きました。

名前だけですが、登録したら毎年この時期に会報が届くようになりました。
内容は、ADCのアワードがあるからエントリーしよう、みたいな感じです。

エントリーしなければ、入賞もしないですからね・・

部門もかなりたくさんあるようで、
この辺は「レコ大」一本と、「グラミー」110部門と同様の国民性でしょうか。

もちろん日本にもありますよ、ADC。

広告の世界、グラフィックデザインの世界では、伝統と権威のある賞です。
一時期はADC賞を取るのが、デザイナーとしての目標！！
と考えていた時期もありました～

今の目標は、クライアントの売り上げにいかに貢献するか、これに尽きます。

昨日はジョンレノンの命日・・
と宇多田ヒカルのUSTREAMライブを観て知りました。
超メジャーなアーティストのライブがリアルタイムで、しかも無料で。
なんの手続きもなく、観られる。
メインチャンネルには、60000人ぐらいがアクセスしていましたが、それが多いのか少ないのか。

すごい時代になりました。

これもUSTREAMがあればこそ、できたことで。
そんなきっかけで、タイトルのwebサービスについて、少し考えてみたりしました。

今一番熱いwebサービスなら、YOUTUBE系の動画配信、Twitterとその周辺の発信系。
Googleに代表される検索エンジンと広告事業も基本はwebサービスだし。
あとはfacebook、mixiはソーシャルネットサービス。
ネット通販もモールの元締めががっちり囲い込んでる楽天。でも最強はamazon・・かな。
ネットオークションももう生活の一部になってきてる人も多いはず。

そういったwebサービスの核になる部分てなんだろう？
と、海老蔵の謝罪会見ノンカット on YOUTUBEを見た後、
深夜のジョギングしながら考えました。

１．基本無料。
２．あくまで場。コンテンツはユーザーに任せる。利用者もユーザー任せ。
３．結構いろんなところからお金出してもらってる感じ。

最近の社会ニュースといえば、少し前は尖閣と今はウィキリークス。

こんな現象、ほんと5年前なら創造できなかった。
いいのかな、iPhoneにしろwebサービスにしても、
どう受け入れられ、その結果社会の変化がどう起こるか？
それは作った人にもわからない。

あるのは、何かが変わるであろう予感。

面白いとか、怖いとか、価値観の次元が違う・・・気がしてきたので、もう寝ます。

昨日の続き、Hot Rod Custom Show 2010 バイク編です。

私が見つけた限り、コンパニオン的な女のコは、２人だけ。
そのうちのかわいい方のコです。（個人的な意見ですよｗ）

バイクの方が、出品車両も多かったように思います。

正統派のカスタム、というよりコンプリートマシンというべきかな。
リジッドのショべル。

ハーレー以外のチョッパーもかなり見受けましたよ。
英車や国産の旧車パラレルが渋い仕上がりです。
特に非常に短くカットした、ロー＆ナローのハンドルバー仕様が目に付きました。

DAXベースの一台。
こういった遊び心は、本能的に「いいなぁ」と思ってしまうのが男。

こういった金属の質感を持ったディティールは、結構好きです。

ハイクオリティパーツで、隙のない仕上がりのハーレー。
BADLANDは注目しているショップですが、これもカスタム費用は数百万円でしょうね。
いつかは、所有してみたいです。

ゆっくり見る時間が無かったのが、心残りですが、かなり刺激的なイベントでした。

APECと同じ会場とは思えない空気ですが、パシフィコ横浜。

友人の招待で「Hot Rod Custom Show 2010」へ。

周辺は、それらしき車やバイクがゴロゴロ。駐車場はさらにすごいことになってました。

早速中へ・・これが友人の出展車です。記念に一枚。

詳しいことは分かりませんが、オーダーしてから完成までに３年。
古いクラウンに、９０年代の１G型エンジンをスワップ、足回りや内装まで抜かりなくカスタム。
ボディも合わせると、３台分の部品が使われているそうです。

横のラインも良い感じ。賞ももらったそうです。

こんな車も受賞車。国産の旧車もなかなかいいかも。

もちろん、アメ車もかなりたくさん出品されていましたが、写真を撮る暇がありませんでした・・・残念。

後半のバイク編は、また明日更新したいと思います。