僕のデザインアカデミア

デザイナー1年目の頭の中

UI犬飯🐶#3-マガポケ

f:id:genai17:20180110012346p:plain

 こんにちは、いなげ(@17_makoto)です。

新卒1年目のデザイナーで普段は会社でアプリのデザインをしています。

自社サービスをずっと見てると感覚がマヒしてくるので、意識的にドッグフーディングしてみよう。ということでアプリを触ってみた記録をブログに残していきたいと思います。

 

今回は少年マガジン公式の無料マンガアプリ、マガポケをご紹介します。

Googleベストアプリ2017にノミネートされていたので使ってみました。少年マガジンと同じく講談社が運営しています。

 

🐕触ってみた感想-Dogfooding!!

さすがマガジン「進撃の巨人」や「FAIRY TAIL」があってタイトルがつよい。

マンガアプリは無料で読み続けてもらって、いかに1回課金してもらうかが大事そうですよね。(ソシャゲと近そう)

1回課金すると課金のハードルが下がって、その後は課金ポイントだらけなので、どうユーザーに多くの作品を体験してもらうか、最後まで読みたいと思えるものに出会ってもらうかが大事そう。

 

f:id:genai17:20180114183323p:plain

それに対して、無料で読み続ける仕組みがしっかり作られている気がしました。

ジャンプ+とかは単なる最後の「他」タブが過去作品のまとめになっているけど、マガポケの「ALL」タブはいろんな切り口から作品が見れて、連載作品の最新話に追いついちゃった人たちの課金ホイホイになっていそう。(自分の好きなアゲイン!とか悪の華もあるじゃん。)

UIは見ての通りマテリアルデザインはほとんど考慮されていなくて、iOSと共通なのかな…

f:id:genai17:20180114183340p:plain

見てみたらiOSAndroidも共通のデザインでした。ここまで来ると清々しいですね🙌(ユーザーに使われることが大事)

 

🏢運営会社について-Mission/Vision

講談社「おもしろくて、ためになる」が社是みたい。(採用サイトかわいい)
はじめの一歩や留年中に読んだアゲイン!!からは色々学ばせてもらったし、確かにマンガっておもしろくて、ためになる。

この記事書きながら、週刊誌の売り上げは今まで「週刊誌の売り上げ+ その後の単行本の売り上げ」がたったのが、マンガアプリって普段だったら紙を買ってくれないユーザーも取り込むことができて、これってすごいのでは。と思っていたらめっちゃ考察している記事があった。

ゲームアプリで話題になった「F2P」モデル

f:id:genai17:20180110012754p:plain

xera.jp

(ソシャゲと近そう)って書いたけどかっこよく言うと「F2P(Free to Play、基本無料で課金要素有り)」モデルというらしい。

 

💬個人的にお客さんとしてモヤっとしている点-Note

アプリ単体の話じゃなくなるけど、いろんなアプリで書籍の購入をするとデータが分散するのでツライ。

実際自分のアカウントにはAmazonKindleGooglePlayBooksにデータが入ってる。これ以上増やしたくない。

それを考えるとマンガアプリで一時的なチケットを買うことはするけど、単行本を買うって発想にはならないな…。

単行本を買うならマンガアプリでなくKindleで買ってしまう。こういう人って結構いるんじゃないかな…?他の人はどうしてるんだろう。

 

📱試してみたい方はこちら-Store

iOS

マガジンポケット(マガポケ)

マガジンポケット(マガポケ)

  • Kodansha Ltd.
  • ブック
  • 無料

 Android

play.google.com

UI犬飯🐶#2-Googleフォト

f:id:genai17:20180109020743p:plain

こんにちは、いなげ(@17_makoto)です。

新卒1年目のデザイナーで普段は会社でアプリのデザインをしています。

自社サービスをずっと見てると感覚がマヒしてくるので、意識的にドッグフーディングしてみよう。ということでアプリを触ってみた記録をブログに残していきたいと思います。

 

今回紹介するのはGoogleフォト。名前の通りGoogleの写真アプリです(iPhoneアプリもあるよ)

Androidに機種変更してから最高すぎて無いと死んじゃう。iCloud使いこなしたら同じ感じで便利なんだろうけど、以前の自分には難しかった(今もイマイチわからん)

 

