IKYU
Design Guideline
デザインフィロソフィー
世界観を作るルール
ブランドロゴ
ブランドカラー
文字
画像
余白
Web制作におけるルール
ディスプレイ
カラー
テキスト
罫線
角丸
影
不透明度
アイコン
トランジション
表記ルール
アクセシビリティ
不透明度は、非アクティブな状態や操作に対するフィードバックを示すための表現方法の一つとして利用します。例えば、ドットナビゲーションでは、現在表示されている要素とそれ以外を区別するために非アクティブなドットに対してopacity(不透明度)を設定します。また、カーソルが乗った時に要素を透過させることでそれがクリック可能であることが直感的にわかるようにします。
Name
CSS
60
opacity:0.6;
75
opacity:0.75;
ドットナビゲーションの例
カーソルが乗った時の例