みんなタイポグラフィが大好きです。さらに、それが動いたりダイナミックな効果を持って表示されれば、さらに好きになります。
想像力を駆り立てるための方法はたくさんあり、それを使う場所も多くあるのは当然のことです。見出し、キャッチフレーズ、テキストブロックなど、無限にあるでしょう。
最近、テキストの歪み効果に注目が集まっています。グリッチ効果は最も注目されているものです。いろいろなところで目にします。背景、アニメーション、ビデオ、そしてもちろん見出しを飾っています。
ルーカスベッバー氏によるグリッチテキスト
いくつかの美しいタッチでアナログのように見えるクラシックな見た目で、CSSの助けのみを借りて作成されたので、軽量で高速です。テキストが私たちの目を悩ませないように、効果はある程度の時間止まります。その後、さりげなく繰り返されます。
しかし、これは唯一の例ではありません。歪み文字が美しさと全体的な影響を持つものなので、いろいろなところで使われています。いくつかを見ていきましょう。
See the Pen
Ants! (with blotter.js) by Bennett Feely (@bennettfeely)
on CodePen.
ベネット・フェリーによる蟻！
スポンサーリンク
Webデザインで使えるテキストのグリッチエフェクト(歪み効果)を簡単に実装できるCSS12選
マーケティング最新
コメント