🐕触ってみた感想-Dogfooding!!

f:id:genai17:20180114184716p:plain

他の写真アプリと違うのは撮ったらすぐにWi-Fiでバックアップを取ってくれること。

画像のようにバックアップが完了すると「空き容量をXX増やせます」と出てきて、勝手にデータを削除してくれるのでメモリが圧迫されないのが最高。

写真を撮りたい場面で、昔の写真を消してメモリを確保する必要がなくなったので幸せです。(16GBのiPhone使っていたので…)

 

f:id:genai17:20180114190240g:plain 

そして長押しで画像の一括選択ができるのが神です。

「これこれ、こう一気に選びたかったんだ!」とはじめてやったときとても感動した。

iPhoneの「写真」アプリもできないし、意外とできるアプリ少ないのでは。

 

🏢運営会社について-Mission/Vision

“Organize the world’s information and make it universally accessible and useful.”

引用: https://www.google.com/intl/en/about/our-company/

GoogleのMissionは「世界中の情報を整理し、世界中の人々がアクセスできて使えるようにすること」ってヤツですね。 

 

初めて原文を見た👀
いつも勝手に写真整理してくれてありがとう。

 

💬個人的にお客さんとしてモヤっとしている点-Note

f:id:genai17:20180114184802p:plain

上でたくさん書いた通り普段使いのGoogleフォトにはとても満足しているんですが、仕事で他のサービスをリサーチして必要であればチームに共有することがあります。その際にはアルバム機能を使用してスクショをまとめている。

これだけだとコメントがつけづらかったり、遷移の仕方を伝えづらかったりするので、遷移を含めた共有が必要な場合はデザインツールに貼り付けています。(ちょっと手間)

過去にPinterestを使用していたこともありましたが、アップロードがしづらい&流れがわからなくなるので使用しなくなりました。

良い具合に効率化できる方法があれば教えていただけると嬉しいです👂

 

📱試してみたい方はこちら-Store

iOS

Google フォト

Google フォト

  • Google, Inc.
  • 写真/ビデオ
  • 無料

Android

play.google.com

UI犬飯🐶#1-Timehop

f:id:genai17:20180109004459p:plain

こんにちは、いなげ(@17_makoto)です。

新卒1年目のデザイナーで普段は会社でアプリのデザインをしています。

自社サービスをずっと見てると感覚がマヒしてくるので、意識的にドッグフーディングしてみよう。ということでアプリを触ってみた記録をブログに残していきたいと思います。

 

今回は、過去の今日の写真やTweetをまとめて見せてくれるTimehopを紹介します。
Twitterでシェアしてる方を見かけて試してみました。

 

🐕触ってみた感想-Dogfooding!!

f:id:genai17:20180114201045p:plain

アプリを起動すると恐竜がお出迎えしてくれます。(ローディングを回してる)

右側の写真は高校の友達が笑ってこらえてに出ていて、1年前の自分が思わず取った写真。懐かしい写真が出てくるから眺めるのが楽しい。

f:id:genai17:20180114202015p:plain

サービスとしてはオンボーディングですべてのSNSを連携させてきてすごいなって思いました。

Facebook、カメラロール、InstagramTwitterGoogleFoursquare/Dropbox、そして最後に通知許可🔔

 

量は多いけど、普段SNSを使っていればタップして進んでくだけなので意外と苦じゃなかったです。

 

f:id:genai17:20180114202036g:plain

そしてなにより、出てくる恐竜がかわいくて愛着がわく。
(タイムスリップ感あるから恐竜なのかな⏳)

 

🏢運営会社について-Mission/Vision

Time hopのHPにはこんなことが書いてありました。

f:id:genai17:20180109003926p:plain

Reinventing Reminiscing
Our goal is to help billions of people around the world find new ways to connect with their friends around the past.

 
思い出をきっかけに過去の友達と繋げるって素敵ですね。(英語読めてなかったらすみません)

思惑通り高校の友達に昔の写真を送りつけてます笑

 

💬個人的にお客さんとしてモヤっとしている点-Note

Googleフォトにも似たような機能があるんだけどそっちは見ないんだよな、なんでだろう。と思ったけどGoogleフォトは毎日じゃなくてたまに出してきて、それが目に入るだけだったな。

