お勉強:デザイン編/よく分からんが法則的なやつを調査してみよう

テニスのSEOとかWEBのお話

みなさんこんにちはテニスコーチのやぎです。

やぎは以前プログラミングを勉強していました。今後も勉強を続けるつもりですが、それと並行して、デザインの勉強もしてみたい!と思いました。

なぜならノーコードの技術が発達している今、デザインも並行して勉強した方が良いと感じたからです。

そうなったら善は急げということで、学習内容をここでアウトプットするつもりなのですが、これぐらいのプチ学習でやぎが用いているやり方がチャレンジ企画です。

これまで数多く(3つ)のチャレンジをYouTubeにあげてきました。
デッサンチャレンジ
キャラクターチャレンジ
名言チャレンジ

そこで今回チャレンジするのはデザイン。

いつも予め勉強なんてしないのですが、これは生涯スキルになるやも知らんし、単純に興味があるので、一緒に調査してみましょう!!

 

そこでそこで、やぎには秘策があります。こういう学習って「歴史」とかから深堀しちゃうと底なし沼にハマってしまうのですよ。

そこら辺の細かいディテールは未来の楽しみに置いといて、先人が積み重ねた法則を知りましょう。これこそ秘策です。

ではスタート!!

デザインの法則とは

文字だけだらだらと書いても面白くありませんから、以下の画像を成長させていきます。

運動神経アイキャッチ

これはとある記事のアイキャッチ画像ですね。これ気に入ってないんですよ。

タピオカ関係ないし

 

という訳で、この画像がどう変わるのかもお楽しみに♪

どうやらデザインには4大原則があるらしい

どうやらデザインには4大原則があるらしいのです。
近接・・・関連性の差で対象の距離を調節する
整列・・・対象を整える
強弱・・・強調したいものを順番に見せる
反復・・・統一感
参考URL:https://bulan.co/swings/design4principals/
ありがとうございます。

なるほど。

ちょっと喫茶店に人が増えてきて、このまま居座るのがきまづくなりましたから、一度止めます。

 

別日です。みなさんどうも。続きを始めましょう。さっき髪切ったんですけど、良い感じ~☆

それでそれで、なんだっけ。あそうそう、法則でしたね。

ということはですよ。その4大原則ってのが基本と捉えても過言ではないでしょう。もっともの基本を考えたら、結局「人間心理」からDNAとかにたどり着きますから。

で、このアドバイスを参考に先述の画像を見てみると、以下の「間違い」を発見できました。

ぜんぶダメじゃん!!!

まず、感覚ですけど、後ろの机とマッチョお兄さんが戦犯だと思うんです。なので大改造を余儀なくされました。

そしたらこうなりますよね。

ふむふむ。

ここまで真っ白なキャンパスになった場合、どうしたらいいかわかりません。ちょっと別の情報も探ってみましょう。

デザインの要素?

別の情報を探ってみると、確かにまずはここからだなというモノをGET!それは
デザインの前提
デザインの要素
ゲシュタルト原則
デザインの原則
参考URL:https://webnaut.jp/design/620.html
ありがとうございます。

確かにまず【前提】が必要ですね。前提として決まっているのは、
▼運動神経
▼YouTubeとかで目を引く
▽タピオカ

タピオカ関係ねぇ!!

次は【要素】。まずは色ですかね。この記事のタイトルが「運動神経が悪くても大丈夫♪/テニス初心者は「楽しむ才能」こそ結果を生む」なので、安心できる青と楽しめる黄色かな。

そんでゲシュタルトってなに・・・

ゲシュタルト

出典: フリー百科事典『ウィキペディア(Wikipedia)』

形ってこと?まぁなんか全体ってことか。バランス整えようぜってことにしておきましょう。

 

そんで最後が【原則】ですね。これが最初に学んだ4つのことに当てはまるのでしょう。ではこれらを参考にして、簡単に画像を作り変えていきます。

ちょっとムズイなぁ・・・

一回感覚で作りあげてみよう

安心の「青」と楽しい「黄色」

青と黄色は良いけどそれって運動神経に共通するのか・・・

一度ガチで作ってみます。逆にそっから法則を利用して整えていきましょう。

なんかほんとは「大丈夫♪」みたいなところに、お姉さんがグッドマーク出してる奴使いたいんですけど、別に商品とかじゃないし、お姉さんとやぎは面識ありませんし・・・

そんなこんなでできた画像がコレ

 

 

 

どうですかね。ちょっとシンプルな気もするけども・・・。「楽しむ才能が」の所、フォントと色が全然冒険できなくて、こんな感じになってしまいました。

よし、まぁ最初はこれでいいでしょう!!

ちょっと疲れたんでこんな感じでいきます。

なんせ、デザインチャレンジ始める前に、完璧に良い奴なっちゃうと、チャレンジしがいがありませんしね。

ですから、続きはTwitterを見るか、追記されるこの記事をご覧くださいまっせ。

 

