まるごとホームページへのご要望ありがとうございます。
レスポンシブ版のハンバーガーメニュー・全体背景・スライドボタン・表組みの色設定にグラデーションの色設定が追加されました。
これまで立体的や奥行きのあるデザインは背景色や画像の重なりを用いて奥行きを表現していましたが
背景色や文字色に複数色(透明度)を組み合わせたグラデーションを設定できるようになりました。
これにより1つの色設定でもブランドカラーやテーマカラーをより忠実に再現できて、
さらに立体感や奥行のある表現が可能になります。
<ご要望>
文字や背景の色にグラデーションを使用したい。
単色の背景色や表組みは事務的な印象になりがちですが
グラデーションを取り入れることで安っぽさを抑え、写真とも相性良く
世界観を壊さずに「雰囲気」や「非日常感」を演出できます。
またハンバーガーメニューは開いた際に画面を覆うエリアが大きいため
同様にグラデーションを取り入れることで、より印象的な演出ができます。
本日出勤やピックアップコンテンツなどのキャスト情報枠のスライドボタンでも
閲覧者の「衝動」を後押しする、思わず押したくなるデザイン設計が可能です。
是非、ご活用ください。
◆ハンバーガーメニューの配色サンプル
グラデーションなし


グラデーションあり


◆全体背景の配色サンプル
グラデーションなし


グラデーションあり


◆スライドボタンの配色サンプル
グラデーションなし


グラデーションあり


◆表組み(見出しエリア)の配色サンプル
グラデーションなし


グラデーションあり


※角度0°は下から上に向かったグラデーションになります
