先週、お家を引越しまして（都内から湘南エリアに引っ越しました！）引っ越したと思ったら、タッキーが退社。そしてsilentでの湊人くんとの別れ。切ないよ… と思っていたらキンプリの3名が来年退所を発表。心が全然落ち着かない。

なんだかBlogを書く気分になれず..

そして荷解き作業が思った以上に大変でした。

荷物が多い…普段から断捨離って大事ですね…

しかし、仕事でデザインをしていく内に、慣れない土地にいても、荷解きが大変でも、キンプリがバラバラになっても、本来の自分を取り戻しました。やっぱり私はデザインが好きな様です。

そんなわけで今回は、やっぱり好きだなぁと思ったデザインに関する話をさせてください。

お恥ずかしい話、私は最近になってAdobe Expressの存在を知りました。

Adobe Expressは無料で利用できる簡易画像編集ソフトなので誰でも使えます。去年の12月に登場しまして、今年の10月に色々と新機能が追加されたみたいです。https://www.adobe.com/jp/express/

使ってみて本当にびっくりしました。

まじで、誰でもデザイナーになれちゃうね..

無料のテンプレートがかなり豊富で、画像もテキストも編集できます。デザインパターンが豊富なので、アイディアにつまった時にデザインの参考にもなる気がする

主な特徴がこちら

1. 無料で利用可能（一分機能は有料）
2. 商用利用が可能
3. インストール不要でブラウザからも制作可能
4. スマホやタブレットアプリも利用可能
5. 豊富なテンプレート
6. レスポンシブ対応
7. Adobe Fontsが利用可能
8. SNS投稿スケジュールの管理
9. 背景自動切り抜き機能
10. アニメーション・ビデオ簡易編集機能
11. SNS用にサイズ最適化
12. 画像の拡張子変換機能

めちゃくちゃ便利

この他にも便利な機能がいくつかあります。

詳細に関してはこちらの記事がとってもわかりやすいので、気になった方は是非読んでみてください。

もちろんデザインに関しては、プロのデザイナーのデザインよりは劣るし、基礎は大事だけど、素材として使える部分がたくさんあるし、これからデザインをはじめようって人には、とっても良いツールなんじゃないかなって思います。

ましてや更新頻度が大事だったりするSNSのバナーだったら、このツールで作った方が圧倒的に時短になって楽だと思う。しかも簡単なアニメーションまで一括で作れる！

すごく便利。もっと早くに出会いたかった。

様々なパターンのデザインができます。名刺とかチラシ、webのデザインまであります。これ作った人達が凄い

きっとこれからどんどんこういう便利なツールが増えていって、誰でもwebサイトが簡単に作れる時代が来ちゃうんだろうなって思うと、デザイナーとして、少し怖くなったりもします。

当たり障りのないデザインは、もう誰にだって作れてしまう時代が来てしまうのだから、デザイナーとして何を鍛えて強みにするべきかを意識して仕事をする事が、とても大事になってくるのかなと思いました。

そして、とっても前向きに考えると、もっともっと凄いものが時間をかけずに作れる時代が来るって事なのかもしれないなと。

自分には無理。って壁を作らずに、どんどん色々な事に挑戦できる時代だと思うので、何歳になっても挑戦する気持ちは忘れないでいたいなって思います。

今は3Dに挑戦しているけれど、3Dももっと簡単に作れちゃう時代が来るのかなぁ..　髪の毛簡単に作りたい

そう考えると、キンプリの彼らが決断した海外への挑戦も応援するべきなのかもしれないですね。

…………

ダメだ。

やっぱり引っ張られてしまうので、今日はここらへんで終わりにしたいなと思います。

Adobe Expressを使って今の気持ちを動画バナーにしてみました。（5分で出来ました。本当に簡単）

…..

今までで一番情緒不安定な記事かもしれない。

次回から頑張ります。

サイトで使用するアニメーションの話

昔、webアニメーションの動きにとてもハマっていた頃