ということでデザインチャレンジ1日目

はい。連日パソコンへ向き合えるタイミングがなかなかなかったので、始動できませんでしたが、落ち着きましたから、チャレンジを始めましょう!!Twitter見てねって言ってたのに!!

これが1日目です。

デザインチャレンジ1日目

どうですかどうですか。イイ感じでしょう。正直上で習ったことなど忘れてます!

けれどですね。これで満足してちゃチャレンジし甲斐がありません。反省点などを考えてみましょう。

■印象
・優しい感じかつ、結果らへんは印象深い
・イラストがあって、奥ゆかしき
■反省点
・狙いがよくわからない

 

そう、狙いがよく分からない

 

前提として、運動神経にお困りの方へ届けたいメッセージがここにある。Yo♪
その方に響けココロとカラダ一所懸命。チェケ♪
おれっちの生きざま見せつけてやるぜテレフォンショッキング。Wow♪

ふぅ。

頭で考えるのに疲れてきたなか、二日目へ突入します。

デザインチャレンジ2日目

それがこちら!!!

それっぽくはなりましたね。

ただなんかね。フォントとかムズイ!!どれが適切かよくわからない。こればっかりはもっといろんなバナーとかアイキャッチとか見ていかないと、脳内参考データゼロ。

明日日曜日は、もっと「意味」を深堀して、制作してみます。

 

デザインチャレンジ3日目

そして意味を多少見出した結果がコチラ!!

デザインチャレンジ2日目

「努力の結果~」の文章を消してサッパリさせました。

グラデーションで運動神経に対するネガティブな印象を右へ集約させ、『問題なし』に光が差し込んでいるイメージです。それにしては赤文字だけども。やぎやぎはかわいいので入れました。

ふぅ。最近の楽しみですよね。明日はどんなデザインにしましょうか。

デザインチャレンジ4日目

今回は少しかわいい感じにしてみました。

デザインチャレンジ4日目

 

なんかこう、バナーの画像探してたら、色々な情報が詰め込まれてるなぁと感じます。

けど、バナー参考にしてていいのかな?どっちかっていうと、YouTubeのサムネとかブログのアイキャッチ画像を参考にした方が良いのでは・・・・

デザインチャレンジ5日目

で、参考にしてできたのがコレ!!

デザインチャレンジ5日目

サムネっぽいですかね?

そして気づいたのが、「目を引く配色」これが大事!

そんで6日目へ突入!

デザインチャレンジ6日目

これですよこれ!

デザインチャレンジ5日目

これはもうTwitterで回ってきたフリー素材のサイト使いたかっただけですよね。

そんでさっき、デザインの本読んでたら、ターゲットが大事って書いてたんですよ。

運動神経がないしなぁって思ってるのはほぼほぼアダルティな大人のGET WILDですよね。

ひと~り~では~♪

 

あの後、助言をいただき配色を変えてみました。

デザインチャレンジ6日目2

デザインチャレンジ7日目

確実に初日よりもデザイン力あがってますよね。

そんな7日目がコチラ

デザインチャレンジ7日目

いやーん💛どうですかよ。

もう特にコメントとかないんですけど、もうひと伸び成長したいですね。

そろそろパワポの限界が訪れますよ。

デザインチャレンジ8日目

そしてこれが8日目

ガチ勢感あっていいですよね。

デザインチャレンジ9日目

とうとう9日目まで来ましたよぉ

目に見えて成長してるので、皆様にも挑戦していただきたいチャレンジですが、9日目はこれ!!

デザインチャレンジ9日目

これは読みたくなるでしょう!!!

デザインチャレンジ10日目

はいそして最終日!!

デザインチャレンジ10日目

と、なりましたーーーーパフパフーーー

っで、あなたもお気づきかと思いますけども、画像貼りすぎてこの記事ベリー重いんですね。

なのでさようなら。

 

また別の「お勉強」もしくは「チャレンジ企画」でお会いしましょーーーー

この記事はお役に立てましたか?

The following two tabs change content below.

yagi

立派な教師になることを夢見て2016年10月6日に上京。その後数ヶ月で全財産が11円になる。日払いで食いつなぐなか、「なぜ人は生きるのか」を追求していった結果、股関節と肩甲骨を軸にしたやぎメソッドを生み出す。現在月間5000PVの当ブログを運営する傍ら『テニスをもっとオモシロく!!』するため日々奮闘している。
  • コメント: 0

