トマシープが学ぶ

Unity/VR/AR/デザイン好きのミーハー 記事内容は自分用のメモです

デザイン大全39種類やっていきたかった【デザイン修行Part3】

39種類のデザイン(12章)が載ってるのでやっていく〜

イメージをパッと形に変えるデザイン大全

Part1

bibinbaleo.hatenablog.com

Part2

bibinbaleo.hatenablog.com

いつものようにYoutubeのサムネメイン

ビビンバ_トマシープ - YouTube

Chapter1 きれいな

01:透明感

ホワイトスペースを大きく

海とかガラスとか透明感のある写真を使う

色は寒色系や白

f:id:bibinbaleo:20210329201302p:plain

02:ピュア

淡いピンクや青

情緒を感じる絵を大きく

f:id:bibinbaleo:20210329202527p:plain

難しいね・・・

f:id:bibinbaleo:20210329203723p:plain

03: 洗練された

お花

04: シンプル

muzukasi・・・

Chapter2 明るい

05: さわやか

彩度の高い青と黄色を使う。動きをつける

f:id:bibinbaleo:20210330221344p:plain

f:id:bibinbaleo:20210330221347p:plain

06: 若々しい

青・黄色。ピンク

文字をはみ出す

さわやかとおんなじ感じになった

f:id:bibinbaleo:20210401212418p:plain

見にくっ!

07:フレッシュ

お花や野菜、木目などの自然を使う

手描き文字がいいんだって

f:id:bibinbaleo:20210401213719p:plain

Chapter3 かわいい

08:やわらかな

曲線、パステルカラー、ホワイトスペース

09: 女性的な

色々なピンク

曲線の装飾

セリフ体や手書き

10: ロマンチックな

物語のワンシーンのように

グラデーション

f:id:bibinbaleo:20210405221601p:plain

f:id:bibinbaleo:20210405221607p:plain

youtu.be

Chapter4 おしゃれな

11:カジュアルな

色数抑えめ。落ち着いた感じ

黄ばませる

味のある書体や手書き

日本語バージョン

f:id:bibinbaleo:20210406213821p:plain

f:id:bibinbaleo:20210406213828p:plain

12: カフェ風

ジャパリカフェやった後にカフェ風が出てきてわろた

少しだけ非日常感を出す。

茶系+彩

緩めなフォント

イラスト入れる

Linustockさんのイラストが雰囲気に合っていてとてもよさそう。

www.linustock.com

f:id:bibinbaleo:20210406215910p:plain

ただ、pngとepsしかないのでFigmaで色を変えられない;;svg欲しい〜

イラストを入れたいがために謎の構図にしてしまった

13: シンプルカジュアル

 モノクロベース

f:id:bibinbaleo:20210429201315p:plain

youtu.be

Chapter5 楽しい

14:ポップ

以下楽しいデザイン

ポップなイラスト、黄色、文字装飾、メリハリ

15:元気あふれる

コントラストの強い写真、カラフル、主役を大きく主張をデカく、太い文字

16:遊び心

あえてバラバラフォント、配置、ガチの手書き文字、シール貼る、カラフル、デコる

f:id:bibinbaleo:20210429205424p:plain

なんか不思議なのができてしまった。Youtubeにありそうではある

17:子供向け

キャラクター、明るい色、大胆に、間抜けなフォント

 

前回作ったのだけど、これ当てはまりそう。キャラクターいるし、ふにゃふにゃだし

www.youtube.com

Chapter6 ナチュラルな

18:あたたかな

笑顔の写真、日常、ベージュ、暖色

19:素朴な

彩度低く、筆文字

20:生命力に溢れた

自然を主役に、文字小さく

f:id:bibinbaleo:20210501214918p:plain

手抜きみたいになった

youtu.be

Chapter7 信頼感

21:ビジネスに合う

真下、真正面、モノクロにコーポレートカラー、青

22:大人の風格がある

下に重心、金色、黄ばみ、彩度低め

23:整然とした

グリッド、同じアングル並べる、スタンダードフォント

f:id:bibinbaleo:20210501222111p:plain

フォント変えるだけでいい感じになった。

youtu.be

 

Chapter8 高級感

24:エレガントな

彩度を落としたピンク、金、モノクロ、美しい曲線、ゆとり

www.youtube.com

25:格調高い

白・金・紺・緑

26:シック・クラシカル

暗い中で何かが光ってるような感じ

石碑に書かれた文字

f:id:bibinbaleo:20210504205650p:plain

このフォント使った

f:id:bibinbaleo:20210504205739p:plain

Chapter9 力強い

27:インパクトのある

煽り写真、主役ドーン、はみ出し、背景とコントラスト、切り抜き画像、赤、太いフォント

それってシンゴジラじゃん・・・

シン・ゴジラ

私もちょうどゴジラの動画あったので作ってみたけど、むずいね・・・

youtu.be

もともとデフォルトのUnityの空だったけど、コントラスト上げたら、ガチでゴジラがいるみたいになった

f:id:bibinbaleo:20210504220238p:plain

文字がわからん;;

f:id:bibinbaleo:20210504221105p:plain

28:躍動感のある

ライン、斜体、斜め、はみ出し、距離感、動きのある写真、赤黒、黄黒、角ばったフォント

29:男性的

黒の強さ、文字太く、重ねて粗雑に、大きく、人物なら目が重要

Chapter10 心に響く

30:情熱的な

赤、主題を決める

31:アーティスティックな 

ありえない組み合わせ、伝えたい世界観

You are ROTTENGRAFFTY (完全生産限定盤)

32:斬新な

ずらす、斜め、危険を感じる色、色を半々、文字で遊ぶ

無理だ!助けて!!

f:id:bibinbaleo:20210505214656p:plain

youtu.be

Chapter11 かっこいい

33:クールな

モノクロ、彩度の低い青、グリッド

34:スタイリッシュな

色々組み合わせる、枠に写真を埋め込む

Jazz Sabbath

Jazz Sabbath

  • アーティスト:Jazz Sabbath
  • 発売日: 2020/04/10
  • メディア: CD
 

枠にはめ込むのできなかった・・・文字で画像を切り抜くのどうやるんだっけ

f:id:bibinbaleo:20210521222410p:plain

35:パンク・ロックな

荒い質感、プロパガンダ、荒い太いフォント

Chapter12 ミステリアス

36:サイバーな

黒の背景に光るもの。無機質、強い光、ゴシック体とか

 

37:無機質な

CG、謎の言語、謎の物体

38:光を使った

人工的な光、紫、ネオン管

f:id:bibinbaleo:20210530221457p:plain

www.youtube.com

39:影を感じる

強いノイズ、頭蓋骨、モノクロ写真、ピント合ってない

番外編

サムネサイト

良いサムネを集めたサイトがあった!どれもすごい

thumbnail-gallery.net

daigoのサムネの色使いが爽やかポップで好き

www.youtube.com

www.youtube.com

FirstTake

やってみた

f:id:bibinbaleo:20210505102556p:plain

フォントがオリジナルっぽいので似てるのがなかなかない

www.youtube.com

それにしても、F/T とかnの○とか結構独特だね〜。線と○は図形で描いた

角丸&ずらし塗り

Instagramのデザインアカウントで紹介されてた技二つ使った

www.instagram.com

www.instagram.com

f:id:bibinbaleo:20210505102601p:plain

youtu.be


最後に

結局写真じゃんって感じのが多くて難しかった。

ひとつずつやってたら全然先に進まないので、14番からは章の中でひとつやることにした。

でもなんかうまくいかなかった・・・

難しいよ〜〜〜