なんでもかんでも動かしたくてスクロールだったりページ遷移の際にこういう挙動にしたいですって伝えたら、当時勤めていた会社の社長に「それはwebデザイナーのエゴだよ」と言われた事があります。

本当にそのとーーーーり！

やりたい事に夢中になりすぎてユーザー目線なんて何も考えていなかった。つっこまれた時本当に恥ずかしかった記憶があります。

パララックスも流行っていたし、当時はなんか凄いアニメーションを作りたくて仕方なかった。こちらのPOLAサイトはスクロールするとアニメーションが動いていって面白いです。画面をクリックするとページに飛ぶので是非見てみてください。ただ面白いけど、文字は…正直読みづらい。

過去に２件ほどパララックスを使ったwebサイトを作った事があるのですが、今思うと楽しさは伝えられたけれど、使い勝手は悪かった様に思う… 今はどちらもリニューアルされてしまっているので、結局そういう事なのかなと。当たり前の事だけどユーザーの事を考えていないサイトは寿命が短い。

今回、このサイトを作るにあたって何パターンかローディングアニメーションを作っていて、結構時間をかけたのですが、結果として全部ボツにしました。

ページ遷移のストレスを無くす為に作っているはずなのに、逆にそのアニメーションでストレスを感じたからです。特にこういう読み物サイトは記事を早く読みたいし読んでほしいのに、ローディングアニメーションはいらないなと。やるとしたら一番最初だけちょっとしたアニメーションを入れる。とかかなとも思うんだけど、うーーん… だとしたら読み込みスピードを早くする方に力を注いだ方がいいように思う。

プロモーションサイトやブランディングサイトならアニメーションがあった方がサービスやブランドの世界観を演出できてとてもいいと思うし、細かいところまで凝っていて素敵だなと思う。

でもこのサイトにはいらないなと実際に入れてみて痛感しました。

正直ユーザー側からするとアニメーションなんかいらないのかもしれないし、手間がかかるからと嫌がられるものでもあるのだけど、タップやクリックした時の動きが気持ちいいアニメーションってあると思う。

ユーザーが気持ちいいって感じるアニメーションってなんだろうって思いながら、今日も懲りずに何かいいアニメーションがないかを探しています。

こちらのサイトはページ遷移の時のアニメーションに全くストレスを感じずリズム感もあって、とても上手いと思いました。さりげないけど地味にめちゃくちゃこだわっているのがわかります。※クリックするとサイトに飛びます。

皆さんが普段いいなと思ってるサイトもページを移動する時だったりメニューが開く時、細かいアニメーションが入っていたりするので、ちょっとだけ注目して見てみてください。

アニメーションとUIの話

アニメーションのUIでいうと、以前からSwitchでゲームをすると、毎回操作が気持ち良くてUIが神がかっているなと、プレイする度にとても感動しています。最近のマリオなんてセンスの良さ大爆発だと思う。操作をしていてどこ押せばいいのか迷った事がないって地味だけど本当に凄い事だと思う。

このゲームは個人的に色々とセンスが大爆発してた。

最近下記の記事を見つけて読んで、もの凄く勉強になりました。

「任天堂のUI/UXデザイナーが語るデザイン思想。」
https://goodpatch.com/blog/uicrunch-13

UIや配色の考え方とか仕事の進め方とかデザインの考え方とか、素晴らしすぎる。プロだ。
Splatoonのデザインなんて特に凄い。あんなにカラフルなのに見やすいし操作に迷わない。ちゃんと見やすい画面になっているか確認する為に、画面を白黒にしてみるという考え方も確かにそうだなと思った。凄いなぁ。

一体どれだけ試行錯誤して作ったんだろう。

こんなに色数が多いのに、操作に困らない凄さ。

あとデザイン以外に仕事の進め方で私がとてもいいなと思ったのはここです↓

お見せするのは恥ずかしいくらいラフな部分もありますが、最初の勢いを大事に、なるべく早く書き出すことを意識していました。多少ぼんやりしたイメージでも、方向性が合っているかをアートディレクターや他のデザイナーと早めに共有することが、限られたスケジュールでものを作る上で大事なことだと思います。

