企画書や提案書を、読み手に気持ち良く理解してもらうためには「内容」はもちろん大切ですが「見た目」の綺麗さも重要な要素の1つです。 デザインに少しこだわった企画書が作れるだけで、周りの資料とは一味違ったものになるでしょう。そこで今回は、企画書の見た目をよくする際に無料で使える「インフォグラフィック」作成ツール・アイコン素材検索サイトをご紹介します。 インフォグラフィック（infographics）とは そもそもインフォグラフィックとは、情報・客観的なデータを整理し、視覚的に表現したものを指します。 ただ単に数値やデータを無機質に羅列させるだけでもよいのですが、他の人に情報をわかりやすく伝え、企画書を見る人の理解を深める手段の1つとして”インフォグラフィック”が利用されます。 オンライン上でデータを入力するだけで、簡単にインフォグラフィックを作成できるWebツールを4つご紹介します。 info

広告やポスターをデザインする際、ときにはコピーの配置やレイアウトに悩むこともありますよね。そんなときに文字レイアウトや配色が参考になりそうな広告・ポスターをご紹介します。 広告デザインに参考になる文字レイアウト　選 では参考になるデザインをご紹介します。 アニメ王決定戦のポスター 出典：kettle.co.jp こちらは2011年に開催された、au EZwebから参加できるアニメ王を決めるためのクイズ大会。文字に帯を引いたり、注目させたい文字への色使いの変化が目立ちますね。2011年の作品です。 LUMINE 出典：magazine.lumine.ne.jp こちらはLUMINEの広告の中でも色使いがシンプルなもの。中央に大きくレイアウトされた文字は、半透明なのにきちんと可読性があり、白い文字の透かし具合が絶妙です。 新村水産 出典：shinmurasuisan.net こちらは「新鮮な魚

直近半年で話題になった、デザインに関する知見が広がる記事を5つほどご紹介します。 「デザイン」といっても、様々な方向性の記事をとりあげていますので、興味のある分野があればぜひチェックしてみてください。 Webと紙の印刷物 Web制作の仕事をしている人に向けて、印刷に関する基礎知識と、その時に気をつけておくべき注意点が紹介されている記事です。 「Web」と「印刷物」の大きな違いをサイズ、レイアウトの可変性、データの拡張性、オペレーションの多様性（Webではクリックですが紙では触るなど）の4つを中心にとりあげて説明しています。 Web制作をしている人が、突如印刷物の制作を頼まれた時なんかにも、Webと紙の違いを理解して説明できると慌てずにものごとをスムーズにすすめることができると思います。 → WEBも紙も！ハイブリッドなクリエイターになるために ―印刷加工の基礎知識― デザイン思考の成功例

デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない…　なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ

人の行動を変えなければいけない時、ただ単に口で注意するのと、粋なアイデアで行動を変えさせるのとでは大きく違います。 そこで、今回はデザイン1つで人々の行動を変えた事例を9つほどご紹介します。 プロダクトデザイン編 フェンスを外す人 「フェンスを外す人」という文章をご紹介します。 ここに登場する事例。高級なクラブなどに行くと、灰皿が極端に小さいのはなぜか？ us.christofle.com 小さな灰皿は、一本でもたばこを吸えばいっぱいになってしまう。そうすると、スタッフが灰皿を新しいものに替える。そうするとことで、客への細やかなサービスを演出できるし、スタッフに自然と客へ細かく注目させることを可能にしている。 従業員に「客がタバコを1本吸ったら灰皿を取り替えろ」と言ったり、マニュアルをつくって叩き込めば、問題は一時的には解決されるかもしれません。しかし、灰皿を小さくすることによって、その手

こんにちは。 今回は、何かを制作する際に、アイデアのヒントになったりインスピレーションを刺激されるサイトを9つほどご紹介します。 The Book Cover Archive 世界の本の装丁をアーカイブしたサイト。 本の表紙からは、インスピレーションを受けることが多いです。 → The Book Cover Archive Ads of the World 世界の広告デザインをアーカイブしたサイトです。 地域、国別、業種、広告媒体別に分かれていて、様々なデザインに触れることができます。 → Ads of the World motions アイコンやインフォグラフィックなどのアニメーションの動きを、アーカイブしたギャラリーサイトです。 キャッチコピーは、あなたに「気持ちいい動き」のインスピレーションを。 → motions 404design 「404 not found」のページを集めた

