revision

▽

Web

2022.03.03

参考サイト

Webデザイン用の設定

  • 単位をピクセルに変更
  • 一般のキー入力を1pxに設定
  • グリッド・ガイドの変更
  • ワークスペースをWebへ
  • ツールバーを詳細表示
  • ピクセルグリッドに整合
  • 定規を表示

よく使うショートカット

  • z (ctrl+space) / 拡大
  • z + alt (ctrl + alt + space) / 縮小
  • space / つかんで移動
  • ctrl + 1 / 100%表示
  • ctrl + 0 / 全体表示

課題

2022.03.07

色について

  • 色の三属性
    • 色相
      　色合い・色みのこと
    • 彩度
      　色の鮮やかさ
    • 明度
      　色の明るさ
  • カラーモード
    • RGB（光源色）
    • CMYK（印刷物・物体色）
  • 補色（色相環の対極にある色。アクセントカラーによく使われる。）

色と配色

2022.03.08

Web画像の種類

Web画像について

  • JPG画像
    • .jpg
    • 写真・グラデーション
    • フルカラー（約1670万色）再現可能
    • 不可逆圧縮（保存繰り返すと劣化する）
  • PNG画像
    • .png
    • ロゴ・イラスト（色数が少ないもの）
    • 可逆圧縮（保存しても劣化しない）
    • 透過可能（背景を透明化）
    • PNG24（フルカラー） / PNG8（256色）
  • GIF画像
    • .gif
    • ロゴ・イラスト
    • 256色のみ再現
    • アニメーション可能
    • 透過可能
  • SVG画像
    • .svg
    • ロゴ・イラスト
    • ベクター形式なので、拡大・縮小で劣化しない
    • 古いブラウザに対応していない

写真素材サイト

イラスト素材サイト

2022.03.10

バナー作成参考

2022.03.14

参考サイト

2022.03.15

参考サイト

Webデザイン用の環境設定

  • 単位・定規　→ 単位をピクセルに変更
  • ツール　→ ツールヒントを表示OFF
  • ツール　→ フリックパンを有効にするOFF
  • ツール　→ アニメーションズームOFF
  • ファイル管理　→ 復元情報を次の間隔で自動保存（15分）
  • ガイド・グリッド・スライス　→ グリッド線と分割数を設定
  • 移動ツール選択時の、「自動選択」と「バウンディングボックスを表示」を設定

2022.03.15

参考URL

2022.03.25

参考URL

pageTop