迷いがあるなら途中経過を共有するのも本当に大事だなって思う。暴走したデザインほどこわいものはないんだから、少しでも早い段階で一度チーム内で認識合わせをした方がいい。

まとめ

ここまで書いてきて改めて思った事は、やっぱりアニメーションの事も含め、全ての「ものづくり」に大事な事は、相手の立場になって考える「思いやり」だなって思います。
チーム内のやりとりや仕事の進め方も、ユーザーの目線に立って物事を考えられているのかも、そこに相手を思いやる気持ちがないと、いいものなんか作れない。

思いやりを持ったデザイナーでいたいし、この考えはずっと忘れないでいたいなって思います。

いいものづくりがしたいですね。

….なんか真面目な記事になってしまった。

おまけ）

アニメーション違いですが、今回サムネイルにうるさいアニメーションを使いたくて女の子を走らせてみました。食パンくわえて遅刻遅刻ーってやつです。パーツは雑だけど動きを早くしたらそれっぽく見える… かな…早くてパンってわからないですね；

今回6カットイラストを描いたのですがその内の3カットです。この髪型の女の子が好きなのと、ヘアカラーがグラデーションになっているイラストが好きです。

肌を焼いて派手な格好して毎週末clubに行っては調子に乗っていました。当時の自分の写真を見るとチャラいなぁぁというか誰？というか..とにかく「封印！」ってなります。まぁ誰だってそんな時代.. あるよね！

そんなBガール時代、グラフィティアートが大好きでした。グラフィティアートの本をたくさん見て研究して、ノートに描いて練習してました。壁に描くのもちょっとだけ憧れていたけれど、当時とても問題になっていたし、捕まりたくはなかったので、clubで知り合ったオーガナイザーやDJにデザインできるよ！ってプレゼンして、イベントのフライヤーだったり、DJのステッカーにグラフィティロゴを描いてclubに置いてもらっていました。

当時お金が無かったので、渋谷タワレコのアート本コーナーで何時間も立ち読みしていた。久しぶりに調べたら渋谷タワレコの本コーナーがリニューアルされていました。今度行ってみよう。

いくつか作っていたのに、データがどこにも残っていません。

なんてもったいない事をしたんだろう。っていうか当時はフロッピーデスクだった。懐かしすぎるよフロッピーデスク。

グラフィティアートが好きだった理由ですが、かっこいいっていうのが一番ですが、描いた人の強い主張を感じるし、社会に訴えかける力強さに惹かれたんだと思う。

スプレーで一発描きというのも最高にかっこいい。command+Zが使えない世界。

その後NYに友達と弾丸旅行した事があるのですが、NYのグラフィティを見た時は感動したのを覚えています。

当時撮った写真がないのでイメージです… NYで見たグラフィティはとてもかっこよかった

ただ、この記事を書くにあたって改めてグラフィティアートについて調べたら横浜のところどころにあったグラフィティアートエリアが全て撤去されてた事を知りました…センスよくてかっこよかったのに..やはりグラフィティアートがあると治安が悪い印象になってしまうのだろうか。

違法な場所で勝手に描いて、誰かを困らせたり迷惑をかけてるのは絶対に違うと思うし、しかもそれがダサいグラフィティだった場合もう最悪な気持ちになる。

だけど、やっぱり素晴らしいグラフィティは「アート」だと思うから、グラフィティという言葉だけで拒否反応を示さず、自由に描いていい場所は残しておいてほしいなって思います。

皆さんご存知キースヘリングもグラフィティアーティストから始まりました。

コロンビアのボゴタは街にスプレーでアートを描いても逮捕されないそうです。市全体でアーティストの権利を守り、奨励金制度や文化を大切にしているブログラムなどもあるそうです。引用元:https://p-art-online.com/column/gurafitistreetart/

…さて、Bガール時代から時が経ちまして、
アニオタの時代です。
そうです。ここでもアニメの話です。

グラフィティアートの歴史とか書く流れなのに、アニメです。

皆さんは「ヒプノシスマイク」というコンテンツを知っていますでしょうか？

