岡本達彦(おかもと・たつひこ) 株式会社アカウント・プラニング代表取締役 販促コンサルタント 広告制作会社時代に100億円を超える販促展開を見て培った成功体験をベースに、難しいマーケティングや心理学を勉強しなくてもアンケートから売れる広告を作る広告作成手法を日本で初めて体系化する。業界を問わず、お金をかけないで簡単にでき、即効性もあることから、全国の公的機関、経済団体、フランチャイズ本部からセミナー依頼が急増し、社内に仕組みとして取り入れたいという会社からのコンサルティング依頼は後を絶たない。著書にアマゾン上陸15年「売れたビジネス書50冊」にランクインし、販促書籍のベストセラーとなった『「A4」1枚アンケートで利益を5倍にする方法 チラシ・DM・ホームページがスゴ腕営業マンに変わる! 』(ダイヤモンド社)などがある。 売れるキャッチコピーの秘密 「広告をつくってはみたものの、まったく反応
17 Effective Dropdown Menu resources | Underworld Magazines NYC | ドロップダウンメニューのデザインネタがまとまってます。 ソースを見ることもできるので、ドロップダウンメニュー実装の際に参考にされてみてはどうでしょうか。 ドロップダウンといっても様々なデザインのアプローチがありますね。 関連エントリ CSS3を使ったMacライクでクールなドロップダウンメニュー「CSS3 Dropdown Menu」 複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」 クールにアニメーションする水平ドロップダウンメニュー実装jQueryライブラリ
ようやくHTML5に興味を持ち始めました。 サンプルを以前記事にして、凄いなーと 思っていましたが、なかなか時間がなく、 先延ばしに。で、ようやく頭に入れ始めま した。なにするにも行動が遅くて困ります。 HTML5でも話題になっているCanvasを勉強し始めました。そんな中で、勉強の参考になりそうなサイトをブクマしたのでこれから学ぼう、とお考えの方とシェアしたいと思ってエントリー。 というわけで、基本的な情報がほとんどです。大量の情報を見ても混乱するのである程度絞っています。 html5.jp リファレンスサイトです。リンク先はcanvasカテゴリに。ここからスタート、というか最後までたぶんお世話になりそう。 html5.jp ~HTML 5で導入されるcanvas要素の使い方~ 同じく教科書的なサイト。ありがたい。まだ、ざっと読んだだけですが、すごく分かりやすかったです。 ~HTML 5
ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し(hタグ)のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 ※追記6/24 HTMLのマークアップをpからh3に置き換えました。 見出し(Headline)のサンプル集 色やボーダーサイズ等の装飾部分は お好みで編集してください。 見出しサンプル01 .selector01{ border-left:7px solid #e3297d; padding:.6em .8em } 見出しサンプル02 .selector02{ border-left:7px solid #ccc; border-bottom:1px solid #ccc; padding:.6em .8em } 見出しサンプル03 .selector03{ bor
Webleed Design is the portfolio site of Bryan Katzel. As a professional designer, Bryan's world revolves around all things "print". His work includes package design, illustration, branding, toy, poster and advertising. Bryan holds a creative position focusing on design and developement for the toy & game market. The position has opened his eyes to package design and the retail toy market. Here are
Dragdealer JS ドラッグを必要とする様々なUI実装に使える「Dragdealer JS」。 マウスを使ったドラッグ&ドロップ操作というのは、スクロールバーや、スライダー等色々と存在しますが、そういった処理を一手に引き受けてくれるライブラリのご紹介です。 要素を動かした後のコールバック関数が指定できるので、ドラッグ&ドロップ後の処理が自由に記述できてアイデア次第ではなかなか便利なUIが作れそうです。 横スライダー 縦スライダーで文字サイズを変更するサンプル 横スライダーで文字サイズを変更するサンプル ドラッグで移動させるスライドショー 予め用意されているUI実装をするのもよいですが、ドラッグ&ドロップに関する新しいUIを思いついた場合にも参考にしてみるとよさそう。 関連エントリ IEにも対応!ブラウザ上でローカルにストレージを作るJavaScriptライブラリ「jStorage」
I love minimalist ads. They feel like they were created without much effort. They are usually quick and easy to get. They minimize visual clutter. The signature of a minimal advertisement is the use of few elements, single color and handful of words to deliver a simple yet witty idea. Lego. Imagine… It´s faster than you think: the PSR 14,4 LI-2 cordless screwdriver. Food, it’s no use hiding. Your
逆に目を引いてしまう簡単すぎる広告デザイン色々がまとまったエントリのご紹介です。 広告デザインというと派手なものを思い浮かべがちですが、逆に派手なものばかりの中で、シンプルなものを見ると逆に目を引きますね。 そのシンプルなデザインのものが色々とまとまった面白いエントリがありましたので以下に一部ご紹介。 特に目を引いた物。 アスキーアートが逆に目を引きますね。 お皿の上に描かれたソースっぽいデザインが何なのか、気になります リステリンの広告。シンプルですがつい目をひかれますね。 レゴの広告らしいです BMWの広告に「BMW」と書いてあるだけ。これはシンプルすぎて凄いです(笑) 全て見るには以下のエントリを参照してください。 66 truly great minimalist ads | creativebits
Pattern Tap : Organized Web Design Collection of User Interfaces for Inspiration and Ideas. The CSS Gallery Alternative - Pattern Tap パーツごとのデザインが盛り沢山で参考にできる「Pattern Tap」。 結構前に話題になっていたようですが知らない方もいるようなのでご紹介。 アーティクルカテゴリに入ったデザインのパターン(188種類) ページネーションのパターン(102種類) コメント・コメント欄のパターン(45種類) これらの他にも、ページフッター、404ページ、ポートフォリオといったカテゴリが全部で45種類あります。 パーツごとのデザインに迷った際に参考にするとよいですね。
Morning Sunset スクロールさせると日が沈んでいく面白いサイト「Morning Sunset」 スクロールが進むにしたがってbackground-imageが徐々に変化して青空が夕焼けになるというもの。 次のように夕焼けに。 面白い驚き効果なので応用してみると面白いことができるかもしれませんね。
10 examples of futuristic CSS3 techniques 近未来に頻繁に使われるであろうCSS3サンプルがまとまっていました。 本ブログで以前に紹介したものも多いですが、まとまっていて便利そうだったのでご紹介。 吹き出しをCSSオンリーで実装 シャドウ&グラデーション付きの立体ボタン 枠付き写真をCSSで実装 ポラロイド写真風 角丸ファンシーなフォーム実装 立体的なドロップダウンメニュー MacOSのインタフェースをCSSで実装 近未来においては、こうしたものを組み合わせつつ更にJavaScript等とも組み合わさって今では信じられないインタフェースになっていそうな気がします。 1990年代後半の時代を振り返ってみると、あの当時当たり前だったサイトが一部のサイトで見られるものになるような、同じような状態になっているのかも。 関連エントリ CSS3等を使ったサンプル
5 Must See HTML5 Sites 見ておくべき、かどうかは分かりませんが、HTML5の可能性について知ることができるサイト集です。 ビデオ、キャンバス、ドラッグ&ドロップ、ストレージ等HTML5のデモ集。 サポートブラウザの対応もアイコン付でわかりやすいサイト。 CanvasでWindowsのPaintを実現した凄いサイト HTML5で書かれたサイトのギャラリーサイト。 といった感じでHTML5について学べるサイト集。暇なときに眺めるだけでも予習になりそうですね。 関連エントリ 無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」 最近公開のHTML5関連の参考サイト色々まとめ
25 Creative Single Page Websites With Awesome JavaScript Effects 一見の価値ありな、1ページのJSサイト集がまとまってます。 1ページとはいえ、JSでページを1ページ内でスクロールするのでコンテンツは複数ページと同等です。 アイデアが秀逸なものが多くて感心するものが多いです MelissaHie ページがパネル風に分かれていて、ページ全体がダイナミックに移動するサイト DanteStyle 横にズラッとページが配置されていてアニメーションで切り替わる Webleeddesign ページが縦にスクロールされるのですが、そのアニメーションがなかなか秀逸です。 Howarths ページをめくる風のUIが実現されてます。 他にも色々あるので真似してみるのもよさそうですね。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く