◎ デザインのヒアリング。何を聞こうかな。 良いデザインをつくる流れ、第一弾。ヒアリング。初回の打合せ。クライアントさんに、聞くべきこと、共有すべきこと。しっかりとできれば、とても良いスタートが切れます。じゃあ、何聞くの？ カフェのロゴデザインを例に挙げます。確認内容は、大きく分けて2つ。デザインの「概要」と「方向性」。 ------------ A. デザインの「概要」01. 何をつくりたいか？ 例. ロゴ 02. なぜ、つくりたいか？ 例. 新規集客のため 03. 納品希望スケジュールは？ 例. オープンの30日前 04. なぜ、カフェを立ち上げたか？（お店をつくる背景、ストーリー） 05. カフェが目指す、目標は何か？（月売上○円などの目標） ここまでは、何となく想像できたのではないでしょうか。こっからが大事。私がヒアリングの際、必ず聞き、確認を取る3点。これを聞かずに、帰れな〜い！

デザイナーを採用したい！という時に・・・インターネット企業において、デザインというのは非常に重要です。エンジニアと同様、とてつもなく大事なクリエイティブの戦略ですし、アプリ時代になり、手触りや使いやすさををあげていくために最前線で戦う人です。 しかし、デザイナーを採用したい！となったときに、デザイン知識がない人がやると、よくギャップが起こりやすいです。僕も、デザイナーではないので、いまいち詳しくわかっておらず、面接で苦労したりしました。 そこで、デザイナーを採用するときの、ギャップについて説明したいと思います。 デザイナーの仕事の分類まず、一言で「デザイナー」といっても、何の仕事をする人か、というのをちゃんと把握しておく必要があります。「そりゃデザインでしょ？」と思うかもしれませんが、その中でもいろいろな性質の仕事をやっていたりするので、整理をする必要があります。 たとえば、弊社Super

「自分だけのオリジナルロゴデザインが欲しい」そんな事を考えたことはありませんか？ブログやWEBサイトデザインにおいて重要なパーツのひとつがロゴデザインです。小さなマークですが、デザインの善し悪しでサイトの印象がガラッと変わってしまう重要な要素のひとつです。 この記事ではロゴデザインの重要性や作るときの考え方を実際にロゴデザインをひとつ作成しながらを紹介してみたいと思います。 デザインする際の参考になれば幸いです。 ロゴマークの重要性 ロゴマークとは会社やお店で言うところの看板になります。 ナイキやスターバックスコーヒーののロゴデザインは？と聞かれたら多くの方はすぐにそのデザインを思い浮かべることができますよね。いわばイメージのすり込みです。まず看板となるロゴマークを消費者に印象付けることができれば次に商品やサービス内容を自然とイメージしてもらえます。 以上のことからロゴマークは認知度を上げ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外

みなさん、デザインを作るとき、ソフトはIllustratorですか？ Word？PowerPoint？affinity designer？Canva？ デザイナーが教える『誰でも絶対に今すぐデザインがうまくなる』方法をお教えします。 ちなみに、使うソフトはどれでも大丈夫！ あ、そうそう、ぼくの仕事はグラフィックデザイナーのベーコン（@dogdog464646）です 実はもともとデザイン力がある方ではありませんでした。 喋りだったり、企画力だったり、バイトだったりをしながら、なんとかフリーランス生活を10年間食いつないできました。 だから、いまだにコンプレックスがいっぱいあります。 ぼくだって本当は、デザイン力だけで切り開くかっこいいデザイナーになりたかったけどね… でも、それが自分には適正ではなかったんですね、それに気づいてからは違う力を伸ばしはじめましたが・・・しかし、デザインの制作業務

Transcript None ࠓ೔ͷ͓͠ͳ͕͖ Θͨ͠ͷ͓࢓ࣄˍ͓ࡒ෍ࣄ৘ Θͨ͠ͷσβΠϯ੍࡞ σβΠϯʹ͍ͭͯࢥ͏͜ͱ ৽͍͠΋ͷ΁ͷऔΓ૊Έํ ϓϥΠϕʔτϫʔΫͷऔΓ૊Έ Ոఉͱ࢓ࣄͷ͜ͱ 0 1 02 03 04 05 06 ࣗݾ঺հ ͢Έͩ͋΍͔ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����೥ʹϑϦʔ ϥϯεʹɻओʹ-1΍αΠ τͷσβΠ ϯɺ Π ϥε τΛ੍࡞͍ͯ͠·͢ɻ ෉ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ͸ ��೥ʹ ɾ ɾ ɾ Ո଒ߏ੒ ����೥�݄͔Β8ϑϦʔϥϯεՈఉʹͳΓ·ͨ͠ Unplat Ξϯϓϥ 8FC ɾ 41ΞϓϦ։ൃ σβΠ ϯ ɾ Π ϥε τ੍࡞ ฼ ࢠ ʢ�ࡀʣ ෕ ϑϦʔϥϯε �೥໨ ϑϦʔϥϯε ��೥໨ 01 Θͨ͠ͷ ͓࢓ࣄˍ͓ࡒ෍ࣄ৘ Θͨ͠ͷ ࢓