「ヒプノシスマイク（略してヒプマイ）」はアニメからのスタートではなく、音楽原作キャラクターのラッププロジェクトとして音楽と音声ドラマでスタートしました。

スタートしたのは17年9月だったのですが、19年8月までに公開された全ミュージックビデオの動画再生回数は計1億5000万回に達し、瞬く間に人気になり、オリコン一位も取りましたし、2019年には経済効果100億円超で賞もとっています。そんな事から日本の有名なラッパーの方々も注目し、たくさんコラボもしています。

ラッパ我リヤやZeebra、Creepy Nutsも楽曲提供しています。まさかこことアニメが繋がる時代がくるとは…

私が5年前にヒプマイの存在を知った時は、いやいやいやいや、アニメキャラでラップって。。どうなの.. って不安に思っていたのですが、動画を見て、かっこよく仕上がっていてびっくりしたのを覚えています。そしてグラフィティを使ったアニメが良い。ここにきてグラフィティとアニメ絵がいいなと思う時代が来るとは思わなかった。

あと流石声優さんなだけあって声もよければ聞き取りやすいしラップも上手い。キャラになりきって声を変えてラップしてるのは本当に凄いとしか言いようがない。

アニメキャラと文字の使い方が面白い。ちなみにどうでもいい情報として、私の推しは麻天狼メンバーです。

まぁ、普段アニメを全く観ない友達に紹介したら引かれたので、やはり無理な人には無理なのですが、私はヒプマイの動画クリエイターさんは毎回すごいなぁって思っています。グラフィティ好きだったのかな。

好きじゃないと描けない気がする。

カタカナのグラフィティが可愛い。センスいいな。

ちなみにヒプマイのストーリー設定はこちらです↓

武力による戦争が根絶され、女性が覇権を握るようになったH歴。男性を完全排除した中王区（ちゅうおうく）と呼ばれる区画で、女性による政治が行われるようになった。そこで定められたH法案により、人を殺傷するすべての武器の製造禁止、及び既存の武器の廃棄が命じられた。しかし、争いは無くならない。争いは武力ではなく、人の精神に干渉する「ヒプノシスマイク」にとって代わった。このマイクを通したリリックは、人の交感神経・副交感神経等に作用し、様々な状態にする力を持つ。

各ディビジョン代表のMCグループは、争いに親和性のあるラップを使ってバトルをし、勝った地区は決められた分の他の領土を獲得することができる。
兵器ではなく言葉が力を持つことになった世界で今、男たちの威信をかけたテリトリーバトルが始まる。

なんのこっちゃい。

サムネイル用に15年ぶりくらいにグラフィティを描いた。個人的に丸みがあるポップな感じが好きです。描いててなんだか照れくさくて恥ずかしい気持ちになったけど、懐かしさ大爆発だったし1時間ちょっとで作れたから体は覚えてるんだなと。やっぱりこの文字で遊ぶデザインが好きだなぁぁ

街中にグラフィティアートが減ったとはいえ、都内を散歩しているとたまにかっこいいグラフィティアートに出会うことがあります。（たぶんちゃんと許可をもらって描かれているハズ..）

皆さんも散歩する際にちょっとだけ壁に注目してみてください。

※ブログにコメント機能を追加しました。皆さんからのつっこみをお待ちしております。

ブログがちっとも楽しそうじゃない..

タイトルのテキストの問題もあるけど、サムネイルだ。サムネイルにワクワクを感じない。 デフォルトのサムネイルは設定しているのだけど、全部同じなのって味気ない。

カテゴリごとに色を分けるとかも考えたけど、つまらない。 サムネイル画像ってとっても大事だったんだなと。記事の顔になるわけだもんなぁ..

今まで、いい感じの写真入れとけばいいでしょ。くらいにしか思ってなかった。 投稿済みの記事のサムネイルデザインを考えてみようと思う。 簡単だと思っていたけれど意外と難しいので、サムネイル画像も研究ですね。

追記）サムネイルを作ってみたけれど、難しい・・