Timehopは毎日その日しか見れないから会話のきっかけになりやすいし、暇つぶしにちょうど良い!
友達と繋がりやすいように1日しか見れないシンプルな機能にに絞ってるのかも(勝手にスッキリ笑)

 

📱試してみたい方はこちら-Store

iOS

Android

play.google.com

 

【新卒1年目がやってみた】Ae入門チュートリアル10選🔰

f:id:genai17:20171105202330p:plain

これはなに

Adobeの動画作成ソフトAfter Effects(以下Ae)の使い方を学びたい、アニメーションに興味があるという方のために、初心者の自分がやって参考になったAeチュートリアルをあげていきます。

 

YouTubeには勉強になる動画がたくさん公開されていて、何個かやってみるとAeの使い方がわかったり、基本的なアニメーションがかけられるようになると思うので、ぜひ気になったものからやってみてください!

 

英語の動画が多いですがAeの操作画面は同じなので、動画通りに操作していけばチュートリアルと同じデザインが出来上がります。 

 

Aeチュートリアルまとめ

1.画面の基本操作

f:id:genai17:20171105190343p:plain

After Effectsのインターフェイスについて |

コンポジション?なにそれ?という方はここからはじめると良いと思います。

Adobeが公式のチュートリアルを用意してくれているので基本的な画面の操作はここで学んでおきましょう。

 

2.シュンシュン動く円グラフ

f:id:genai17:20171105184354g:plain

【アフターエフェクト】シェイプアニメーション入門2 円のアニメーションの作り方【Shape tutorial】 - YouTube

  • かっこいい円グラフが出来上がります
  • TORAERA DOUGAさんのチュートリアルは日本語でわかりやすいものが充実しているので他のもオススメです!

 

3.数字をカウントアップする

f:id:genai17:20171105184103g:plain

Animating Numbers Counting Up In After Effects | Beginner Tutorial - YouTube

  • 1~100など数字を指定してカウントアップできます
  • エクスプレッションをいじると整数や小数点などどこまで表示するかも指定できるみたいです

 

4.紙(カレンダー)をパラパラめくる

f:id:genai17:20171105184014g:plain

After Effects Tutorial - How to use page turn effect in after effect - YouTube

  • 「CC Page Turn」というエフェクトがAeにあらかじめ用意されていて比較的簡単に作成できます

 

5.フリップで文字を表示する

f:id:genai17:20171105184126g:plain

After Effects Tutorial: FLIP TEXT Chart & Clock Animation - YouTube

  • オブジェクトの回転やマスクなどが使われているので苦戦しました

 

6.文字を描き順で表示する

f:id:genai17:20171105184235g:plain

アフターエフェクトでPS4の文字が描かれる文字書きアニメーションの作り方 - YouTube

  • 書き順通り文字を表示されるアニメーションが出来上がります
  • チュートリアル通りパスの指定がうまくできなく別のやり方で作成しました…笑

 

7.歩くアニメーション

f:id:genai17:20171105184344g:plain

Rubberhose Walk-Cycle // After Effects Tutorial - YouTube

  • キャラクターがパタパタ歩くアニメーションが出来上がります
  • エクスプレッションでループを使用していて少し難しかったです
  • チュートリアル通り足を書くには有料のプラグインが必要だったので断念しました

 

8.チェックボックのon/off

f:id:genai17:20171105184035g:plain

Animated Icon #3 - After Effects Tutorial (No Third Party Plugin) - T065 - YouTube

 

9.ぬるぬる動くスマホのモック

f:id:genai17:20171105184148g:plain

AFTER EFFECTS TUTORIAL : Infographics animation technique | infographics tutorial - YouTube

 

10.ぬるぬる動く月と太陽

f:id:genai17:20171105184302g:plain

Day to Night - After Effects Microinteraction 03 - YouTube

  • 動画が少し長めですが、投稿者の試行錯誤が入っているためです、そこも含めて参考になります
  • 複雑な形状を変えるエフェクトがかかっているのかと思いきやシンプルにマスクがかかっているだけで驚きました

 

やってよかったこととこれから

この期間の目標としては「チュートリアル8~10」のような、見ていて気持ちいアニメーションを自分で作れるようになることでした。

