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

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

4つの基本原則

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

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

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

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

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

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

文字の使い方

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

<フォントの分類>

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

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

<フォントの使い分け>

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

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

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

文字組み

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

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

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

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

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

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

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

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

2023-09-23

447.2-4基本原則/書体/文字組み」への24件のフィードバック

  1. 猫毬::
    え( ゚Д゚)…こんなに凄い速度で勉強なんだ…( ̄▽ ̄;)。。
    猫毬は脳みそが追いつかないので、
    途中からガッツリかわいい画像だけみてしまっていますw
    |\○ごメんなサぃ
    ※学習~ふぁいお~です~(* ̄0 ̄)/

    いいね: 2人

    1. ありがとうございます😀
      内容見なくて良いです😅猫だけ愛でて下さい😸
      凄い速度になったのは最初の週にPCがフリーズを繰り返したり💻出かけなきゃいけない用事があったりその他バタバタが原因です😭
      遅れてる2週目を片付けて早く落ち着きたいです😓

      いいね

  2. へえーーー 四つの基本原則は生け花(現代華)の原則と同じです 他も共通するものがあります 生け花の造形に応用できそう 面白いです

    いいね: 2人

    1. そうなんですか!?😳
      PCサイトの話が他にも応用できるなんて考えてもいなくてテオさんの視点で目から鱗が落ちました😱
      お勉強の意味が理解出来て感謝です🙇

      いいね

  3. なんかコメント欄がいつもと違っちゃってー。ChatBleuです。
    このあたり、フォトショだけでなく、すべてのアプリで有効な内容ですねぇ。一度ちゃんと覚えるといろいろ便利かも。
    私もちゃんとわかってないのがいくつか(^^;)

    いいね: 2人

    1. すみません🙇コメ欄変えたのWordPress.comなので直せません😓
      使用法に入る前の講座はイラレコースと共通で何を使うにしろまず押さえとかなきゃいけないお約束のようですね😅
      やっぱちゃんと覚えなきゃダメでしょうかぁ😭

      いいね

  4. 付いてくの大変そう><
    職業訓練のウェブ講座を思い出します。
    私の時はマニュアル本をなぞるだけだったので、比較になりませんが・・・。
    応援してます。

    ごま大福@まろ

    いいね: 1人

    1. ありがとうございます😀
      すでにメゲそうになってますけど皆様の応援のおかげで頑張れます😅
      ごまさんもウェブ受講の経験がおありなのですね😆
      まだペースというか勉強の仕方自体に慣れなくて焦ってます😣

      いいね

  5. こんにちは。
    4つの基本原則は考え方次第ですが、文字の使い方・文字組み等はパレットの機能なので、遊びながら操作すればマスター可能ですね。カーニングやトラッキング等の言葉を知らないと、仕事等では会話が成立しないので、頭の隅に置いておけばベターです?ハプニングあったみたいですが、適度に踏ん張って下さい。また、備忘録風にブログアップなので、問題なしです!?(=^・ェ・^=)

    いいね: 1人

    1. 元々講座内容に興味のある方達への説明のつもりだったのですが😀ブログ記載が自分の復習ノート代わりになっております😅また皆さんのコメントで気付きがあったり励まされたりしているので記事にしておくのが正解でした😄
      専門用語を覚えておく大切さもBossさんに教えて頂けてよく分かりました🙇
      頑張って覚えます😤(覚えられるんか😓)

      いいね

    1. すみません😢WordPress.comの方で仕様変更したようです😑
      皆さんわざわざお名前を記載して下さってお手数おかけしております😰
      Gravatar登録のテオさん以外はログインできないもようなので問い合わせしますね🤔

      いいね

  6. 文字を書き込む時に必要な知識のお勉強?
    いつもとちがってメアド入れたりできませんが
    ちゃんとコメントできてますかね? ぽち

    いいね: 1人

    1. ぽちの輔さんありがとうございますコメント出来てます😀
      WordPress.comでコメ欄の仕様変更があって皆さんにご迷惑おかけしております😓
      申し訳ありません🙇

      いいね

  7. こんにちは。
    ブラウザを変えたらログイン出来ました。
    お手数をお掛けしました!?(=^・ェ・^=)

    いいね: 1人

  8. ボンにゃん、居心地の良さそうなところにいますね。
    展示会用の名刺をつくる時にphotoshop使ったのですが、それ以来使ってないので忘れちゃってます。
    アドビはafter effectsというのもあって、作例を見る分には結構おもしろいですよ。

    いいね: 1人

    1. ボンにゃんがいるのは籐籠ハウスです😺
      何でもしばらくやらないと忘れちゃいますよねー😅
      after effectsも面白そうですが私の場合まず基本を覚えるのが先です😓

      いいね

  9. おデン様、風船みたいになってる〜😸
    頭に入ってきませんずら。つい教室で寝てしまって怒られるタイプ。
    早いスピードで進んでく感じですね。
    なちでした

    いいね: 1人

    1. おデン様まん丸ですね🤣
      私も頭に入りませんだよ😅書いてて自分で眠くなりました😴
      色々あって遅れを取り戻すために急いでおります😓

      いいね

  10. おおっ∑(・o・;)コメントの仕様が変わってる!
    これでちゃんと梅吉のアイコンが出てるかな、っと
    「返信」をぽちってします〜。
    お勉強はめんどくさいけどコツみたいなのをつかめると良いですよね!?
    って途中から皆にゃんのお写真を楽しむことに専念したので
    どんなお勉強なのかは分かってない私ですwww
    じじむさい顔のガンちゃんがすごく好きー!!(≧∇≦)

    いいね: 1人

    1. コメント仕様の変更で皆さんにご迷惑おかけしております🙇
      私の大好きなスイカ帽子の梅吉さん見えますよ〜😆
      お勉強のコツは遅れを取り戻してペースが掴めると大丈夫になるかな😅
      フォトショを使わない方は記事は読まなくて良いです🤣
      ガンちゃんはキリッとしてる時とじじむさい時のギャップが激しいです😺(別猫の疑いあり🙄)

      いいね

  11. ちゃんと出来た!
    「返信」ボタンの反応を2回押しちゃったみたいで
    「あんた、二重投稿っ!!!」ってWordPressに怒られました(^▽^;) 

    いいね: 1人

    1. 失礼いたしました😓
      注意書き出ますよね😑
      私も怒られたことあるんです😅

      いいね

匿名 への返信 コメントをキャンセル