タグ

サンプルに関するGOONEEのブックマーク (2)

  • ランディングページ8要素におけるデザイン表現セオリー(サンプル165点付)

    WebデザイナーがデザインするWebページの一つに、広告を経由して1ページ内で商材の特長を説明し、お問い合わせや購入へと導く「ランディングページ」があります。 ランディングページは、ユーザの興味を惹くビジュアルの魅力(シズル感)を特に強調したり、瞬時に内容を理解させるためのメリハリのコントロール力も特に求められるため、高いクオリティでページ全体をまとめ上げるには、幅広い表現力が求められます。 私もこれまで多くのランディングページのデザインに関わってきましたが、過去を振り返ると、制作に与えられる時間はタイトな割に、ページ内に掲載するボリュームは非常に多く、またメリハリを出すために様々な表現をいくつもの箇所で検討しなければならない、というケースが多々ありました。 デザイナーにとっては、いかにして効率的に、早く、且つ高品質でランディングページをデザインするのか?が大きな課題になるわけですが、多く

    ランディングページ8要素におけるデザイン表現セオリー(サンプル165点付)
  • Google Mapデモ

    Google Maps JavaScript API V3 Example(Demo)一覧 ※ページのiPhone(スマートフォン端末)用デモを見るには、ブラウザはGoogle Chromeを使用して下さい。 はじめに ともかく地図を表示する。(デフォルト:ナビ、地図タイプ、距離スケール表示) WordPressの記事内にGoogle Mapを表示させる アイコンとインフォウィンドウ アイコン(マーカー)+インフォウィンドウ コントロール アンドロイド”Android” コントロール(地図の拡大・縮小) 拡大・縮小用ズームコントロールボタン(地図の拡大・縮小) カスタムコントロール/地図内に現在地に戻るボタンを設置 全画面フルスクリーン表示を切り替えるボタンをGoogleマップ内に実装する マーカー(アイコン)の配列についての検証(2次元配列を理解してみる) for (var i =

  • 1