H1一つでここまで出来るCSS見出しデザインのアイデア9個 / SQUEEZE - Web Design Studio -
HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);
Webデザイナー必見！訴求力の高いランディングページを作成するときのコツ | サイブリッジラボブログ
Webデザイナー必見！訴求力の高いランディングページを作成するときのコツ by もも · 2011-11-16 こんにちは、デザイナーのももです。 最近ランディングページを作成することが多いので、今回は訴求力の高いランディングページを作成するときのコツを「構成」「コピー」「デザイン」の3つにわけて、ポイントを書こうと思います。 まず、大前提としてランディングページから成果を上げるためには、 「誰」に、「何」を、「どのように訴求していくか」 をきちんと考えたうえで、ページの構成要素やデザイン、キャッチコピーを制作していくことが大切です。 また、作成する前に何をもってコンバージョンの成果にするか「コンバージョンアクティビティ」を決定する必要があります。成果はお客様としっかり話し合い、明確にした上で作成を始めないと後々トラブルの原因になります。 構成のポイント ヘッダー ナビゲーションなどの余計
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
