デザインのヒアリング。何を聞く？ 確認内容。ゴールのヒント、眠ってる。｜アトオシとデザイン｜note
◎ デザインのヒアリング。何を聞こうかな。 良いデザインをつくる流れ、第一弾。ヒアリング。初回の打合せ。クライアントさんに、聞くべきこと、共有すべきこと。しっかりとできれば、とても良いスタートが切れます。じゃあ、何聞くの？ カフェのロゴデザインを例に挙げます。確認内容は、大きく分けて2つ。デザインの「概要」と「方向性」。 ------------ A. デザインの「概要」01. 何をつくりたいか？ 例. ロゴ 02. なぜ、つくりたいか？ 例. 新規集客のため 03. 納品希望スケジュールは？ 例. オープンの30日前 04. なぜ、カフェを立ち上げたか？（お店をつくる背景、ストーリー） 05. カフェが目指す、目標は何か？（月売上○円などの目標） ここまでは、何となく想像できたのではないでしょうか。こっからが大事。私がヒアリングの際、必ず聞き、確認を取る3点。これを聞かずに、帰れな〜い！
デザイナーを採用する時には、仕事を分解して何をする人を採りたいか考える必要がある | Supership Tech Blog
デザイナーを採用したい！という時に・・・インターネット企業において、デザインというのは非常に重要です。エンジニアと同様、とてつもなく大事なクリエイティブの戦略ですし、アプリ時代になり、手触りや使いやすさををあげていくために最前線で戦う人です。 しかし、デザイナーを採用したい！となったときに、デザイン知識がない人がやると、よくギャップが起こりやすいです。僕も、デザイナーではないので、いまいち詳しくわかっておらず、面接で苦労したりしました。 そこで、デザイナーを採用するときの、ギャップについて説明したいと思います。 デザイナーの仕事の分類まず、一言で「デザイナー」といっても、何の仕事をする人か、というのをちゃんと把握しておく必要があります。「そりゃデザインでしょ？」と思うかもしれませんが、その中でもいろいろな性質の仕事をやっていたりするので、整理をする必要があります。 たとえば、弊社Super
ロゴデザインの作り方と重要性をデザイナーが解説 | OMGmag
「自分だけのオリジナルロゴデザインが欲しい」そんな事を考えたことはありませんか？ブログやWEBサイトデザインにおいて重要なパーツのひとつがロゴデザインです。小さなマークですが、デザインの善し悪しでサイトの印象がガラッと変わってしまう重要な要素のひとつです。 この記事ではロゴデザインの重要性や作るときの考え方を実際にロゴデザインをひとつ作成しながらを紹介してみたいと思います。 デザインする際の参考になれば幸いです。 ロゴマークの重要性 ロゴマークとは会社やお店で言うところの看板になります。 ナイキやスターバックスコーヒーののロゴデザインは？と聞かれたら多くの方はすぐにそのデザインを思い浮かべることができますよね。いわばイメージのすり込みです。まず看板となるロゴマークを消費者に印象付けることができれば次に商品やサービス内容を自然とイメージしてもらえます。 以上のことからロゴマークは認知度を上げ
実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート - Qiita
リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外の要件が発生しないように気をつけるべきだろう。 この記事では、デザイナーやフロントエンドエンジニアが見落としがちなWebフロントエンドの課題について列挙していく。 ホバー表現を後から指示される ツッコミ 後から仕様追加されると困るから先に決めて! メモ 最近
デザイナーが教える『誰でも絶対に今すぐデザインがうまくなる』方法 | ベーコンさんの世界ブログ
みなさん、デザインを作るとき、ソフトはIllustratorですか？ Word？PowerPoint？affinity designer？Canva？ デザイナーが教える『誰でも絶対に今すぐデザインがうまくなる』方法をお教えします。 ちなみに、使うソフトはどれでも大丈夫！ あ、そうそう、ぼくの仕事はグラフィックデザイナーのベーコン（@dogdog464646）です 実はもともとデザイン力がある方ではありませんでした。 喋りだったり、企画力だったり、バイトだったりをしながら、なんとかフリーランス生活を10年間食いつないできました。 だから、いまだにコンプレックスがいっぱいあります。 ぼくだって本当は、デザイン力だけで切り開くかっこいいデザイナーになりたかったけどね… でも、それが自分には適正ではなかったんですね、それに気づいてからは違う力を伸ばしはじめましたが・・・しかし、デザインの制作業務
フリーランスデザイナー・イラストレーターの「わたしの仕事のつくり方 」 - Speaker Deck
Transcript None ࠓͷ͓͠ͳ͕͖ Θͨ͠ͷ͓ࣄˍ͓ࡒࣄ Θͨ͠ͷσβΠϯ੍࡞ σβΠϯʹ͍ͭͯࢥ͏͜ͱ ৽͍͠ͷͷऔΓΈํ ϓϥΠϕʔτϫʔΫͷऔΓΈ Ոఉͱࣄͷ͜ͱ 0 1 02 03 04 05 06 ࣗݾհ ͢Έ͔ͩ͋ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔ ϥϯεʹɻओʹ-1αΠ τͷσβΠ ϯɺ Π ϥε τΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ Ոߏ �����݄͔Β8ϑϦʔϥϯεՈఉʹͳΓ·ͨ͠ Unplat Ξϯϓϥ 8FC ɾ 41ΞϓϦ։ൃ σβΠ ϯ ɾ Π ϥε τ੍࡞ ࢠ ʢ�ࡀʣ ϑϦʔϥϯε � ϑϦʔϥϯε �� 01 Θͨ͠ͷ ͓ࣄˍ͓ࡒࣄ Θͨ͠ͷ
デザイナーが使っておきたいiPadアプリ5選
仕事の仕方が変わった2016年 今年の春に iPad Pro を購入して以来、ペーパーレスの生活を続けています。今までは RHODIA のドット方眼ノートでアイデアの書き込みやスケッチをしていましたが、その役割を iPad に置き換えてみました。今でも iPad Pro を続けていますが、それが続けられている最大の理由は Apple Pencil の存在。今までスタイラスは何度も試したことがありますが、鉛筆・ペンを使う感覚とはほど遠いものでした。Apple Pencil はその名の通り鉛筆と同じような書き心地と、デジタルならではの使い勝手を実現していて、「これなら移行できる」と思えました。発売当初に出たビデオは大袈裟に表現しているものではなく、本当にできるわけですから驚きです。 iPad Pro を購入以来、Apple Pencil で使うと良さそうなアプリを幾つか試していますが、今回はそ
文章の作り方 - 伝わるデザイン 研究発表のユニバーサルデザイン
研究者や研究に関わる大学生や大学院生は、一年を通じて研究室ゼミや学会などで研究成果の発表を行なわなければなりません。また、近年、科学者でない人たちに対する一般向けのプレゼンや講演（アウトリーチ活動）の機会も増えてきています。他にも、研究論文や報告書を書いたり、研究費調達のために予算申請書やプロジェクトの提案書を作成したりすることも、研究者にとって欠かせない仕事です。これらはいずれも情報を他者（研究仲間や審査員、一般市民）へ伝えようとする行為であり、正確かつ効果的な情報の発信が望まれます。しかし、自己流で資料を作成して、闇雲に情報を発信していても、スムーズに情報は伝わりません。ときには誤った情報が伝わってしまい、研究の価値を正当に評価してもらえないことさえ起こりえるのです。 情報を正確にかつスムーズに他者に伝えるためには、情報をデザインすること、つまり文章を読みやすく整えたり、図表を見やすく
デザイナーじゃなくても知っておきたい色と配色の基本 | knowledge / baigie
色は私たちの身近に存在する視覚要素であり、日々の生活や行動に多大な影響を与えています。しかし、美術やデザインの専門教育を受けない限り、これほど身近な色を体系的に学ぶ機会はほとんどありません。 近年、ビジネスの現場でもデザインの重要性がよく語られます。ビジネスレイヤーで語られるデザインは課題解決を意味する広義のデザインであることも多いですが、その概念がプロダクトに落ちる段階では、ビジュアルデザインのような狭義のデザインも考えていかなくてはなりません。自分自身がデザイナーではなくとも、デザインを評価・判断すべき立場になることも、当然あるでしょう。 デザイナーでなくても、仕事の中で色を扱うシーンは他にもあります。PowerPoint等を使ってビジネス文書を作成をするとき、誰もが色を用いるでしょう。色の知識があれば、より効果的なドキュメント作成が可能になります。 このように考えると、色はデザイナー
デザインツールを振り返って気付いた今後のデザイナーの役割
広がるデザインツールの役割 2016年はデザインツールのあり方が大きく変わった年でした。スマートフォンが主流になってから、平面な画面をひとつひとつ設計するのではなく、利用者の遷移や UI フィードバックを塾考するようになりました。多彩なデザインツールが出てきているのは、デザイナーの作り方だけでなく、役割も少し変わってきているからでしょう。ひとりの職人が閉じ籠って完成品に近いものを作るのではなく、デザインプロセスを共有しながら少しずつ作るというやり方に変わりつつあります。デザインのブラックボックス化を避けるための手段は今も増え続けています。 従来のデザインツールは、ひとりのデザイナーがデザインに集中するための道具であって、途中経過を共有したり、協力して作ることを得意としていませんでした。現在のデザインツールは複数のデザイナーがひとつのプロジェクトに取り組めるような仕組みが用意されていたり、デ
デザイナーをやる気にさせる10のこと | CyberAgent Developers Blog
朝、天気予報を見て、 「なるほど。今日は最高気温１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の「挿入」から引っ張り出した図形がこちらになります。 こいつがなんかダサイのは僕にもわかります。 それで、ちょっとシャレた感じにしようと、グラデーションを使ってみたこともありました。 グラデーションされた図を見て、「美しい」と思ったもの
コピペで使えるオシャレな配色パターン見本 25 （全組み合わせWebカラーコード付） - LITERALLY
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
さくっとイメージで学ぶ『色彩の心理学』と『配色の基礎知識』 - LITERALLY
今回は知っておくと何かと役立つ『配色の基礎知識』と『色の心理学』についてまとめます。 1. 色を決める3つのパラメーターをおさえよう まず、基本的なところを簡単に説明します。色を決めるのは、①色相 ②明度 ③彩度の3つのパラメーターです。 色相 赤、青、黄などの色みの違いを表します。これは分かりやすいですね。 彩度 色みの強さの度合いを表します。いわゆる「あざやかさ」ですね。 明度 色の明るさの度合いを表します。限界まで明度を高くすると白になります。逆に限界まで低くすると黒になります。 この3つは「色の三属性」なんて呼ばれたりします。この3つは配色の話で何かと出てくるのでおさえておきましょう。 2. 補色について知っておこう 色相の並びをぐるっと1周つなげたものを色相環と呼んだりします。この色相環において、向かい合う2色ペアーの関係を補色と言います。この補色関係にある2色は、お互いを引き立
全ての人が知っておくべきデザイン・レイアウトの基本ルールとテクニック15選 - LITERALLY
デザイナーでなくとも、デザインについてのいくつかのルールを知っておくと、日々の生活で何かと役に立つ。今回は、誰もが知っておくべきデザインの基本原則・テクニックを紹介する。 1.デザインの基本原則を覚えよう 1-1.「1/3ルール」を覚えよう レイアウトや写真の構成を考えるときには、黄金比*1よりも「1/3の法則」が便利だ。上の図のように、全体を9等分割したとき、各線の交点（図の丸点）に主張したいモノを配置するようにする。これだけで、不思議とスッキリとしたデザインになる。技の1つとして覚えておこう。 1-2.端をそろえて線をつくろう 写真や文などの「要素の端」をきちんとそろえると、きれいに整理されて見える。これはデザインにおいてとくに重要な基本ルールだ。全てをそろえる必要はないが、縦にいくつか要素を並べる場合は常に意識しよう。 1-3.視線の流れを意識したデザインにしよう 情報がたくさん詰め
ご訪問ありがとうございます。—前田高志
このブログは役目を終えたので閉鎖しました。 永らくご愛読いただき本当にありがとうございました。 2016年2月。任天堂を退社し、まずやったことは文字で「デザインの力」を伝えることでした。 長年ゲームの魅力を伝える仕事をしてきました。これからはデザインだ。どうせ書くなら出し惜しみなし、誰も書かないことを書こう。 次第に「デザインってすごいんですね」と言ってもらえることが増え、デザインを志す方、デザインが好きな方、お仕事をご一緒する人とたくさんつながりを持てました。 今も個人のnoteも続けていますし、株式会社NASUと前田デザイン室の仲間とともにプロダクトやプロジェクトを起点に情報発信を絶え間なく続けています。 これは、このブログを立ち上げた時の気持ちと一切変わりません。 「デザインの力を伝える」 ただ、この１点です。 引き続き、これからも応援よろしくお願い致します。 デザイナー 前田高志
20代のデザイナーが心がけるべき8のこと
こんにちは。TWOTONE取締役の岩城です。普段はアートディレクターとしてプロジェクトの統括をしたりしなかったりしています。そんな私ですが11月の終わりに40歳を迎えます。20歳頃からはじめたデザイナーの職ですが、かれこれもう20年になろうとしています。TWOTONEは比較的若い年代のスタッフも多く、XXXとかやっとくといいよ、などのアドバイスはするのですがまあ大概しないので、もうそういうおっさんの戯言を聞き入れられることは無いのだなあという事を踏まえ、このページにしたためることを最後として、呑んだりしても二度とアドバイスをよこすことはやめようと思います。自分の体験をもとにしつつ、説教にならないように書いてみようと思います。 1 効果的にしよう 昼夜問わず寝食忘れ我武者羅に仕事をすることが評価される時代はもう終わったと思っています。最短距離を、最速で駆け抜ける事を考えましょう。「効率よく」
フリーランスWebデザイナーの「仕事とくらし」10年のこれまでとこれから - Speaker Deck
Transcript ϑϦʔϥϯε8FCσβΠφʔͷ ʮࣄͱ ͘ Β͠ʯ �� ͷ͜Ε·Ͱͱ͜Ε͔Β ࣗݾհ ͢Έ͔ͩ͋ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����ʹϑϦʔ ϥϯεʹɻओʹ-1αΠ τͷσβΠ ϯɺ Π ϥε τΛ੍࡞͍ͯ͠·͢ɻ ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ ��ʹ ɾ ɾ ɾ ࠓͷ͓͠ͳ͕͖ 8FC੍࡞ͷ͓ࣄʹ͍ͭͯ ੍࡞ڥπʔϧͳͲ ϑϦʔϥϯεʹͳΔʹ ϑϦʔϥϯεͷ͓ࡒࣄ ͓ࣄͱੜ׆ʹ͍ͭͯ ͜Ε͔Βͷ8FCσβΠφʔ 0 1 02 03 04 05 06 01 ϑϦʔϥϯε 8FCσβΠφʔͷ ʮࣄͱ ͘ Β͠ʯ 8FC੍࡞ͷ ͓ࣄʹ͍ͭͯ ܦྺ 2006 2012 2016 2002 ϑϦʔϥϯε ΞϧόΠ τ ग़࢈ ݱࡏ �ͷ࢈ٳ
意外とできてる会社ばかりではない！？Webデザインを行う前にすべき、Webディレクション作業まとめ。
こんにちはMUUUUU.ORGの中の人こと、QUOITWORKS Inc.のムラマツです。 最近はWebデザインと、グラフィックデザインが同時に発生する案件を絶賛募集しております！（宣伝） えーと今回は、Webのディレクションというのは正直決まったやり方が存在していないのが現状でありまして、 今の時代の業界標準を確認し直そうと思いまして「第一線のプロがホンネで教える 超実践的 Webディレクターの教科書」を参考に、改めてWebディレクションとは何をする仕事なのか、 Webデザインを始める前段階というところにフォーカスしてまとめました。 目次 前段：コミュニケーションはディレクターのメイン商品 1.ヒアリングをする 2.リニューアルの場合、現サイトの課題だしをする 3.コンセプトを作る（共通言語となる目標を決める） 4.ポジション設定をする（競合に対しての強みを見つける） 5.ペルソナ作り（
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
