まるごとホームページへのご要望ありがとうございます。
レスポンシブ版のメインメニューの色設定にグラデーションの設定が追加されました。
これまで立体的や奥行きのあるデザインは背景色や画像の重なりを用いて奥行きを表現していましたが
背景色や文字色に複数色(透明度)を組み合わせたグラデーションを設定できるようになりました。
これにより1つの色設定でもブランドカラーやテーマカラーをより忠実に再現できて、
さらに立体感や奥行のある表現が可能になります。
<ご要望>
文字や背景の色にグラデーションを使用したい。
色設定はオフィシャルサイトの雰囲気を大きく左右する重要な要素です。
InstagramのやGoogle「G」ような企業を代表するアイコンのグラデーションも
単なる装飾でなく、ブランドカラーとして明確な意図をもって設定されています。
是非、ご活用ください。
◆メニュー配色サンプル
①グラデーション設定なし(既存設定)
現在のページ :背景色… 文字色…
通常時 :背景色… 文字色…
マウスオーバー:背景色… 文字色…
アニメーション:背景色…
通常時 :背景色… 文字色…
マウスオーバー:背景色… 文字色…
アニメーション:背景色…
②グラデーション設定あり
現在のページ :背景色… 文字色…(青⇒赤、透明度混在)
通常時 :背景色… 文字色…(透明度混在)
マウスオーバー:背景色… 文字色…(透明⇒ピンク)
アニメーション:背景色…(緑⇒透明⇒緑)
通常時 :背景色… 文字色…(透明度混在)
マウスオーバー:背景色… 文字色…(透明⇒ピンク)
アニメーション:背景色…(緑⇒透明⇒緑)
設定画面例
青⇒赤、透明度混在、角度115°
緑⇒透明⇒緑、角度90°
※角度0°は下から上に向かったグラデーションになります
