license)に基づいて翻訳・編集しています。僕が気付いたプロトタイピングツールにおける挑戦のひとつは、全ての時間を費やして作業し、そしてそれを捨ててしまうことだと思います。Plaidでの作業方法というと、実際にコードとコードのプロトタイプを使いますよね。それは、ある意味頭がプシューっと爆発してしまうような感じです。あなたはどういうものを好んでいますか?つまり、プロトタイピングツールについてどのように感じていますか?デザインプロセスを引き止めていますか?一度にたくさんの質問をしているんですが...。あなたの質問は僕の好きな分野についてのことなんで。僕個人としては、プロトタイピングツールは大好きなんです。いうのは、それによってプロトタイプを作ることができるからです。多くの人がプロトタイプを作るべきだと思います。その上で、あなたと同意見です。僕も何かを書いて、それを構築するのに時間を費やして、結果としてそれを捨てる可能性があるような作業は大嫌いです。僕の場合はプロトタイピングツールにあまり多くの時間を費やしていないのだと思います。いうのは、僕はできるだけ素早くアイデアをまとめて、すぐにコーディングに移るタイプだからです。僕自身がコーディングができるからというのもあります。スキルセットとしてそれが可能なら、コーディングに移るというのはいい選択肢かもしれません。Framerのようなツールを使えば、後の作業でその中のコードのいくつかを使うことができるかもしれない。コーディングができないのであれば、もしそのスキルセットが自分の武器のひとつではないのなら、プロトタイピングツールを使うことで同じような状況に到達することができると思います。僕は、もっと多くの人がプロトタイプを作るべきだと感じています。多くの人が、コードであれ何であれ、捨てる必要がないプロトタイプを作ることができる場を築きたいと思っています。結局プロトタイプの意図は何かということがポイントになると思うんです。ゴルディロックスの原理でもありますが、長時間費やしてしまうと、その内容が冗長になるものです。それは、すごく無駄にしているような感じがするのですが、プロトタイピングツールの良いところもあります。最近僕自身がペーパープロトタイピングを行ったのですが、そこでは文字通りスクリーンペーパーを用意して誰かを撮影して、それをその場で印刷して、目の前でその紙を変更していくんです。そのほうがより価値があると思うんです。いうのは、流れを学ぶことになるからです。どのように動いていくのかというトランジションを考えたり、プロトタイプを作ろうとするより、もっと価値がありますよね。プロトタイプを作ることは何よりも最初に行うことだと思います。多くの人が十分に行っていないと思うからです。staticsとスクリーンデザインに多くの時間を割いていますよね。すると欠陥が見つかって失敗に終わってしまう。プロトタイプを作ることから始めている人は、いつも上手くいっていると思います。おっしゃる通り、収穫逓減の法則が当てはまる部分があります。かなりの時間を費やして、完璧に細かい項目ひとつひとつを洗練させていくというのは、「プロトタイプを作る」という域を超えています。僕にとっては、どれだけ短時間で学びとれるかが重要なんです。これは機能するものなのか?この先を追求するに値するのか、それとも捨てるべきか?ということを判断するということです。素晴らしいプロトタイプを洗練させることに長時間を費やしていると、突然そのプロトタイプを捨てることを口に出せなくなってしまうものです。自分の子供のような感覚になるんです。手をかけすぎたんですよね。それは危険なことです。いうのは、プロトタイプを作るという作業を本来のプロトタイプの目的である「学び」のために行っていないからです。完全にあなたと同意見です。紙のように忠実度が低いものは最高だと思います。通常は、ほとんどのトランジションやアニメーションのようなものでは、ポストイットを使っています。僕のデスクがポストイットまみれになっているのを見たことがあるかもしれません。これはこういう感じで動くかな?この画面がこうやって動くことに意味があるかな?とかそんな感じです。すると、とても短時間で作業ができ、簡単にアイデアを捨てることができます。1時間か2時間くらいツールを使って構築に時間をかけてしまうと、それを捨てたくなくなるかもしれないです。愛着が湧いてしまいますからね。これまでどのようなプロセスでデザインをしてきたのでしょうか?例えば、動くアイコンやそういったもの、特にPlaidsではお気に入りから外すとハートが割れたりしますよね。美しいと思うのですが、実際どのようにそういったものをデザインしているのですか?こういうのが素晴らしいとスケッチするのも素晴らしいと思いますが、それは最終段階のような感じです。Effects/AE)をしようするのは知ってるのですが、プロトタイピングツールとしてのアフターエフェクツをちゃんと理解していないんです。それは、ただのアニメーションですよね。僕もアフターエフェクツについて理解してませんよ。プロセスの一部は、楽しいと思っているということですね。いったアニメーションにはたくさんの「喜び」が求められると思います。印象に残らないようなUIをより良いものにしたいと思っています。あなたのおっしゃる「楽しいもの」は、エクスペリエンスというものを生き生きとさせると思います。そこに僕は価値を置いているんです。プロダクトにとって非常に重要なことだと思います。プロセスの一部は、モチベーションを持てるものだということです。どのようにするかというと、僕の場合、デザインと開発にオーバーラップするスキルがあるので、両方からインスピレーションを得ていると思います。先ほど話していただいたアイコンアニメーションで言うと、まずソフトウェアやテクノロジーの能力とはどういうものかを深く掘り下げて理解しようとしました。することで、どのパラメータを使わなければならないのかが分かります。基本が分かっているので、変換ができる、回転ができる、この部分をトリムするといったことができます。いったことで、インスピレーションを得ることができます。よし、じゃあこのブロックに何が作れるだろうか...という感じですね。そこから作業を始めるという感じなんです、本当に。これで何が構築できるかは分かっているから、このトランジションとかこの状態変化にとって意味のあるものは何か?と考えます。おっしゃっていた意図の部分とプラットフォームに対する理解の組み合わせだと思います。それを基盤としてクリエイティビティを持ち込むというのが、僕のやり方ですね。僕にとって、能力を学ぶということはとても重要なプロセスの一部です。僕の場合、アニメーションとか特に状態変化のようなものでは、認知負荷をいかに下げるかが全てだと考えています。すごく言いづらい言葉ですね。何かが変化するのであれば、その変化が何なのかがわかるようにして、ユーザーが何が起きているのかを理解できるようにすることが重要だということです。いつもそこから始めるようにしています。いうところから始めることはありません。いう考えがあるので、最初の状態と最後の状態があって、その2つの間をできる限りスムーズに遷移するようにしたいんです。そんな感じの始め方を僕はしていますね。それから、そのトランジションをスムーズにするためのクリエイティブで楽しい方法を考えます。先ほど例に出してもらったハートが割れるアイコンを例にすると、満たされたハートの状態から空っぽのハートの状態に動かしたかったわけです。そこで、それを実現する方法とは何だろう?と考え、そうやって想像力を駆り立てていきます。いろいろな方法を試して、プラットフォームの能力を理解したら、割れるハートが出てきて、それをスケッチし直して、ほらね?って感じです。モーションは今流行っているように感じます。僕が恐れているのは、モーションというのは、先ほどおっしゃっていた通り、派手さでもあり、その技術があるから作っている人もいるということです。フレームワークやライブラリといったそういったトランジションをシンプルにするものがあるからです。先ほどおっしゃっていたように、ユーザーを誘導するためのモーションであったはずが、それに反してビジュアルとして気が散るものになるかもしれません。それは、絶対的に恐怖です。振り子のような作用は必ずあって、何かが簡単になりそれを使いすぎると、時代遅れのような状態になって戻ってくるみたいなことがあります。中間のところで再調整する必要があるのかもしれません。僕もあなたと同意見で、今まさにその状態なのかもしれません。プロトタイピングツールの爆発的に広がったことで、モーションという技術が多くのデザイナーが使えるものになり、モーションを使うことで境界線を学び、再調整が入るかもしれませんが、あなたは的を射ていると思います。良いモーションというのは、多くの意味で気付かれるべきではないのです。モーションとは、変更されたものを説明し補助するものであるべきで、目を引くようなものであるべきではありません。目を引くべき時はありますよ。注意を喚起する必要がある時もあります。常にトランジションそのものがシンプルになるようにすべきです。気付かれないようなシンプルさですね。アニメーションをオフにしたら、全体が突然飛び飛びのような感じで壊れてしまったように感じるようにすべきだということです。モーションはそういった補助的役割をしているだけで、主役ではないということを理解しているということになるからです。場面を展開する補助をしているみたいなものなんです。そこに問題があるように思うのです。いうような後知恵ですよね。業界全体としていくつかのことが起きていると思います。ひとつは、ツールの増加です。多くの人がアクセスできるツールが生まれているというのがひとつ。多くの人が恐れを抱いているという状態でもあります。いうのは、モーションデザイナーじゃなくてインタラクションデザイナーだから、この作業がどういうものなのかよくわからないという人もいるからです。いった人たちは意図があると思いますが、自己中心的にツールを使う人もいれば、恐れすぎて使えないという人もいます。いう意味では、今のこの業界は、モーションがより前に出てきているという興味深い状況にあると思います。僕がマテリアルデザインで気に入っている部分は、モーションというものを第一級市民のステータスまで引き上げたことです。明確に提示されているのですが、モーションは最後にふりかけるようなものではなく、ちょっとした喜びの瞬間のようなものであるべきだと。エクスペリエンスの一部であるべきだとしています。マテリアルデザインによって、レイアウトやコンテンツ、階層のようなものと同じレベルとして捉えられ、モーションがそういうものの裏にある主要な柱のひとつだと、マテリアルデザインが公開された時に明示されました。僕は本当に感謝しているんです。いうのも、その考え方に賛成だからです。良いモーションはアプリを理解できるものにしてくれるものだと思いますし、僕にとっては、ビジュアルを洗練させるというレベルより、インタラクションデザインに近いものです。僕が見たいと思っているのは、次のレベルに進んでいく人たちです。モーションは、ブランド戦略の重要な柱になりうると思います。アプリケーションやプログラムの特性がどういうものであれ、アプリ全部に同じ書体や色を使いたくないですよね。たくさんのアプリケーションが、同じ色やモーションカーブ、モーション戦略を使っています。そこから、カーブを描くように徐々にモーションをいつ使って、いつ使わないのかという理解度を深めて成長していくと感じています。方法を考えるわけです。すると、シンプルでフラットなものではなく、異なる種類のモーションそれぞれの特性を表現しようと、より深く考えるようになると思います。「よし、ここにはトランジションがないよりもある方が良いから、トランジションを使った」ということになります。Lottieはかなりイカしたツールです。このツールのおかげで、モーションをより多くのデザイナーが使えるようになりました。デザインとエンジニアリングの間における引き渡しを簡単にしたというのは、本当に素晴らしい功績だと思います。使ったことがないのであれば、基本的にアフターエフェクツのプラグインで、つまりそこからそのままJSONフォーマットにエクスポートできるということです。すれば、そのままウェブやアンドロイド、iOSに落とすことができます。専用のプレイヤーがあって、そこでそのまま再生ができます。ワークフローの点で言うと、驚異的な変化でした。良い点と悪い点というのはあります。アフターエフェクツとの連携が強いものなので、アフターエフェクツを使用したいのであれば、すごく相性がいい。一部の人にとってはかなり面倒なものです。シンプルなアイコンアニメーションを作りたいだけ、ハンバーガーとか「戻る」ボタンとかそういうものを作りたいという場合だとか、まだアフターエフェクツのスキルが追いついていないという場合は、あまり助けにならないかもしれません。話を戻して、マテリアルデザインに特化した話になるのですが、僕たちが常に直面している挑戦のひとつは、マテリアルデザインには「すべきこと・すべきでなないこと」といったガイドラインが提示されているということです。それはデザインに初めて関わるような人にとっては非常に役立つものだとは思いますが、同じように完全な規則であり、僕たちが常日頃排除してきたものが、ガイダンスなんです。あなたのおっしゃることと全く同意見ですね。ガイドラインは、非常に上手く書かれていると思います。簡潔さを心がけていて、明確な例を提示しています、”これはしてはならない。それはしてはならない。非常に規範的になっているので、規則に近しい場合やガイドラインに近しい場合にわざわざ議論しなくなるんです。前に、そのレイヤーケーキメタファーの話をしました。それは、マテリアルデザインのガイドラインには、3つのレイヤーと3つの異なるタイプのガイドラインがあるということです。それぞれ、どれくらい規則に近いものなのかが異なるということです。僕たちが思ったのは、一番下のレイヤーは、基礎的なもののレイヤーで、実際に見れば正しいとわかるものを基盤にしています。「48DPS以下のタッチタグは使うな」という場合、そのガイドラインは変わらないものですよね。なると、それはより規則に近いということになりますよね。そのガイドラインを破るべきではないですよね。次のレイヤーは、慣習と呼べるようなものです。デザインに関する挑戦や問題を解消するあらゆる方法になりうるものです。全てのアプリケーションがそのガイドラインを尊いもののように捉えてしまうと、ユーザーはそこで学ぶことができず、他で応用することができなくなってしまいます。なると、どんどんアプリは使いにくくなり、どうしていいかわからなくなってしまいます。そのプラットフォームには、道筋という意味での規則みたいなものがないようになってしまいますよね。いう場合では、それは規則でもなく、ガイドラインでもない、その中間のようなもので、プラットフォームが定義するパターンからまず始めてみて、そこで自分のアプリでうまくいかなそうだったら変えるというものです。した理由がある場合に限った話で、目的をもってそこから外れる、というのが僕たちが使っている表現です。このケーキの一番上のレイヤーは、パーソナリティというものじゃないかと思います。いった色を使うかとか、設定するタイプだとか、モーションやモーションで使うカーブといったもので、ガイドラインを提示する際に表現する必要があるものです。特定のフォントや色を使っているわけですから。それらは決して規範的なものではありませんよね。マテリアルデザインが「こういった異なる種類の赤を使用することができますよ」と提示するのは、どこから始めていいのかわからないというような人のサポートをしたいからです。それは決して、これが使用できる赤の種類だと言っているわけではありません。フェラーリであれ、BBCであれ、それぞれブランドのカラーパレットがあるわけで、そこから色を選択するだろうし...というか選択しなければならないですし、そのマテリアルデザインのガイドラインに固執することはありません。いう感じで、規則に近しいと思えるものであっても、実際にどのケーキのレイヤーの話かによって変わるものだと説明できていたらいいのですが。いうレイヤーがあるということ、そして、変えていい時と、プラットフォームに近い状態を守るべき時があるということを理解する必要があるということですね。license)に基づいて編集しています。共感いただけましたら、いいね!シェアいただけますと幸いです。(アソボデザイン)へようこそ!デザインの制作に関わることは何でもご相談ください。ロゴマーク・パッケージデザインまで幅広いグラフィック・広告デザインに対応いたします。デザイン制作だけでなく、印刷から納品まで一貫して対応(※)しており、展示会・キャンペーン・販促宣伝活動等に貢献致します。黒の在り方を感じる様々なカードデザイン参考例2020年1月24日バラ苗専門店のフェア開催DMデザインを作成しました。専門学校のセレモニー(葬儀)をイメージしたハガキデザインを作成しました。専門学校のエアラインをイメージしたハガキデザインを作成しました。専門学校のブライダル(結婚式)をイメージしたハガキデザインを作成しました。銀行振り込みの他、各種クレジットカードでのお支払いにも対応しています。ロゴデザイン作成例DVD・CDジャケット作成例ウェルカムボード作成例ピックアップNEWS書籍「実用的!折りチラシデザイン」に作成したチラシが掲載されました。書籍「タイトルまわりのデザイン表現」にチラシデザインが掲載されました。書籍「実用的なチラシデザイン」にデザインが掲載されました。デザイン総合情報誌「MdN」にWEBサイトが掲載されました。インディーズCDの制作ガイドに、デザイナーとしてのインタビュー記事が掲載されました。内にデザインが掲載されました。制作デザインが展示されました。ご利用規約お問い合わせ平日11時〜18時は電話でのお問い合わせも承ります。電話は問い合わせ専用となります。見積もり・具体的な依頼の進行は全てメールでのやり取りとなりますので、予めご了承ください。】タイミングによっては営業時間内でも応対が出来ない場合もございます。その際はお問い合わせフォームをご利用ください。長期休業期間につきましても対応外となります。