447.2-4基本原則/書体/文字組み

※AIさんに書いてもらった画像です
※この辺もうホントにつまらんのでざっと流します。勉強内容を知りたい方以外は、可愛い猫写真だけ見て行って下さい。
くたびれて爆睡しているゴンゴン。

4つの基本原則

◯近接 /関連する要素は近づけてグループ化

◯整列 /全ての要素を整列させれば一体感が生まれ見やすい

◯反復 /デザインの特徴を全体で繰り返し統一感と一貫性を生む

◯コントラスト /要素に強弱をつけ優先順位や重要性を伝える

 ●文字の大きさ・はっきりとした色の違いなど

じじむさい顔で居眠りしているガンちゃん。

文字の使い方

◯フォント(書体)とは /共通したデザインの一揃いの文字の集まり

<フォントの分類>

 ●和文フォント /明朝体・ゴシック体・その他デザイン書体など

 ●欧文フォント /セリフ体・サンセリフ体・その他

<フォントの使い分け>

 タイトル・見出し・ワンポイント・長い文章で使い分ける

 ※長い文章は読みやすく、使うフォント数は少なく

「乳母はどうしたのじゃ。わらわも先に休むぞ」不満そうなおデン様。

文字組み

◯文字間調整(カーニングとトラッキング)

 ●カーニング /選択した個別の文字間隔の調整

 ●トラッキング /選択した文章の文字間隔を一律調整

◯行間調整(行送り) /1行目の文字の上から2行目の文字の上までの間隔

 ※最適な行間は文字サイズの50~100%・行送り1.5~2倍

◯文字サイズ(ジャンプ率) /見出しと本文の文字サイズの差

 ※ジャンプ率が高いと躍動的・低いと落ち着いた印象になる

「アタチも寝ちゃうからねっ」つまらなそうなボンにゃん。

2023-09-23

445.2-2写真構図

※AIさんに作ってもらった画像を加工しています。

◯写真構図 /写真の中の目立たせたいものを伝えやすくする。

 ●日の丸構図

「この様なものでしょうか?」ちが⋯いや違わないけど意味が丸の方じゃなくて⋯。

<被写体を真ん中に目立たせ強調>「オラはどこに居ても目立つだよ」「ぶんぶんキャッツはこの構図ばっかりじゃな。もう少し変化をつけたらどうじゃ」

 ●シンメトリー構図

<上下や左右が対象で安定感がある>

 ●三分割構図

「3匹で分けんのかよ」「何を分けるのじゃ」「拙者にもくだされ」「アタチにちょうだいっ」「オレにくれよー」意味が違いますっ。

<縦横を三分割した線の交点に被写体を配置して余白や空間を意識させる>「僕の場合は顔が右3分の1に寄ってるんすね」

 ●対角線構図

<被写体を対角線上斜めに配置して動きや奥行きを出す>「オラななめずら〜」

※複数の被写体を配置するとバランスも整う

 ●三角形構図

「三角ってこんなポーズかしら」「拙者の顔も三角おにぎりみたいでござるよ」

<下が大きく上が小さくなるようにして安定感を出す>

 でもママの写真だと、安定感より不安感が出てない??

2023-09-22

443.1-2デザインの進め方

※生成AIさんに作ってもらった画像を加工

◯優先順位をつける

 ●伝えたいメッセージと合うデザイン

  伝えたいことを整理して大事な方を優先・強調

※伝えたいコト 左・ドンごろーは可愛い 右・散らかってどうしようもない家

◯メリハリをつける

 ●構造にメリハリをつける

   重要度が高い方を強調・情報構造を明確化(並列・順列・・階層・網目)

並列・ぶんぶんキャッツ現役メンバー
順列・年齢順
階層・エライ順
網目・それぞれの所属

◯ビジュアルに置き換える

 ●テキストをビジュアルに置き換えるメリット

  情報量・伝達スピード・言葉がわからなくてもOK・より直接的な表現

 <置き換えの例>

  写真・イラスト・グラフ・図解・サイン・アイコン

※イラスト類は全て生成AIさんに作ってもらいました。

◯世界観を作る

 ●世界観とは構成要素の掛け合わせで生み出す全体的な雰囲気・方向性

  構成要素

   配色・文字・形・配置

   シンプル・ポップ・ダイナミック