仕事の仕方が変わった2016年 今年の春に iPad Pro を購入して以来、ペーパーレスの生活を続けています。今までは RHODIA のドット方眼ノートでアイデアの書き込みやスケッチをしていましたが、その役割を iPad に置き換えてみました。今でも iPad Pro を続けていますが、それが続けられている最大の理由は Apple Pencil の存在。今までスタイラスは何度も試したことがありますが、鉛筆・ペンを使う感覚とはほど遠いものでした。Apple Pencil はその名の通り鉛筆と同じような書き心地と、デジタルならではの使い勝手を実現していて、「これなら移行できる」と思えました。発売当初に出たビデオは大袈裟に表現しているものではなく、本当にできるわけですから驚きです。 iPad Pro を購入以来、Apple Pencil で使うと良さそうなアプリを幾つか試していますが、今回はそ

色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー

広がるデザインツールの役割 2016年はデザインツールのあり方が大きく変わった年でした。スマートフォンが主流になってから、平面な画面をひとつひとつ設計するのではなく、利用者の遷移や UI フィードバックを塾考するようになりました。多彩なデザインツールが出てきているのは、デザイナーの作り方だけでなく、役割も少し変わってきているからでしょう。ひとりの職人が閉じ籠って完成品に近いものを作るのではなく、デザインプロセスを共有しながら少しずつ作るというやり方に変わりつつあります。デザインのブラックボックス化を避けるための手段は今も増え続けています。 従来のデザインツールは、ひとりのデザイナーがデザインに集中するための道具であって、途中経過を共有したり、協力して作ることを得意としていませんでした。現在のデザインツールは複数のデザイナーがひとつのプロジェクトに取り組めるような仕組みが用意されていたり、デ

朝、天気予報を見て、 「なるほど。今日は最高気温１5度か」と、一見理解したつもりが、 実は「15度」という気温をあまり理解しておらず、 この時期はだいたい肌寒い服装で外出してしまう クリエイティブ執行役員のしゅがーです。 今回は、11月に行われたセミナー Service x Design #3 デザイナーの力を引き出すデザイン組織とは？と dotFes 2016 渋谷 | creative conferenceにてお話しさせていただいた、 マネジメントする側がデザイナーに対して 「何を意識すればいいのか」 「何をしちゃいけないのか」 など、 組織の中でデザイナーがより輝くための方法について 僕が実践している、以下の10個をご紹介しようと思います。 デザイナーをやる気にさせる10のこと 1. 「評価」の「評価」はしない 2. 事業は縦軸。職種は横軸。 3. 背中を見せる 4. ドヤれる機会の

photo cred: Enric Martinez on Flickrデザインについて考える前に、料理についての話をしましょう。初めて料理をした時、皆さんはレシピ通りに作ったのかもしれませんね。材料はどれくらい必要でどう調理すれば良いかレシピを参考にしたことでしょう。 料理が上手くなるにつれ、材料についてはざっくり確認するだけで済ませ、調味料も目分量で大体分かるようになります。オーブンの予熱についても細かく温度を調べなくとも経験をもとに設定できるようになるでしょう。かなり上達してくると、手元にたまたまあるものを上手く利用したり、興味を引く初めての材料を使ってみたり、食事を一緒に楽しむ仲間の好みを考えたり、旬の野菜を使ってみたりと様々に試して新しいレシピを考え出すはずです。 レシピに書かれている順序やプロセスは新しい料理を始めるきっかけや手ほどきにはなるかもしれません。しかし、あなたを本物

会社には見やすい資料を書く人と、見づらい資料を書く人がいます。 両者を分けるのは、生まれ持ったセンスの違いかと思っていました。 ですが、「伝わるデザインの基本」という本を読んでハッと気付いたのですが、どうやら「わかりやすいデザイン」には法則があるようです。 伝わるデザインの基本 増補改訂版 よい資料を作るためのレイアウトのルール 作者: 高橋佑磨,片山なつ出版社/メーカー: 技術評論社発売日: 2016/08/05メディア: 大型本この商品を含むブログ (1件) を見る ＊　＊　＊ たとえば、ExcelやらPowerPointで挿入する「図形」。 Excelの「挿入」から引っ張り出した図形がこちらになります。 こいつがなんかダサイのは僕にもわかります。 それで、ちょっとシャレた感じにしようと、グラデーションを使ってみたこともありました。 グラデーションされた図を見て、「美しい」と思ったもの

今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■