実際に作成してみると自分の感じていた気持ちよさの正体が、イージング(緩急)とモーションブラー(ブレ)だとわかりました。

きっと他にもポイントはあると思うので本も読んだりしながら業務に活かしていければなと思います。個人的にはキャラクター動かしたりしたい!

無料でこんなに学べるなんてYouTubeに動画上げてくださってる人たち神ですね。

ありがとうございます😇

 

以上、僕のやったことが他の人の参考にもなれば幸いですmm

はじめてデザインでお金を稼いだ話【デザイン業務:600円】

ユニクロからなんか来た

先月お家に帰るとなぜかユニクロから書類が届いていました。

なんだ?と思って見てみると…

すごーく前にUTme!というアプリで作成したTシャツの販売売上の支払調書でした。

f:id:genai17:20170408152122j:plain

 

そういえばTシャツ作ってたわ

多分これ作ってたのが2015年の9月とかなんでデザイナーに憧れていたけど何もできてなかったときですね。普通に営業職とか企画職で就活をしていたはず。(懐かしい)

それで「デザイナー なるには」でググった時に、

作品を作ろう、公開しよう、1円でも稼いでみよう、ということが書いてあり

イラストをInstagramで公開することをはじめ
それを使ってUTme!というユニクロのアプリでTシャツを作りました。  

f:id:genai17:20170408153216p:plain

報告してくれたお友達(トイレで自撮り)

 

作成してTwitterFacebookで宣伝したところ2着だけ売れて(友人なんですが笑)はじめてデザイン業務で報酬をいただきました。

たった¥600だったけどすごく嬉しくて自分でもやればデザインでお金を稼げるんだ。となんかちょっと自信がつきました。これからもお絵かきは続けるし、気が向いたらゆるっとTシャツ作ってみよう。笑

 

コストをかけずに1歩踏みだそう

今はSNSに投稿したら世界中の方々が見てくれたり、自分で作ったものをWeb上で気軽に出品できるので、LINEスタンプを作るでも、Tシャツを作るでも興味がある方は色々やってみると良いかと思います! 

 

ちなみにまだTシャツ売ってるみたい

UTme!のサービスはまだ生きているっぽい。

せっかくなのでTシャツの紹介しておきます。

欲しい方はどうぞ。笑

1.マジックTシャツ

f:id:genai17:20170408153754p:plain

絵本作家さんのライブドローイングを見たときに、何もなかった壁にどんどん作品ができてイラストを描けるのって魔法みたいだな。と思って作ったダジャレTシャツです。

 

アイテムの詳細はこちら

 

2.しめさばTシャツ

f:id:genai17:20170408153752p:plain

おつまみの中でしめ鯖が好きなので作ったTシャツです。

 

アイテム詳細はこちら

 

新作にご期待ください。それではまた。

 

【非公式】立教大学を留年したら(手続きや学費など)

f:id:genai17:20170312193613p:plain

はじめに

こんにちは@17_makotoです。

2月28日立教大学の成績発表でした。
僕は今年度の1年間、後期に必修の単位を落とし、留年していました。

先日の合格発表で卒業できることが決まり、4月からは社会人となります。

この記事では自分が実際に経験した、留年したらやることを立教生向けに紹介していきたいと思います。

 

※記載している情報は2017年3月現在の物です。

最新情報は申し訳有りませんが自分で調べて頂くようよろしくお願いします。

 

大学を留年したらやること目次

0.成績を確認しよう

1.留年を報告しよう

2.事務手続きをしよう

3.次の1年に備えよう

 

0.成績を確認しよう

f:id:genai17:20170312212858p:plain

成績発表日に成績参照システムにログインすると、お知らせの欄で自分の成績を確認することができます。ワンクリックで結果が出てくるので心の準備をしてから確認しましょう。

不合格が出ていた方は留年となります。残念ですがこの記事を読み進めてください。

 

1.留年を報告しよう

卒業予定だったということは、卒業後の進路が決まっていたり、親族に内定を祝ってもらっていたことでしょう。
決まってしまった事実を、家族・内定先に連絡へ速やかに連絡してください。

 

f:id:genai17:20170312183903p:plain

成績発表日、僕は卒業旅行留年旅行中だったためLINEで家族へ報告することになりましたが、白ひげスタンプに救われました。

