Michika Design

Time 2021-06-08 18:11:40

Web Name: Michika Design

WebSite: http://www.little-eyes.net

ID:182008

Keywords:

Michika,Design,

Description:

デザインのなかで線は重要な役割を果たします。情報と情報を結びつけたり、領域を明確にしたり、線が必要な場所をあげたらキリがありません。しかし、優れたデザイナーは線をむやみに使わないのです。まず覚えておいて欲しいのが、線というのは綺麗なものではないということです。例えば一本の線を左から右に引くとその上下に線が2本できます。マジックなどで太い線を引くとそれは明確です。無駄な要素が多ければ多いほどデザインは汚くなるとうのは誰もが知っているでしょう。線を引く場合も同じことです。1本の線があれば十分のときに、線を引くと悲しいことに2本の線ができてしまうつまり無駄な要素が増えるのです。では、どうやって領域やグループを分けるかというと、まずはスペース（余白とも言う）でそれを実現します。スペースを開けて分割したり、同じグループのものを近づけて、異なるグループのものを遠ざけるということですね。もちろん全体のデザインスペースの大きさや、フォントサイズの関係で実現できないときもあります。そんなときに2番目の選択肢を考えます。塗りです。つまり2つの色の差によってできあがる線を使うということです。この線であれば2本できてしまうことはありません。僕が、今の会社に転職したばかりの時、その会社のサービスのサイトは線であふれていました。ほとんどすべての情報の境目に線がひかれていたのです。最初の半年ぐらいでせっせと不要な線を取り除きましたが、今もまだ不要な線はたくさん残っています。線は見た目を汚くするたけでなく、不必要に硬い印象を与えるので、不必要な線がないか常に目を光らせておきましょう。これから少しずつデザインマニュアルとして、デザインを作成する時に参考にできる内容を書いていければいいと思っています。初回の今回は目的の定義です。目的の定義はどんなデザインにおいても最初にやらなければならないことです。ひょっとしたらこれを読んでいる人の中には、「目的の定義」と聞いて、「何を今さら」とか「そんなこと言われるまでもなくやっているよ」と思った人もいるかもしれない。しかし、実際には目的の定義をしたつもりになって、曖昧なまま進んでいるプロジェクトが世の中には多々あるのです。特に、複数の人が関わる場合、目的を共有できていることによって無駄なすれ違いや誤解を防ぐことができるのです。リーフレットにもスマートフォンアプリにも目的があるし、サービスのUIの1つ1つのコンポーネントにも目的があるのです。例えば、あるコンサートのポスターを作るとしましょう。この場合この目的は何になるでしょうか。よくありがちなのはというものです。しかし、これではかなり曖昧ですし、そもそも通りすがりに見るポスターが、音楽ファンがコンサート会場に来るところまで責任を担うというのはかなり無理があります。おそらく実際にはぐらいが現実的、かつ具体的なのではないでしょうか。実際には音楽ファンが予約するは窓口の担当者や、予約申し込みをするウェブサイトの目的になるはずです。これぐらいの精度で目的が定義できていないと、細かい議論が起きた時に決めることができません。たとえば、という話になったとき、予約サイトへのアクセスというレベルまで目的が明確であれば、会場へのおおよその時間がわかれば十分ということになります。つまり見ながら会場へたどり着けるほどの細かい地図は必要ない、という判断ができるのです。同じようにWebサービスやスマートフォンアプリのUIのコンポーネント一つ一つにも目的がはっきりしている必要があります。例えば、僕が関わっているサービスは、オンラインで授業を受けられるサービスなのですが、もちろん授業内容から検索することができます。さて、検索結果に該当する授業が一覧で表示されますがその授業1つ1つのサマリーの目的は何でしょうか？どちらも考えられます。こんな細かいところまで定義する必要があるのか、と思うかたもいるかもしれませんが、特にUIのように組織の複数の人間が関わっている場合この粒度で定義する必要があります。例えば、授業の日付を載せるか載せないか、という議論になった時、授業の受講の可否を知ることが目的なら日付は必須ですし、授業の魅力を知ることが目的であれば一覧性を重視して日付は不要、という判断ができるのです。デザイナーに英語はあまり必要ないという印象を持つ人が多いかもしれません。英語の有用性は多くの人が理解していたとしても、デザイナーは主に視覚的な制作物を扱う職業なので、英語はあまり使わない、と思うのではないでしょうか。しかし、視覚的だからこそ、国や文化に関係なく通用し、だからこそ日本の情報からしか学ばないのはもったいない。デザインを英語で学んでいる人と、日本語だけで学んでいる人では圧倒的な差ができてしまうのです。もちろん日本のフォントは日本語でしか学ぶことはできないでしょう。そのほかにも、日本の習字や水墨画など、日本でしか学べないものも確かにあります。また、どちらかというと日本はデザイン後進国だということも、英語を使えた方がいい理由の一つです。つまり、あなたがデザイナーとして悩んでいることは、すでにデザイン先進国でたくさんの人が悩み、そしてそのうちの何人かは解決策を知っているのです。英語を知っていればその解決策はインターネット上や洋書で見つけることができるかもしれません。ちなみに、日本でヒットしたテレビ番組や、インターネットサービスや、YouTubeのチャンネルの多くは、もともとは海外でヒットしたものを、日本で広めただけだって知っていましたか？僕は、ロゴデザインを教えたりしていますが、海外のデザイン講座で学んだものを自分なりに練習して、日本語で言語化して伝えているだけなのです。つまり、英語で世界の情報に触れている人は日本語の情報にしか触れていない人に価値あるコンテンツを提供することができるのです。もちろん、言語をマスターするにはそれなりの時間が必要なので、人それぞれの価値観次第ですが、昔と違ってインターネットを利用するとかなり安い費用で身に付けることができます。28歳のときに英語を勉強し始めて、英検1級、TOEIC970の僕の感覚からコツを伝えるとするな、何時間勉強するかよりも、毎日少しの勉強を何年続けるかなので、始めるなら早ければ早い方がいいです。ちなみに僕は、8年ほど前からLynda.com（今はLinkedIn Learning）、そして今でもSkillshare.comで毎朝1時間ほど勉強しています。日本のデザインのなかでは聞いたことなかったテンションや視線移動や配色はこちらで学びました。最初は聞き取るの大変で速度を遅くして、途中は止めて、スクリプトをみたりして理解していましたが、最近はプレゼンターの英語のくせにもよりますが1.5倍速で聞いたりしています。結局慣れだということですね。今回はライティング（書く方）についてお話しします。デザイナーのメインはビジュアルとはいえ、原稿がひどければいいサービスを作ることはできません。必要に応じて手直しをする必要があります。さて、Webやアプリに掲載する文章が必要以上に長くなる。これはどんな組織においても見られる傾向です。書けば書くほどたくさん伝わる、と考えて、書けば書くほど読まれなくなる、という考えに至らない人はたくさんいるからです。Webやアプリの文章を作るときの基本は、対面で話すときと変わりません。つまり、実際にお客さんがお店を訪問したときにスタッフが言うであろうことを、言うであろうタイミングで書くべきということです。このような考え方があるから、ついついお客さんに対面で話すように、過剰に丁寧に書いてしまう気持ちもわからなくはないです。しかし、という違いがあることを頭に入れておきましょう。つまり、読むのは聞くより大変だということです。聞くという行為では作業者（話す人）はサービスを提供する側だが、読むという行為においては作業者（読む人）はサービスを受ける側だということです。したがって、サービス提供者として当然のことではありますが、訪問者の読むという負担を減らしてあげなければならないのです。とはいえ無礼になってはいけません。つまり例を交えて説明してみましょう。例えば動画を投稿する画面に次のような注意書きを掲載しようとしています。この文言を改善するとしたらどうなるでしょう。初めての方は動画投稿ガイドラインを必ずお読みいただいてから、動画の投稿をお願いします。普通の会話で聞いても違和感は感じませんが、文字になると必要以上に長いと感じるのではないでしょうか。冗長なのは「動画投稿」、過剰な丁寧さと感じるのは「お読みいただいてから」と言う箇所です。以上を省いて自然のならびにするとと短くまとめられるます。これだけ短くしても、特にわかりにくさや無礼さは感じないのではないでしょうか。このような細かい気配りをサービス全体で行ってこそわかりやすいサービスが出来上がるのです。ぜひ、こんな目線で自分たちのWebサイトやサービスの文章を見直してみてください。ずっと使いやすく分かりやすいサービスになることでしょう。海外に比べると日本のデザイナーの給料は低いと言われています。日本のなかを考えても、デザイナーの方がエンジニアより希少価値が高いにも関わらずそれほど給料は高くありません。その原因の1つはデザイナーの交渉下手なのではないでしょうか。ただでさえデザイナーは視覚的なものを操るのが得意な一方で、その反動でか言葉を操るのが苦手なのです。それを自分の利益のための給与交渉に使うなどというのを求めることに無理があるのかもしれません。しかし、僕自身も一人のデザイナーとして、デザイナー全体の給与水準が上った方が幸せになれるわけで、僕自身がここ数年の採用面接で給料を聞く際にやっていることを紹介したい。などとは聞きずらいのです。それまで散々会社の方向せとか、社長の考え方とか社風とか聞いときながら「結局金かよ？」とは思われたくないのです。ではどうしているかというと、面接の際には、その会社が求めているデザイナー像を聞いて、それが自分の技術や進みたい方向にマッチしているかどうかを確かめると思いまが、それを聞いた後に次のように聞くのです。なるほど、御社はそんなポジションを埋めるデザイナーを探しているんですね。ちなみに、そのポジションに御社はいくら払う予定ですか？その会社はそのポジションを埋める人材にどれくらいの価値を感じているのか。これこそがこの質問の真意で、あくまでも自分は御社の採用状況を聞いているだけで、まだそのポジションに正式に志望表明をしたわけではないし、給与によってはそのポジションに立候補することも辞退することもあるということを示唆する質問なのである。というものである。つまり希望金額は最初に相手に言わせた方が交渉は有利に働くということなのです。この辺を詳しく知りたい方は交渉術を勉強するといいと思います。スマートデフォルトという考え方があります。簡単に言うとユーザーが選択するであろう選択をデフォルト選択にするということです。例えば、現在関わっているサービスは、ユーザーが自分の学びたい内容の講座を探して、受講するサービスなのですが、検索画面には講座を地域から絞り込めるUIがあります。地域を「都道府県」または「全国」から選択できるのですが、このUIにおけるスマートデフォルトは何でしょうか。もしユーザーがすでにユーザー登録していて、住んでいる地域を登録していたら、その地域をデフォルト値として選択しておけば、ユーザーは毎回その選択をする必要がなくなります。これがスマートデフォルトです。ログインしていないユーザーなどは住んでいる地域がわからないので、デフォルト値は「全国」にするしかないですね。その場合も「未設定」や「未選択」ではなく「全国」とラベルを明確にすべきです。余談ですが、最近はコロナのせいでオンラインの講座が増えてきたので地域の重要度は少しずつ下がっています。様々なデザインテイストをテーマに、初心者がやりがちなNGデザインと、上級者がやる余白を活かしたOKデザインを掲載し、それぞれのポイントを解説しています。正直、本書のようにNGデザインとOKデザインを掲載したデザイン書籍は多数世の中にありますが、どの本においても、NGデザインはNGとはいえデザインとしてひどすぎたり、OKデザインにもツッコミどころ満載だったりすることがあります。本書もその点では例外ではないです。人に教えようと思うと、わざわざ意図してNGデザインを作らなければならないという、このような本を作ることの難しさを感じました。デザインを長年やっている人にはあまり参考になる部分がないかもしれませんが、5年程度までのデザイナーには学ぶ部分があると思います。個人的にもっともありがたかったのは、使い勝手の良さそうな英文フォントを紹介してくれている点です。特にカフェや美容室のようなおしゃれなデザインに使いたいフォントがなかなかパッと出てこないので、今回の紹介のフォントはどれもいい感じでした。いずれもAdobe Typekitで使用できるということなので、ぜひフォント名からイメージが湧くようにして、必要なときに使えるようにしたいと思思いました。Adorn Engraved RegularProvince Sans Pro RegularBoucherie Cursive RegularMrs Eaves All Petite CapsAnnabelleJF RegularJay Gothic URW BoldScriptoramaJF TradeshowAdageScriptJS RegularSerifa BoldCasablanca URW lightGrafolita Script RegularAdorn Serif Regular「直感的なUIとは」直感的なUIがいい。とはよく言うければ、そもそも「直感的」とは何を指すのか。今回は書籍「Intuitive Design」の内容を参考に自分なりの解釈を加えたものを書いてみたい。僕自身もつい最近まで、UIを考えるときPerceptibility, Predictability,Feedback, Consistency, Learnabilityという5つの考え方を基準に考えていた。しかし「Intuitive Design」では次の8つの指標を推奨している。ターゲットユーザーの現在の状況や操作の結果を正確、明確かつ即座に示せているかターゲットユーザーが不要な動作や繰り返しをせずに最優先事項を完了できるかターゲットユーザーの誤操作を防げるか、誤操作による打撃を最小限に抑えているか、誤操作から簡単に復旧できるかマウスアップで動作させているか、タップエリアは十分大きいかなどがForgivenessの一例である。タスクの完了方法、および次のステップへの移動方法が明らかである前へ戻る方法が明らかである現在のタスクのキャンセル方法が明らかであるホーム画面へ戻る方法が明らかである即時保存の場合、保存が実行されていることを示す手動保存の場合、保存ボタンを明確にする（スクロールしないと見えないとかはだめ）デザイナーとして仕事をしていくうえで、必要なのは「発想力」「デザイン力」「伝達力」などいろいろあるが、今回はそんな「発想力」について書いてみたい。「発想力」とはいわゆるアイデアを出すための能力である。いろんなアイデアを思いつくためにはどんなことをすればいいかというと、もちろんとはよくある答えで、それは常に心がけるべきである。英語のデザインのオンラインコースではThe only thing you should know as a designer is everything.（デザイナーとして知るべき唯一のことはすべて）と語っており、この言葉は自分にとっても非常に印象に残っていて、本や映画、漫画、アニメ、音楽、スポーツ、格闘技あらゆるものに時間の許す限り手を伸ばすようにしている。とはいえ、そんな途方もない話をしてもなんのヒントにもならないので、もう少し具体的に、デザインのアイデアを出すために普段やっていることを一つ話したい。それは毎日少なくとも30分程度PinterestやDribbbleをさまようって「インプットの時間」を設けるようにしている。そして、「このアイデアは他でも応用できる」と思えるデザインを保存して、アイデアに困った時にすぐに参照できるようにしている。Pinterestではこちらののこちらのボードに保存している。これは結局、「人物やオブジェクトを異常な大きさにする」というアイデアで、ダックスフントに限らず同じ考えは様々な場所で応用できる。こちらも結局、「フォントを写真とオブジェクトの裏に配置する」というアイデアで、こちらもフォントを写真に載せる時に、少し個性を出したい時など応用できる場面はたくさんある。このように、他でも応用可能なアイデアをひたすら集め、機会があれば使うようにしている。アイデアとは「あるときふと頭に浮かぶもの」と考える人も多いかもしれないが、僕にとってはそれは、毎日のインプットの積み重ねによって成し遂げられることである。いいアイデアも一度見て感心するだけでなく、繰り返し眺めて、繰り返し使って、初めて自分のものになるのだ。今回転職をするにあたって、20社ほどのIT企業やスタートアップの採用担当者と話を聞いた。そんななか驚いたのは、多くのスタートアップがデザイナーの探し方がわからないということ。探し方がわからないだけでなく評価の仕方、そして自分たちにフィットするのがどんなデザイナーなのかがほとんどイメージできていないということ。30代後半から40代前半のデザイナーは、Webの黎明期で乱立する小さな制作会社で、デザイン、コーディング、プログラミングなどすべてをこなすことを強いられたWebクリエイター出身者か、DTP等の紙媒体を専門としてきてWebに転向したDTP Webデザイナーのとちらかだろう。Webクリエイター出身者は全体的に広くこなせるが、ビジュアルデザインの質はそれほど高くはない。一方でDTP出身はビジュアルデザインの質は高いがプログラムなどに対する苦手意識は強い。Web業界が大きくなってから入ってきた30代前半までのデザイナーは、ビジュアルデザインを作る「デザイン部」、HTMLのコーディングやJavaScriptを組む「マークアップ部」、PHP等のコーディングを行う「開発部」というような、分業制のなかで経験を積むことが多いのでWebのビジュアルデザインで経験を積んでいることが多い。その過程ででHTML、CSSのコーディング程度は出来る人間もいるだろう。UXという言葉が全盛の時代に業界に入ってきた20代のデザイナーは、ユーザー調査などの上流工程に関わるUXデザイナーか、アプリなどのデザインと比較的簡単なHTMLコーディングをこなするUIデザイナーのどちらかに別れる傾向があるようだ。このようにIT業界に限って見ても世の中にはいろんな「デザイナー」がいるのである。自分たちの会社で求める人物像をはっきりさせないで採用を始めても、結局ミスマッチとなり、お互いに無駄な時間を費やすハメになるだろう。もし、知り合いにデザイナーがいたり、知り合いの会社のデザイナーに話を聞けるなら、そのデザイナーに、どうやって自分たちの求めているデザイナーをさがせばいいか聞くのが一番いいだろう。僕自身もデザイナーの採用をすることはあるが、ポートフォリオから採用すべきデザイナーを決めるのは至難の技である。小さな企業であれば、すぐれたデザインをするだけでなく、そのデザインを論理的に非デザイナーに説明する言語化能力を持ったデザイナーの存在は強力な力となるというなんとも参考にならない答えになってしまったが。間違いなく確実な方法である。なによりもデザイナーはデザイナー同士の繋がりを持っていることが多いし、デザイナーのコミュニティに属していることもある。

TAGS:Michika Design 

<<< Thank you for your visit >>>

Hot Websites