デザインの役割からみる「トーン」と「マナー」
こんにちは。デザイナーの山口陽一郎です。 去る2014年2月19日（水）に、株式会社パソナテック様主催のセミナー「クリエイターのためのトーン＆マナー設計」にて登壇させていただきました。 皆さんは「トーン＆マナー」という言葉を耳にしたことがありますか？「トンマナ」と略されることの方が多いかもしれません。その説明の前に、ちょっと寄り道をさせてください。 デザインのふたつの役割とトーン＆マナーの演出 デザインには大きく分けてふたつの役割があります。 1. 機能性を高める これはユーザーにとって製品をより使いやすくしたり、誤操作の危険をなくしたり、迷わないようにサポートするための役割です。 そしてもうひとつが今回のセミナーのテーマとしてとりあげた、 2. トーン＆マナーの演出 です。製品に、それが使われる場にふさわしい属性・キャラクターを付与する役割です。 たとえばレジャーグッズなら「楽しさを想起
Design Beginner｜note
使いやすさと分かりやすさのデザイン：印象 その2 言葉遣いによる印象の変化 外見と言葉遣いのギャップで印象が変わったことはないでしょうか。例えば、「いかつい容姿に身構えていたら可愛らしい言葉遣いで丁寧に話してくれた。見た目と異なり実は優しい人なのかもしれないと思った」というようなことです。また、役所や病院の受付のように堅い印象がある場所で居酒屋のように威勢よく挨拶されることを考えてみてください。「あれ？ くる場所間違えたかな」と思ってしまいますよね。印象は目に見えるものだけではなく、言葉遣いや振る舞いなどによっても変化する
これからのキャリアはどれだけの物語を紡いできたか。 情報じゃなくて物語を届ける。｜灰色ハイジ
noteで人気のある記事を読んでいると、どれも書き手の感情やこれまでのその人の歩んできた歴史を元に書かれているものが多いように思う。 知りたい情報へのアクセス方法はもうみんな知っている。検索すればー何なら検索しなくてもTwitterなどを通じて自然と入ってくる。そういう状況になった時に、人は知りたいものじゃなくて、「誰が言ったことなのか？」と書き手で情報を選り分けるようになったのだと思う。 だから、情報だけ伝えているものよりも、書いた人の人となりが分かるものが支持されているのだろう。 これからのキャリアというものは、所属した場所の経歴じゃなくて、どれだけの物語を紡いできたか、それを伝えることが指標になると思う。 何も多くの人に読まれる文章を書こうとしなくても良い。自分だけが読む文章としてこれまでのことをまとめておいても良いだろうし、デザイナーであればポートフォリオをきちんとまとめるのでも良
Atomic Designを分かったつもりになる
「Atomic Design」（アトミック・デザイン）という言葉がしばしば聞かれるようになってきました。実際にちょっとしたトライアルをしつつ、Atomic Design について考えてみました。
そもそも、もの作りにデザインが必要なわけ - Cumu／コンテンツデザイン（アートディレクション、デザイン、編集）
チームでモノを作る時、例えば、マーケティング→企画→編集→デザイン→…と、バトンを受け渡すような共同作業が発生します。その過程で受け取ったバトンをなるべく「正しく」次へ渡そうとしても、100％正しいまま次の行程へ渡すなんてことはありえません。それぞれの工程で参加している人の頭の中では、やむを得ない妥協だったり、解釈の違いがあったり…。そういった不確定な要素がどんどん重なっていきます。 例えば各工程で70％の正しさを達成したとしたら、最終的にはまあまあ正しいモノが作られそうですが、バトンの受け渡しが５回重なっただけでも、 正しさ70% × 行程5回 = 正しさ17% 17%正しい。つまりは「正しくない」ということになります。みんなが正しいもの作ろうとする限り、正しいものは作れないのです。だから、チームでモノを作る時、行程のどこかで、正しさのループから逸脱した「飛躍」が必ず必要になるのです。
仕事の幅が広いデザイナーの秘密 - Cumu／コンテンツデザイン（アートディレクション、デザイン、編集）
現場にいると、たまに編集者やデザイナーから、キャリアの作り方について相談されることがあります。雑誌を制作する世界では、ひとところで何年も同じ媒体、同じ仕事を続けるようなことも多いため、ずっと今の仕事を続けていたら時代に取り残されるのではないか、今の仕事しかできなくなるのではないか…といった相談です。そんな時は、私は「全く問題無い」と答えることにしています。 私自身、四半世紀のデザイナー人生の中で、多くの時間を雑誌のデザインばかりに費やしてきました。同じデザイン領域の中でしっかり経験を積むと、立場は徐々にディレクション寄りになってきます。雑誌のデザインでいうと、ページデザイナーから始まり、一冊の整合性をとるチーフデザイナーになり、いずれはメディアとしての「在り方」をみるアートディレクターとなっていきます。アートディレクターになった時、ふと別のデザイン領域が凄く近いことに気付きます。 なぜ別の
簡単にデザインの方向性を確認しよう！デザインコンセプトシート活用術 | デザインメモ 2.0
デザインの方向性をすり合わせる時に便利な、「デザインコンセプトシート」を作ってみました。 とくにLP/ランディングページや時短の案件は、要件がふわっとしがちなので、最初の方向性の認識がズレていると、あとあと出戻りが発生して大変ですよね・・（実体験）。 そうなる前に活用したい、新米デザイナーさんでも簡単に作れる1枚のシートになっています。記事の最後でテンプレートのダウンロードもできますので、ぜひ使ってみてください！ 1. 簡易版デザインコンセプトシートの【利用シーン】今回は簡易版なので、LPや時間が無い案件の時に、サクッと確認したいときに向いています。こういったすり合わせをするための資料を作ったことないという初心者さんにもオススメです。 こんなときに活用すると便利！（A）クライアントとの方向性のすり合わせクライアントや代理店からふわっとしたデザイン依頼が来た時に、担当者とすり合わせる時に役に
ご訪問ありがとうございます。—前田高志
このブログは役目を終えたので閉鎖しました。 永らくご愛読いただき本当にありがとうございました。 2016年2月。任天堂を退社し、まずやったことは文字で「デザインの力」を伝えることでした。 長年ゲームの魅力を伝える仕事をしてきました。これからはデザインだ。どうせ書くなら出し惜しみなし、誰も書かないことを書こう。 次第に「デザインってすごいんですね」と言ってもらえることが増え、デザインを志す方、デザインが好きな方、お仕事をご一緒する人とたくさんつながりを持てました。 今も個人のnoteも続けていますし、株式会社NASUと前田デザイン室の仲間とともにプロダクトやプロジェクトを起点に情報発信を絶え間なく続けています。 これは、このブログを立ち上げた時の気持ちと一切変わりません。 「デザインの力を伝える」 ただ、この１点です。 引き続き、これからも応援よろしくお願い致します。 デザイナー 前田高志
乃木坂46の公式サイトのリデザインで学んだこと｜Miyu Otsuki
先日、ふとしたきっかけで乃木坂46の公式サイトをリデザインを思い立ち、スキルアップの一環も兼ねてトップページをリデザインをしていました。 そのリデザインから学んだことなどをブログに書きたいと思っていたのですが、公式サイトに掲載されているコンテンツの著作権上、なかなか難しいかなと思い、念のため乃木坂46の運営委員会に問い合わせてみたところ、営利目的でなければ使用しても大丈夫（ブログの掲載も可）との許可をいただいたため、こちらに書くことにしました（2/9 16:43：問い合わせの内容は、公式サイトのお問い合わせフォームから送信したため、画像の添付などはしていません。コンテンツの掲載許可は頂きましたが、運営委員会に直接デザインデータを送ったわけではありません）。 なぜリデザインをしたいと思ったのかもともとアイドルが好きで、アイドルグループの公式サイトをチェックする機会が多いのですが、乃木坂46の
新米デザイナーでも分かるCXOnight＃2 レポ｜まつみさん｜note
はじめまして、WEBデザイナーのまつみさんです。先日、『スタートアップにCXOが必要な理由 - CXO Night #2』に参加しました。 登壇者も参加者も華やかな面々で、特別なスキルも経験もない私が行ってもいいのかな〜と気後れしつつの参加でしたが、とても面白くて勉強になったので、なるべく簡単な言葉で共有しようと思います！ そもそも「CXO」って何？？実は今回、「尊敬するデザイナーさん達が登壇するから」というミーハーな理由で参加しており、「CXO」が一体何なのかもよく分かってませんでした。 事前勉強として、前回のCDOnightのレポートを確認。 CXOとは、「CTO（最高技術責任者：Chief Technical Officer）のデザイナー版のようなもの」のようです。 CXOの他にも、いくつか似たポジションがあるとのこと。 CXOとその仲間CXO＝Chief eXperience Of
デザイナーとしての「ゆるやかな死」｜モンブラン｜Designer × VTuber
アダルト業界でデザイナーとして働いていた頃、 あるデザイナーの「ゆるやかな死」を見たことがある。 ここでいう「ゆるやかな死」というのは、 「アウトプットの決定的な低下」のこと。 ▼ 音声で聞きたい方はこちらからお聴きくださいｂ ▼ エースデザイナーの「異変」その人（以後、Nさんとします）は僕が新卒入社する前から、DVDジャケットのデザインを1ヶ月で10点前後作り続けている現役バリバリのグラフィックデザイナーだった。 月で10点は、ジャケット以外の業務も含めれば余裕で週3くらいは残業が必要な量。それをNさんは月に1回くらいの残業で平気にこなす。 言うなればエース、シニアとも言えるデザイナーさんだった。 そんなNさんがある時から変化が生じ始める。 アウトプットのテンプレ化AVは「シリーズもの」が多い。 かの有名な「マジックミラー号」も、様々なシリーズ、企画内容が出ているが、それらをまとめて「マ
デザイナーはデザイン制作途中を見せたほうがいいという話 - デザイナーのイラストノート
ディレクターやトコトコやってきて「あの案件どう？デザインカンプいま見れる？」この言葉でデータをスッと開ける人ですか？「えっと、あと30分待ってもらっていいですか・・・？」と絞り出す人ですか？今回はそんな人のための記事です。 わたしの思う理由 わたしはディレクターに指示をもらってデザインカンプ作成することが多いですが、最近では制作過程を見せることに抵抗を感じることなく、逆にメリットがあると感じています。むかし苦手だった頃を思い出して、原因を考えたことをTwitterにアップしました。 RTや♡の数を見ると、同じように「デザインの制作途中を見せるのが苦手」という方は、一定数いるようです。わたしの考えた苦手の原因は次の3つです。 「何を共有すべきか」が共有されていない 「ダサい、イケてない」デザイン批判への恐れ スケジュールに組み込まれていない しかし、早い段階でデザインを共有していくのは様々な
デザイナーの仕事って何だろう？改めて考えてみた2015春 - デザイナーのイラストノート
デザイナーとは何をするひとなのか、どこまでデザイナーなのか。定義は人それぞれですが、様々なことを知るにつれじぶんの定義も変わっていくのを感じながら日々過ごしています。言語化するのはなかなか難しいのですが、以前書いた「デザインする上で大切にしていること」からもう少し広いお話です。 デザイナーとは何か 「デザイナーとアーティストは違う」これは高校生のころに教わって今でも指針にしている言葉の一つです。「デザイナーはクライアントの代弁者、デザインは問題解決」というのがじぶんの認識です。見た目だけのデザイナーはだめ、デザイナーのエゴではだめ、全くごもっともですが、では「デザイナーが見た目にこだわるのは悪いこと」なんでしょうか？ どこからがデザイン？ デザイン書を開けば、配色、レイアウト、フォトレタッチ、文字組…デザイナーが手を動かす範囲はとても広くなっています。では、どこからが「デザイン」なのでしょ
デザイナーのわたしが、好きだった絵をいつの間にか描かなくなって、再び描くようになった話 - デザイナーのイラストノート
昨日描いてTwitterに投稿したマンガ「デザイナーのわたしが、好きだった絵を描かなくなった理由と、再び描くようになった理由」が、かつてないスピードでのRT、特に引用RTで「わかる」「同じ」というコメントをたくさんいただいた。それはイラストやデザインだけでなく、雑貨や建築やコピーや音楽など、いろんなジャンルの方からのコメントだった。こういうマンガは、「じぶんの想いを伝えたい」気持ち半分、「受け手が考える余地」をフィードバックしてもらえる面白さが半分。わたしの言いたかったことを、少しだけお話ししようと思う 。 Twitterにアップしたマンガ ツイート「デザイナーのわたしが、好きだった絵を描かなくなった理由と、再び描くようになった理由」 ツイートへの反応 人は「卵かけごはん」か「フランス料理」を選ばなければいけない 唐突だが、子どもの頃から卵かけごはんが好きだ。卵とあたたかいごはん混ぜてお醤
7つの実例で学ぶ「ワイヤーフレーム通り」のデザインから脱却する具体的な方法
「ちょっと〇〇君！これワイヤーフレームそのままじゃない！」 Webデザイナーなら、できることなら聞きたくないセリフですよね。私自身ももれなく、こう言われた経験はありますし、逆に後輩に対して同じく「これだとワイヤーフレームのまんますぎるね。。」と伝えたこともあります。 この「ワイヤーフレーム通り問題」は、Webデザイナーなら誰しも一度は経験するあるあるの一つと言えますが、なぜ「ワイヤーフレーム通り」と言われてしまうのでしょうか。また具体的に何をすれば、ワイヤーフレーム通りではなくなるのでしょうか。今回はそのあたりの原因と対処方法を考えてみたいと思います。 「ビジュアルを作る力」と「情報を理解・提案する力」 ズバリ結論を言いますが、ワイヤーフレーム通りじゃん…と言われてしまう人は「ビジュアルを作る力」と「情報を理解・提案する力」が弱いと言えます。 ビジュアルを作る力は幅広い表現の中から適切な手
これでもう悩まない！2017年のデザイントレンド完全ガイド
2016年も毎年と同じように、デザインについて新しいことを学んできました。今回は、ウェブからグラフィックやロゴデザインまで、デザイン全般に関する2017年のトレンドを掘り下げてみていきましょう。 デザイントレンドはメディアやテクノロジー、ファッション業界、そして最近では「使いやすさ」を追求するユーザビリティーなどに影響を受けています。トレンドは徐々に細かく枝分かれし、いつの間にか同じように消えていきます。 基本的にデザイントレンドの寿命は1〜2年。2017年のデザインは、2016年のトレンドを引き継いだものとなり、雰囲気もここ数年よく利用され、親しまれているものと言えるでしょう。Google マテリアルデザインの影響力は今年も強く、対応にはいくつかの変更が必要になります。 Adobe が2017年デザイントレンドを発表！確認しておきたいポイントとは？ 2017年のWebデザインはどうなる？
Webデザインで「やるべきこと」と「やってはいけないこと」
１.どんなデバイスでも同様の体験を提供する サイトの訪問者は、さまざまな種類のデバイスを使ってサイトにアクセスしています。デスクトップかもしれませんし、ラップトップやタブレット、携帯電話、音楽プレイヤー、または腕時計を使っているかもしれません。 UXデザインにおいて重要なのは、訪問者がどのようにサイトを閲覧しても、デバイスの種類に関わらず同様の経験を提供しなければならないことです。 ※編集部より：一部、誤訳がありましたので修正しました（11/10 11:00） ２. 使いやすくわかりやすいナビゲーションをデザインする ナビゲーションはユーザビリティにおける要です。どんなに良いWebサイトを作ったとしても、ユーザーがサイト内で上手く操作できないならば意味がないということを覚えておいてください。そのため、サイトのナビゲーションは以下の項目に従うべきなのです。 シンプル：どんなサイトであっても最
エンジニアが最高のUIをつくるためのプロトタイピング方法まとめ（2017年版） - Qiita
こんにちは、 UXデザイナーの @yuh_iw です。 この記事は NTTコミュニケーションズ Advent Calendar 2017 の23日目です。 すべては最高の体験のために 弊社では、ようやく社内にUXデザインという言葉が浸透し始めていますが、 実態はUIと共に語られることが多いです。（実際は違うよ） とはいえ今回はUIを作るために私達がいつも行っていることについて記載します。 どうやってUIを作っていくのがよいか とにもかくにも、ユーザーに対する検証と学習をくり返すことです。 最高のUI=カッコイイUIではありません。アーティスティックなUIでもありません。 UIにはユーザーがいるので、ユーザーが使いやすいと思わなければならないのです。 そのために、使ってくれそうな人に、検証していく必要があります。 検証するためにはいくつか方法がありますが、 本稿ではUIプロトタイピングを行う
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
The Blog | Welcome to Adobe Blog