Twitter社が運営する最長時間6秒のショートムービーサービス「Vine（ヴァイン）」。 個人が手軽に思い出やクリップしたい瞬間などを撮影し、6秒という短時間で表現できることから、世界中で爆発的にヒット。 日本でも、Vineを上手く活用して女子高生が有名になるなど、学生などの若い層にもどんどん広まってきています。 一見、個人のユーザーばかりが使っているイメージですが、実は企業もVineを使ってプロモーションを行う事例が増えてきています。 なぜならば、6秒という短時間だからこそ、端的に魅力を伝えることができ、見ているユーザーを飽きさせずに短時間でプロモーションができるというメリットがあるからです。 そこで今回は、Vineを上手く活用している企業のプロモーション事例をご紹介します。 （今回は、ユーザー参加型ではなく、企業が公式で作っているプロモーション動画の紹介です。）

こんにちは。 7月が始まりましたので、6月中に話題になったWebサービスやアプリを10個ほどご紹介します。 Yo Yoは、特定の相手に対して「Yo」という通知を送る、ただそれだけのメッセージングアプリです。挨拶やちょっかいをかける感じで交流できます。 またアラートのような使い方もできて、W杯のサッカーの試合時に「WORLDCUP」というユーザー名に一度「Yo」と送ると、ゴールが決まる度に「Yo」とだけ届いたり、ブログが更新された時に「Yo」と届くなど他の使い方も見えてきています。 2014年6月23日には、100万ユーザーを突破、2ヶ月間で約1億円もの出資が集まったそうでWeb業界では衝撃が走りました。 Compressor.io ほとんど劣化させずに「JPG・PNG・GIF・SVG」の画像を軽量化できるWebサービスです。 料金は無料でアカウント登録もなく、ドラッグ&ドロップするだけで画

こんにちは。 5月が終わり6月が始まったということで、5月中に話題になったWebサービスやアプリを12個ほどご紹介します。 UTme!（ユーティーミー） ユニクロがリリースした、自分がデザインしたTシャツを購入できるサービスです。 スマホとPCのブラウザ上で、デザインし、完成したTシャツは1枚1990円で購入できます（送料450円：3点以上購入で無料）。 リリースした当初の利用規約は、ユニクロに全著作権が譲渡される内容になっていましたが、2014年5月20日に「著作権がユーザーに帰属する」といった内容に改定されています。 GHORUS（ゴーラス） GHORUSは、情報を一斉に拡散したい時に役立つ日本初の「クラウドツイーティングサービス」です。 知ってほしい情報やプロジェクトがあっても、1人の発信力ではなかなかたくさんの人に届かないもの。GHORUSに投稿し、共感して賛同してくれる人が一定数

大阪市阿倍野区にある「文の里（ふみのさと）商店街」では、最近シャッターを下ろした店が目立つようになってきました。 そこで、商店街の活気を取り戻そうと大阪商工会議所が、商店街のPRポスター約200点を、電通関西支社に依頼して制作しました。制作したのは電通関西支社の若手クリエーター60人。そこで制作されたポスターが斜め上をいっていて素敵でしたのでご紹介します。（本当は全部センスがあって紹介したいのですが、今回は特に気になったポスターをご紹介します） 大嶋漬物店 ポスター？　はよ作ってや。死ぬで。 やっと気付いた。この仕事、しんどい。 お漬かれさまでした。という文字までこだわっています。すごい。 鳥藤商店 いいムネあります。 いいモモあります。 浜口鮮魚店 おめで鯛！があるならメリークリス鱒！てのはどやろ。 これ、スズキ。僕、ハマグチ。 アンティーク着物　姉妹屋 その着物 かわいいやん かわいい

