すべてはファーストビューで決まる！日本発の美しいヒーローヘッダーのホームページ20選
*「メラビアンの法則」*という言葉を聞いたことがありますか？ アメリカの心理学者であるアルバート・メラビアンが1971年に発表した論文「Silent messages」の中で紹介した研究結果を法則化したもので、コミュニケーションで相手に与える印象は視覚情報と聴覚情報の9割で決まるというものです。 ホームページ閲覧時においても「メラビアンの法則」は当てはまります。 つまり、書いてある内容がどうであっても、最初に目に入ったホームページのデザインによって印象が決まってしまう、というものです。 もちろん、最終的には書いてある内容が役に立たなければ意味がないのですが、まず書いてある内容を読みたいと思ってもらえないと始まりません。 よく「ファーストビューが重要」と言われるのは、このような心理的な作用が背景にあります。 ファーストビューの中でも、特に*「ヒーローヘッダー」*は大きな面積を占めます。「ヒー
CSSのみ！動きのあるデザインをコピー＆ペーストで実装できるサンプルコード集
自由度の高い表現が可能になったCSS3は、簡単なアニメーションや動きをつけることもできます。 今回は、CSSだけでできる動きのあるデザインをピックアップしてご紹介します。 フロントエンジニアの方にとっては、CSSテクニックのレパートリーが増えるだけでなく、コピー＆ペーストで手軽に利用できますので、動きのある表現をしたいという時に取り入れてみてはいかがでしょうか。 CSSだけで表現できる動きのあるテクニックまとめ 1.CSS3フルスクリーン背景スライドショー DigitalSkill CSSのみでフルスクリーン背景のスライドショー、タイトル表示をおこなうチュートリアルです。 アニメーション部分は、複数パターンのサンプルデモを公開しています。 2.Fullscreen Overlay Effects codrops クリックすると、フルスクリーンのオーバーレイがかかるエフェクトのサンプルです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