内定先は、大変ご迷惑をおかけしましたが、今後やりたいことを説明したら「次の1年も頑張って」と送り出してくれる素敵な会社でした。お陰様でこの1年頑張れたと思っています。

 

2.事務手続きをしよう

f:id:genai17:20170312213205p:plain

 

僕は後期に必修の単位と全カリの単位、合計4単位が残っていたので前期は休学することにして、こんな1年間を送っていました。

 

休学の手続きをしよう

立教大学では半期60,000円で休学をすることができます。(意外と安い?)

休学手続きの申請期限は

  • 前期 5月31日
  • 後期 12月3日

と意外とゆとりがあるので、ゆっくり考えても良いと思います。

 

詳しくはこちら(2017年現在)

休学制度について

 

学費を用意しよう

僕の留年生活で一番大きな課題となったのが学費です。

大学によっては残りの単位数分学費を払えば良いところもあるそうですが、立教大学は半期分きっちり払わなければいけません。


僕が所属していたのは理学部生命理学科だったので765,750円が後期分の学費として必要になりました。4単位のために76万円も払うなんて馬鹿らしいですね。(自分が悪い)

 

詳しくはこちら(2017年現在)

2017 年度 立教大学 学費・その他の納入金一覧表

 

22年間生きてきて1度も貯金をしたことがなかった僕は、初めて家計簿をアプリでつけ始め、休学の期間中は有給のインターンを始めました。延納制度なども活用し、なんとか期日までに入金することができました。

 

延納制度を活用しよう

僕は学費を10月までに用意することが厳しかったので、延納制度を利用し12月に入金日をずらし期日までに入金することができました。

 

2016年度 立教大学 学費延納願

 

この学費延納願いというものを記入し財務部へ提出することで手続きが完了しました。
最新の学費延納願いを大学HPから印刷するか、財務部で直接受け取って記入してください。

 

学生証を取りに行こう

今持っている学生証の有効期限は入学年から4年後になっているはずです。
有効期限が切れていると、身分証明や学割にはもちろん使用することができません。

現在の学生証と引き換えに新しい学生証を学生部で受け取りましょう。(以外と素早く受け取ることができました。)

 

わからないことがあったら学生部に聞こう

基本的に学生部の方々は「留年してしまったのですが…」と受付へ行くと、察してくれて慣れた感じで対応してくれます。(哀れみ)
学生部以外のこともここで聞くといいと教えてくださるので、どうしたらいいかわからなくなったら1度相談しに行くと良いと思います。

 

3.次の1年に備えよう

卒業旅行には行っておこう

周囲の友達と旅行に行くことはきっといましかできません。
あなたが来年卒業するころ、周りの友達は社会人で旅行へは行きづらくなります。
たとえそれが留年旅行になったとしても、卒業旅行の予定は入れておくといいと思います。

単位を取る準備をしよう

サークルに入っていて後輩などがいない限り、次の1年間は一人での戦いになります。
友人と会える今のうちに単位を落とした授業のノートや過去問をもらっておきましょう。(自分で勉強しろ)

 

後悔のない1年を送ろう

留年が決まってどうしよーと思っていたとき、僕はこのマンガを読みました。

アゲイン!!僕の好きなマンガの1つです。

高校生の主人公が高校卒業式の日に3年前へタイムスリップしてしまい、高校生活をアゲインする(やり直す)というお話。

ちょっとだけ留年した僕たちと状況が似ていて、大学生活をアゲインしていると考えると、大学4年間で、あんときできなかったこと、後悔したことがきっと今あるはず。

それをこの一年で全てやってしまおうではありませんか。

 

色んな方にご迷惑をおかけしたり、お金のことが大変だったりするかもしれませんが、社会人のスタートが1年遅れても、就活をもう一回やることになっても死ぬわけではないと思うので、残りの学生生活1年間を楽しんでください。

 

卒業できたのにこの記事を読んでくださった方々は、留年しそうな後輩たちにこの記事を届けてくれると嬉しいです。

 

それではみなさん良い1年をお過ごし下さい。

生物やってた理系学生が未経験からデザイナーをめざすわけ

f:id:genai17:20170312161027p:plain

こんにちは、デザイナー1年目の@17_makotoです。