こんにちは。 5月が始まるということで、4月中に話題になったWebサービスやアプリを16個ほどご紹介します。 note（ノート） noteは、個人がコンテンツを販売できる個人向けのメディアプラットフォームです。 テキストや写真、イラスト、音楽、映像などのコンテンツを投稿し、ブログなどと同じように無料で公開できて、さらにそのコンテンツを販売することも可能となっています。運営会社は、cakesを運営するピースオブケイク。 SUZURI（すずり） GMOペパボ株式会社が運営する、新感覚ECサービスです。 画像をアップするだけでオリジナルグッズが作成でき、販売までできるサービス。在庫を持たず、発送作業もしなくていいのが特徴的。キャッチコピーは「欲しいものは、作ればいい。」ソースコードにもメッセージがあっておもしろいです。 STARted (スターテッド) STARtedは、イラストをアップロードす

こんにちは。 今日は海外で実際に存在した、アイデアが優れていると思った広告を20枚ほどご紹介いたします。 ガラスの広告 ガラスの強度や耐久性を表現するためにバス停に設置された3Mの広告です。監視カメラには、壊そうとする人がたくさん映っていたそうですが、誰も割ることができなかったとのこと。通行人が目を止めてしまう率はほぼ100%なのではないでしょうか。 ヨガの広告 ストローを利用した広告です。この教室にいくと、なんだか体が柔らかくなりそうですね。日常生活で気にもかけない部分が広告となるおもしろい事例。 ドッグフードの広告 地面にプリントされたドッグフードのゲリラ広告です。散歩中に間違って、犬が食べてしまいそう。 コーヒーの広告 熱気で湯気が噴出しているマンホールのふたを、珈琲カップにみたてた広告。 運送業社の広告 Fedexという運送業者の広告です。ライバル会社よりも早く届けることを連想させ

1月が終わり2月も始まったということで、1月中に話題になったWebサービスやアプリを12個ほどご紹介します。 Squarespace Logo Squarespace Logoは、デザインの経験がなくても、簡単にオシャレなオリジナルのロゴを制作できるWebサービスです。 名前を入力し、ロゴのマークやタイプを選択すれば完成です。（すごい簡単…）普通の解像度のロゴをダウンロードするのは無料で、高解像度のロゴがほしい場合10ドル支払うというモデルです。 see your folks（シーユアフォークス） see your folksは、生きている間に両親に「あと何回会える」のかを教えてくれるサービスです。 実際に試してみると意外と少なくて驚きました。しばらく実家に帰っていない方は1度試してみてはいかがでしょうか。 Hichee（ハイチー） Hicheeは、シャッターを切る前の「3秒間」を含めたム

「販促会議」という企画コンペティションがあります。 協賛企業から商品・サービスのプロモーションに関する課題を出題し、その課題に対する解決策として、応募者からの販促のアイデアを企画書形式で募集するコンテストのことです。その中でも特に「面白い」と思える企画を5つほどご紹介します。 面白い販促アイデア 今回はアイデアの提案の仕方や企画書を作成する際に参考になる「販促会議」でグランプリを受賞した5つの作品をご紹介します。読んでいるだけで勉強になるし、イベントや広告、CM�プロモーションを考える際に参考になる企画書アイデアの事例ばかりです。 1.シークレット・メッセージ 2010年第1回販促会議 課題：10代のコカコーラ飲用者・飲用頻度の拡大につながるプロモーション提案 2010年7月に開催された販促会議賞。コカ･コーラの課題に応募された「シークレット・メッセージ」が話題となり注目を集めるようになり

あけましておめでとうございます。 新年さっそく公開されているすごいWebサイトをご紹介いたします。 （随時更新予定、追加希望はお問い合わせから） 年賀状2014.psd → 年賀状2014.psd 毎年恒例のKAYACのお年賀サイトです。 Webサイト自体がPhotoshopにのような感じの年賀挨拶ページとなっています。スマホでも閲覧できるしクオリティがすごいです。 お好き玉 → お好き玉 先着2014名限定で「いいね！」を押せた人に「お好き玉」2014円あげるという企画。 普通に押そうとしても、いいねが、、、、おせない！！！！ Gunosyより