今回は知っておくと何かと役立つ『配色の基礎知識』と『色の心理学』についてまとめます。 1. 色を決める3つのパラメーターをおさえよう まず、基本的なところを簡単に説明します。色を決めるのは、①色相 ②明度 ③彩度の3つのパラメーターです。 色相 赤、青、黄などの色みの違いを表します。これは分かりやすいですね。 彩度 色みの強さの度合いを表します。いわゆる「あざやかさ」ですね。 明度 色の明るさの度合いを表します。限界まで明度を高くすると白になります。逆に限界まで低くすると黒になります。 この3つは「色の三属性」なんて呼ばれたりします。この3つは配色の話で何かと出てくるのでおさえておきましょう。 2. 補色について知っておこう 色相の並びをぐるっと1周つなげたものを色相環と呼んだりします。この色相環において、向かい合う2色ペアーの関係を補色と言います。この補色関係にある2色は、お互いを引き立

デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点（図の丸点）に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め

このブログは役目を終えたので閉鎖しました。 永らくご愛読いただき本当にありがとうございました。 2016年2月。任天堂を退社し、まずやったことは文字で「デザインの力」を伝えることでした。 長年ゲームの魅力を伝える仕事をしてきました。これからはデザインだ。どうせ書くなら出し惜しみなし、誰も書かないことを書こう。 次第に「デザインってすごいんですね」と言ってもらえることが増え、デザインを志す方、デザインが好きな方、お仕事をご一緒する人とたくさんつながりを持てました。 今も個人のnoteも続けていますし、株式会社NASUと前田デザイン室の仲間とともにプロダクトやプロジェクトを起点に情報発信を絶え間なく続けています。 これは、このブログを立ち上げた時の気持ちと一切変わりません。 「デザインの力を伝える」 ただ、この１点です。 引き続き、これからも応援よろしくお願い致します。 デザイナー 前田高志

こんにちは。TWOTONE取締役の岩城です。普段はアートディレクターとしてプロジェクトの統括をしたりしなかったりしています。そんな私ですが11月の終わりに40歳を迎えます。20歳頃からはじめたデザイナーの職ですが、かれこれもう20年になろうとしています。TWOTONEは比較的若い年代のスタッフも多く、XXXとかやっとくといいよ、などのアドバイスはするのですがまあ大概しないので、もうそういうおっさんの戯言を聞き入れられることは無いのだなあという事を踏まえ、このページにしたためることを最後として、呑んだりしても二度とアドバイスをよこすことはやめようと思います。自分の体験をもとにしつつ、説教にならないように書いてみようと思います。 1　効果的にしよう 昼夜問わず寝食忘れ我武者羅に仕事をすることが評価される時代はもう終わったと思っています。最短距離を、最速で駆け抜ける事を考えましょう。「効率よく」

Transcript ϑϦʔϥϯε8FCσβΠφʔͷ ʮ࢓ࣄͱ ͘ Β͠ʯ �� ೥ͷ͜Ε·Ͱͱ͜Ε͔Β ࣗݾ঺հ ͢Έͩ͋΍͔ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����೥ʹϑϦʔ ϥϯεʹɻओʹ-1΍αΠ τͷσβΠ ϯɺ Π ϥε τΛ੍࡞͍ͯ͠·͢ɻ ෉ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ͸ ��೥ʹ ɾ ɾ ɾ ࠓ೔ͷ͓͠ͳ͕͖ 8FC੍࡞ͷ͓࢓ࣄʹ͍ͭͯ ੍࡞؀ڥ΍πʔϧͳͲ ϑϦʔϥϯεʹͳΔʹ͸ ϑϦʔϥϯεͷ͓ࡒ෍ࣄ৘ ͓࢓ࣄͱੜ׆ʹ͍ͭͯ ͜Ε͔Βͷ8FCσβΠφʔ 0 1 02 03 04 05 06 01 ϑϦʔϥϯε 8FCσβΠφʔͷ ʮ࢓ࣄͱ ͘ Β͠ʯ 8FC੍࡞ͷ ͓࢓ࣄʹ͍ͭͯ ܦྺ 2006 2012 2016 2002 ϑϦʔϥϯε ΞϧόΠ τ ग़࢈ ݱࡏ �೥ͷ࢈ٳ

こんにちはMUUUUU.ORGの中の人こと、QUOITWORKS Inc.のムラマツです。 最近はWebデザインと、グラフィックデザインが同時に発生する案件を絶賛募集しております！（宣伝） えーと今回は、Webのディレクションというのは正直決まったやり方が存在していないのが現状でありまして、 今の時代の業界標準を確認し直そうと思いまして「第一線のプロがホンネで教える 超実践的 Webディレクターの教科書」を参考に、改めてWebディレクションとは何をする仕事なのか、 Webデザインを始める前段階というところにフォーカスしてまとめました。 目次 前段：コミュニケーションはディレクターのメイン商品 1.ヒアリングをする 2.リニューアルの場合、現サイトの課題だしをする 3.コンセプトを作る（共通言語となる目標を決める） 4.ポジション設定をする（競合に対しての強みを見つける） 5.ペルソナ作り（