僕は普通科高校を卒業し、4年制大学で生物を勉強してきました。
いま、はたから見たらこれまでのキャリアとほとんど関係ない、デザイナーになろうとしています。

「なんでデザイナーになろうと思ったの?」と聞かれることがちらほらあるので、デザイナーになろうと思ったきっかけとこれからをゆるっと書いていこうと思います。

きっかけは東進のアルバイトと、アメリカで感じた危機感でした。

パワポで知ったデザインの楽しさ

僕は受験勉強をしていた東進で大学1年生から4年間アルバイトをしていまいした。

「夏休みのガイダンス」や「スタッフ研修」などイベントを多く任され、「企画→資料作成→プレゼン」を何度も繰り返しているうちに、自分の考えを自由自在に表現することのできるパワーポイントにハマりました。

スライド作成はいくらでも突き詰めることができ、試行錯誤をしているうちに、図形を見えない線に合わせるとか、色をカラーパネルからしか使わないとか自分なりにデザインにこだわりが出てきました。

もっと良いものをつくりたいと「パワーポイント 作り方」で検索した際なんだこれはすごい、というものに出会いました。

 

www.slideshare.net

このスライドを見て、レイアウト・配色・フォントが重要な要素で、デザインには基礎の理論があったらしい。

デザインはフィーリングじゃなくて、科学なのかもしれない。と思ったのがデザインに興味を持ったきっかけでした。

しかも同僚が「スライドがわかりやすい!」と、褒めてくれる。何だこれはめちゃ楽しいじゃんとなったわけです。

デザインの基礎を知るようになってから、パワーポイント以外のものに対する考えも変わっていきました。

1時間のイベントの中で、受験勉強をネガティブにとらえている生徒のモチベーションをどうやったらあげられるか。
どんな順番で何の話をすれば聴いてくれるだろうか。そのときの生徒はどんな気持ちだろうか。

目的に対してどんなコンテンツが最適か、という風に考え方が少しできるようになったと思います。
生徒の顔を想像しながら打ち手を考えるプロセス。イベントで実際に表情が変わる瞬間を見れるのがたまらなく楽しかったです。

その場で飛び跳ねてしまうくらい。笑

その後、企画やマーケティング、もちろんデザインに興味を持つようになりました。
とはいえただの理系学生だった自分は、デザインをする人、デザイナーのなりかたもわからず、既に専門学校や美大で勉強している人たちがいる中で、「デザイナーになんてなれっこない」と思っていました。

 

シリコンバレーで感じた危機感

そんな中、2016年の2月シリコンバレーへ行く機会がありました。
会った人たちは自分と同世代、年下でも既に活躍していて、実績を持っていました。
そんな彼らに「What are you doing?」と聞かれたときに「I’m a student...」としか答えられない自分がいて、「いままで何をしてきたんだろう」「自分には何もないな…」と、とても悔しい気持ちになりました。
日本の就職活動では「あなたは何ができるんですか」とは聞かれないけれど、このままではまずいと感じました。

このとき「自分はこれから何で生きていくんだ」と考え、自分も好きで課題解決に対して大きな威力のあるデザインで生きていきたい。
自分より何周も先走っている専門生や美大生がいるかもしれないけれど、今自分がやりたいことを精一杯やろうと決めました。

 

いま思うこととこれから

「できっこない」と自分に言い訳することなく、自分の好きなデザインで、やりたいことをやって命を使い切ったと言える人生を送りたい。「この仕事好きでめっちゃ楽しいんすよ」って言ってる大人になりたいですね。笑

やりたいことを精一杯やって生きる人生がいいと言ったけれども、
自分がどうしてもやりたいことがあっても、やり方を間違えるとただのわがままになってしいます。

それが個人でなく企業になると、
ビジネスサイドにどうしてもやりたいことがあっても、それを一方的に押し付けてはいけない。きっとユーザーは振り向いてくれない。意味がない。

ユーザーが使いたくなる、楽しくなる仕掛けをつくる必要があります。デザインにはその仕掛けをつくる力があると思っています。

そんなことを考えていた中、運良くこんなことを仕事でやっていけそうな会社で働けることが決まりましたので、稲毛はこれから、ひとひねり、みんな(ユーザーもメンバーも自分も)が楽しくなる仕掛けをつくれるデザイナーを目指して努力を重ねていこうと思います。