ウェブデザイン業界では毎年のようにトレンドが入れ替わっていきますが、2014年に話題をさらったのがゴーストボタンでした。
ゴーストボタンは大抵透明で、色はついていないことがほとんどです。背景画像やヒーローイメージにおかれ、CTAボタンとして機能する場合が多いのが特徴です。他にも特徴として以下のものが挙げられます。
・アウトラインで囲まれている
・白黒のテキストとボーダー
・従来のボタンよりも大きめ
・ページ上で目立つ
・独立している場合が多い
・透明度が高く背景が透けて見える
優秀なゴーストボタンは背景とのコントラストが強く、読みやすいようになっています。背景画像に置けば、ページ上に分かりやすいエレメントが存在することになるのでCTAの促進に有効的です。
本記事では、ゴーストボタンについて基本的なところをおさらいしたいと思います。
ゴーストボタンの原点とフラットデザイン
デザイントレンドの元をたどるのは難しいものですが、ゴーストボタンも例外ではありません。「ゴーストボタン」という概念に初めて言及したのはTumblrブログの記事で、その後はAppleのiOS7のUIを中心に進化してきました。Safariのブックマークも、アプリストアにもゴーストボタンが採用されています。
Apple社がゴーストボタンを作り上げたわけではありませんが、iOS
コメント