※POPのラインストーン文字はAdobe AIさんに作ってもらいました。説明はApple辞書より。

◯方向性の統一

 ●第一印象は複雑さで決まる

  要素は必要最低限・方向性の統一

※カボチャと新年セットはAdobe AIさんに作ってもらいました。

2023-09-20

441.お勉強始めるにゃ

※生成AI作成画像を加工

 ママはブログを始めた当初はMacのiPhotoで、2017年からはFotorという写真加工アプリを使っています。2022年にはパパが契約しているAdobeフォトプランの2台目登録をしてみて、Lightroomの方は半年ほどで使えるようになりました。しかしPhotoshopの方はお手上げです。22年10月にPCを買い替えたのを機に、自分でアカウント登録をし、本格的に取り組んでみようとしたものの⋯。

 何故使えないのかが分からず、途方に暮れる状態が続き、9ヶ月も経ってからやっと、隠しコマンド(フォトショでは特定のキーを押しながらじゃないと開かない機能がある)に気付くようなおマヌケです。

↓一発変換で空を入れ替えられるのよ。つまらん写真を印象的に仕上げましょー。

 そもそもママは学校やお勉強がとんでもなく苦手なヒト。PCの使い方・ブログの作り方・サイトのカスタマイズなどは、全部自分で検索したりして出来るようにしました。フォトショも当初は、沢山あるチュートリアルを見て自習しようと思っていたら⋯。

 チュートリアルでは上手くいったとしても、自分の写真でやるとダメ⋯。

↓エフェクトをかけた後 目の色だけ変えたのよん。
「なんでオレの加工はホラーっぽくするのさ」

 フォトショには各機能ごとの説明動画も付いてるんです。ただしすごい早口解説なので、何度も一時停止しながら確認しなければなりません。倍速ならぬ低速ボタンが欲しいです。

↓最近やっと背景の一部分の後ろ側に、配置出来るようになったのよ〜。
「拙者 迷子になったようでござるな」

 時間がある時にちょっとずつ触ってれば、そのうち使えるようになるという考えは、完全に甘かったみたいで⋯。

↓モノレールより後方に居るように見えるかな。
「オラ大きくなっただか?」

 10ヶ月経っても、やっと2・3の加工が出来るだけでした。

↓ホラー画像を作る為には加工技術の会得は必須よ。
「ここはどこだっちゃ?」「ワープ座標を間違えたのでしょうか」

 で、結局ママは、Adobeのクリエイティブカレッジを受講する事にしました(アカウントがあればタダで教えてもらえます)やれるかどうか自信がなく、春先から何度も申し込みを躊躇って、ついに3期生に応募しました。来週から12月半ばまで、初級18講座その他諸々頑張って、真面目に取り組むつもりです。

↓水面に写り込みを入れたのよ。
「これ何よっ」「乳母の仕業じゃな」

 これから年末までは、時間的に今までのような記事は書けないので、お勉強の進捗状況だけ報告する予定です。

↓灯台から光が出てるように作る練習のハズなんだけどぉ。
「僕 新しいワザが使えるようになったんすよ!」

2023-09-09

439.ワル顔選手権

 ワル顔ならば、まず何と言ってもゴンゴンです。冷蔵庫の上から下に居る子達を見る表情に、性格の悪さが滲み出ています。

 何やら薄笑いを浮かべて見下ろし、ニヤリと笑みを浮かべ⋯。

 鼻にシワを寄せて吠えまくります。

「あれ?オレ何やってんだ。これじゃイメージ悪化するじゃん」「前回かわいい選手権で優勝したのにな」してませんっ!

 性格の良いガンちゃんも、ふとした瞬間に化け猫化します。「私がですか?」自覚はないようです。

 ドンごろーは後ろの気配を窺いながら舌なめずりしていますね。

 なかなかのワル顔になってます。

「え〜?オラはいつもキャワイイんだよ」「なんたってかわいい選手権の優勝者ずら」違いますって。

 コバンもワル顔で大笑いします。「いやいや拙者は真面目なのでござるよ」

 ダンゴ君は舌を出してやる気満々です。「勝負なら僕は負けませんよ」

 出来るだけワルい顔をしようと頑張ってます。

 最後には雄叫びをあげました。

 さぁ 誰が一番のワル顔か、皆さんが決めて下さいね。

2023-08-26