関連記事

  1. テニスのSEOとかWEBのお話

    お勉強:SNS編/フォロワーとチャンネル登録者数増やす方法を考えてみよう

  2. テニスの動画を募集中_PC

    テニスの動画を募集中♪/あなたのテニスを勝手にアドバイスさせてください。

  3. やぎテニス2020年5月の流入数

    【アクセス数報告】2020年5/1~5/31のアクセス数報告~アクセス数復活した編~

  4. 【YouTubeの軌跡5】再生回数70万回視聴達成!!(チャンネル登録者数今230名様)

  5. テニスのSEOとかWEBのお話

    コロナ後の「空間」は正義か悪か/お金というデータは時間を消費する

  6. やぎテニス2020年4月の流入数

    【アクセス数報告】2020年4/1~4/30のアクセス数報告~ほぼ何もいじりませんでした編~

  7. やぎテニス

    HP完成!!!

  8. テニスのSEOとかWEBのお話

    テニスとSEO

  9. やぎテニス2020年9月の流入数

    【アクセス数報告】2020年9/1~9/30のアクセス数報告~ページビュー爆伸び編~

  10. 【超絶グランプリ】2020年に一番読まれたテニス記事ランキング!!!

  11. やぎテニス2020年8月の流入数

    【アクセス数報告】2020年8/1~8/31のアクセス数報告~下がっとるやないか編~

  12. テニスのSEOとかWEBのお話

    ブログ記事のデザインや書き方を参考サイトをみながらあのやぎが語ってみる回

コメント

  • コメント (0)

  • トラックバックは利用できません。

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


ご訪問者様数

  • 1057月別訪問者数:
  • 41今日の訪問者数:
  • 41昨日の訪問者数:
  • 104781総訪問者数:
  1. 【YouTubeの軌跡5】再生回数70万回視聴達成!!(チャンネル登録者数…

    2021.06.06

  2. やぎテニス2021年3月の流入数

    【アクセス数報告】2020年3/1~3/31のアクセス数報告~正社員なれそ…

    2021.04.26

  3. 【テニス初心者】社会人・大人から趣味で始めてもOK?/本気(ガチ…

    2021.03.18

  4. 【テニスコート4選】八王子/町田/橋本!京王堀之内駅・南大沢駅…

    2021.03.12

  5. 大平公園テニスコート

    大平公園テニスコート徹底解説/駐車場はある?予約やアクセス方法…

    2021.03.03

  6. 内裏谷戸公園テニスコート

    内裏谷戸公園テニスコート徹底解説/駐車場はある?予約やアクセス…

    2021.03.03

  7. 松木公園テニスコート

    松木公園テニスコート徹底解説/駐車場はある?予約やアクセス方法…

    2021.03.03

  8. 上柚木公園テニスコート

    上柚木公園テニスコート徹底解説/駐車場はある?予約やアクセス方…

    2021.03.03

  9. 【超絶グランプリ】2020年に一番読まれたテニス記事ランキング!!!

    2021.02.18

  10. 【検証】テニスのオンラインレッスン!メリットデメリット/こんな…

    2021.01.26

やぎのツイッター

Twitterはコチラの画像

登場人物:やぎやぎ

名前:やぎやぎ
詳細:当ブログ管理人の化身。テニスコーチをしている。誰も得しないことを平気でしてしまう癖がある。恋愛話になるとなぜか顔を赤らめる。
好物:寿司
苦手:細かい作業
口癖:スーパーのサーモン醤油付けずに食べたことあります?

登場人物:やぎこさん

名前:やぎこさん
詳細:ふらっと訪れたテニス教室にそのまま入会してしまうミステリアスな女性。運動神経がなく初心者クラスを抜け出せない。凛とした性格で暴走しがちなやぎやぎの言動を分かりやすく言い変えてくれている。
好物:サバの味噌煮、ナス
苦手:虫(発狂する)
口癖:あなた。呼吸していいか私に聞いたかしら?

【第4回アンケート】あなたの年齢は何歳ですか?ちなみに私は20代です!

  • そのほかの回答はこちら

Fatal error: Uncaught Error: Call to undefined function Smush\Core\Parser\str_contains() in /home/pegasasudon/yagitennis.com/public_html/wp-content/plugins/wp-smushit/core/parser/class-parser.php:373 Stack trace: #0 /home/pegasasudon/yagitennis.com/public_html/wp-content/plugins/wp-smushit/core/parser/class-parser.php(358): Smush\Core\Parser\Parser->sanitize_value('rel') #1 /home/pegasasudon/yagitennis.com/public_html/wp-content/plugins/wp-smushit/core/parser/class-parser.php(157): Smush\Core\Parser\Parser->is_safe('rel') #2 /home/pegasasudon/yagitennis.com/public_html/wp-content/plugins/wp-smushit/core/parser/class-parser.php(120): Smush\Core\Parser\Parser->get_element_attributes('<link rel="shor...', 'https://yagiten...') #3 /home/pegasasudon/yagitennis.com/public_html/wp-content/plugins/wp-smushit/core/parser/class-page-parser.php(35): Smush\Core\Parser\Parser->get_elements_with_image_attributes('<!DOCTYPE html>...', 'https://yagiten...') #4 /home/pegasasudon/yagitennis.com/public_html/wp-content/plugins/wp-smushit/cor in /home/pegasasudon/yagitennis.com/public_html/wp-content/plugins/wp-smushit/core/parser/class-parser.php on line 373