こんにちは。 12月がはじまったということで、11月中に話題になったイケてるwebサービスやアプリを10個ほどご紹介します！ TERIYAKI（てりやき） ホリエモン（堀江貴文氏）がプロデュースするグルメアプリです。 既存のグルメアプリは消費者生成メディア（CGM）で、評価の基準が定まっていませんでした。TERIYAKIはそこを、TERIYAKIキューレーターと呼ばれるグルメ専門家たちの協力を得て「本当に美味しいものだけ」を紹介してくれるようにしています。サービス利用金額は、基本的に無料で詳細検索を行う場合は月額400円という価格設定になっています。 1Click飲み 自動飲食店予約アプリです。 「飲みたい！」から「乾杯！」までを「１クリック」で繋ぐサービスです。 アプリ上でワンクリックすると、店の検索、推薦、そして予約までが全自動的に行われるというもの。Webアプリ開発コンテスト「Mas

こんにちは。 Yahoo!JAPANインターネットクリエイティブアワード（2013）のノミネート作品が発表されました。 毎年WEBクリエイティブの最前線をいくコンテストですが、今年はどんな作品がグランプリをとるのか楽しみです。今日はそんなクリエイティブアワードで過去にグランプリをとった作品をご紹介します。（2008年から2012年） Blog Ground Music-2008 （一般の部グランプリ） 制作者：中川真仁 こちらのブログパーツは「ブログをもっと楽しいものにできないか、もっと「温度」を感じられるものにならないかな」という想いの元に作られた作品です。ブログパーツを設置したブログの文章に登場する「ド・レ・ミ・ファ・ソ・ラ・シ」の7文字（音）を拾いその音階で演奏するというものです。ブログの記事によって、鳴る音が違うのがおもしろいです。 ※紹介動画はこちらから ブログパーツの貼付け方

MacBook Proを持ち運ぶ際、本体を保護できるケースは故障や傷から守ってくれる心強い味方です。 しかし、一方では「Mac特有のデザイン性や質感が損なわれてしまうのが嫌」、「職場で目立ちすぎてしまう」といった理由でケースを使いたくないという声もよく耳にします。 そこで今回は、仕事でもプライベートでも使えるおしゃれで落ち着いたデザインのケースを中心にオススメのMacBook Pro用ケースを紹介していこうと思います。 Macbook Proケースの選び方 MacBook Pro のケースはとてもたくさん種類がありますが、その多くは大きく二つの種類に分けることができます。 気軽に持ち歩きたいならインナーケースがオススメ インナーケースはMacBookを入れて持ち運ぶための、小さなカバンのようなケースです。使用時には取り出さなければいけないので保護できなくなってしまいますが、クッション素材で

こんにちは。 もうすぐ8月ということで、7月中に話題になったwebサービスやアプリを11個ほどご紹介します。 IFTTT IFTTTとは、Webサービスやアプリのアクションを連携させて一連の処理にしてしまうサービスです。 「もし明日が雨だったらGmailにメールを送る」といったことも可能です。サービスの名称は「If this, then that（これをすれば、あれをする）」を略したもの。たとえばスマートフォンでとった写真を自動的にDropboxにアップロード、ブログへ投稿すると自動的にツイートする設定などなど考えられるレシピは無限大。 自分でレシピを投稿したり、他ユーザーの作成したレシピを見ることもできます。エンジニア思考っぽいのサービスですが、どんどん私生活の一部分としてに入り込んできそうですね。 SUVACO（スバコ） ソーシャル・ホームデザイン・サイトです。 家づくり・インテリアに

こんにちは。 スマートフォンサイトやアプリにおいて、重要なことの一つであるUI（ユーザーインターフェース）。 また、PC向けサイトでも、よりユーザー目線に立ったUI設計が必要です。 UI設計ひとつで、大きくコンバージョンが上がったり、クリック率の増加が見込めるので、入念に考えなければなりません。 今回は、UIを徹底的に考えるために、UIについて様々な視点から書かれたスライドをご紹介したいと思います。