GemPagesで境界線、角、影を追加する方法

境界線、角、影を使用する理由

境界線、角の丸み、影などのデザイン要素は、視覚的に魅力的なレイアウトを作成するための強力なツールです。これらは以下の点で役立ちます。

• セクションとコンテンツの境界を定義する
• 深みと立体感を加える
• 明瞭さと焦点を改善する
• デザインに洗練されたモダンな外観を与える

GemPagesでは、これらの視覚効果を簡単に適用およびカスタマイズできます。 シェイプ設定 エディタで。

境界線、角、影の設定にアクセスする方法

要素の境界線、角、または影をカスタマイズするには、次の手順に従います。

ステップ 1: 要素を選択する

スタイルを設定する要素 (ボタン、画像、コンテナ ブロックなど) をクリックして、その設定を開きます。

ステップ2: 詳細タブを開く

左側のサイドバーで、 高機能 タブには何も表示されないことに注意してください。

ステップ3: 図形の設定を見つける

下にスクロールして シェイプ設定 セクションでは、境界線、角、影のカスタマイズ オプションにアクセスできます。

境界線の設定

ボーダーは要素の端を明確にし、デザインに明瞭さと強調を加えます。要素設定では、ポップオーバー内のボーダー設定を調整できます。これには以下が含まれます。

境界線の色

希望する外観を実現するために、境界線の色を選択します。

枠の太さ

境界線の各辺の太さを個別にカスタマイズすることもできます。

境界線のストローク

境界線のスタイルを選択します:

• ライン： 連続線
• 破線: 破線で作られた境界線
• 点在： 点でできた境界線

コーナー設定

角を使うと、要素の形状をカスタマイズして、デザインに視覚的な面白さを加えることができます。角の半径は手動で入力でき、入力フィールドに推奨値が表示されます。

シャドウ設定

影は奥行きと​​立体感を生み出し、デザインをよりダイナミックで視覚的に魅力的なものにします。

シャドウタイプ

• 光
• 技法
• ビッグ
• カスタマイズ

カスタマイズを選択した場合:

• リーダーシップ: デザイン スタイルに合わせて影の角度 (360 度) を調整します。
• 色圏: デザインの全体的なテーマに合った影の色を選択します。
• 距離: 要素から影がどのくらい離れて表示されるかを調整し、微妙な効果やドラマチックな効果を生み出します。
• サイズ: 影のサイズを定義して、より目立つようにしたり、控えめにしたりします。
• ブラー: 影のぼかしレベルを制御し、シャープにするか、拡散させてより柔らかい外観にするかを決定します。

影の色