aitakahasshi95

aitakahasshi95

Logical design

・ハレーションの回避 補色（反対色）を活用する 目立つ色表現となる ex）赤と緑は補色の関係にあり、ハレーションが起きる。 そのため赤と緑の間に白を追加することでハレーションを回避している。 ・明度差 明度差を活用することによってメッセージの優先度を決定する 明度差が大きいほど、伝えたい優先度は高くなる 　 ・前後関係 前後関係で優先 背景に動きがあっても、メッセージの視認性が守られているのは前後関係が存在しているから ・パーツの大きさ 　 ・角丸の使用は難易度高め 　

aitakahassh…

    • ジェネレーターを使用したwebフォント化

      google font google font(jp) https://googlefonts.github.io/japanese/#mplus1phttps://googlefonts.github.io/japanese/#mplus1p google font(en) https://fonts.google.com/ google webfont以外も使いた時 フォントジェネレーターを使用するhttps://www.fontsquirrel.com/tools/

      aitakahassh…

      • favicon設定

        Faviconの設定方法 step1：Favicon画像複数サイズを作成 16px×16px 32px×32px 48px×48px 64px×64px step２：png形式で保存 step３：index.html階層にicoファイル作成 複数サイズ展開したfavicon画像入れる step４：index.htmlの内に記述 ex) type指定 ーico形式の場合：image/vnd.microsoft.icon ーGIF形式はimage/gif ーPNG形式はi

        aitakahassh…

        • 効率よく作成する方法ーbanner

          memo1 Step1：Photshop　または　Illustratorで構成を作成。 Step２：素材収集（写真・イラスト・テクスチュア） Step３：素材作成（適宜Illustratorなど） Step4：構成に作成した素材配置 Step5：サイズ展開

          aitakahassh…

        Logical design

        aitakahasshi95

          よく使うショートカットキー − Customize

          ・Photohsop – ショートカットキー作成 memo 　・ショートカットキーカスタマイズ　 　　Alt + Shift + Cmd + K 　・ガイド 　　Cmd + : 　　Cmd + P　新規ガイド 　　Cmd + 1 シェイプからガイド 　・シェイプ（ツール） 　　M　　　　長方形 　　L　　　　 楕円形 　・アートボード 　　B　　　　　ツール表示 　・回転 　　Opt + Cmd + P 　・スマートオブジェクトに変換 　　Shift + Cmd + E 　・

          aitakahassh…

          よく使うショートカットキー − Customize

          aitakahasshi95

          test

          test

          aitakahassh…

          test

          aitakahasshi95