ワクワクが止まらない…雑誌の見開きページに仕込まれた面白アイデアいろいろ
ワクワクが止まらない…雑誌の見開きページに仕込まれた面白アイデアいろいろ 左上に見えているのは女性の太もも。このままページを開くと、どんな内容が出てくるか想像が付くでしょうか？ あの手この手で見開きを活用した、さまざまなアイデア広告をご覧ください。 左のページはつるつるの足。右のページは……どうやら脱毛の広告みたいです。 とにかく薄いってことが伝わってくるノートPC。 ページを閉じたり開いたりすればトレーニング風景になります。 ページをめくることで腹筋運動。 むやみに閉じたり開いたりしないように。 背中折れますってば。 左の人に荷物を受け取り…。 右の人に荷物を渡す。透明の素材を上手に利用しています。 こちらはグリンピースの広告。 バッサリ。 しおりのヒモが歯間ブラシになっているわけですね。 おなじみ、飛び出す絵本。 右腕のあたりを気にしているお母さん。なんででしょうか？ こちらも右わき腹
よりリッチで、よりフレンドリーになったウェブデザインの現状 -2010年のトレンド
The Current State of Web Design: Trends 2010 下記は記事の意訳と実例をいくつか抜粋したものです。元記事では他にも多数の実例が紹介されています。 はじめに ウェブデザインとは移り変わりが激しい業界です。他のすべての芸術的な表現とまったく同じように、ウェブデザインは絶え間なく、そして驚くほど早いスピードで進化を遂げてきました。 そして現在、私たちはウェブデザインの黄金時代を経験しているところです。それはこれまでのところ、少なくとも最も良い期間です。主要なブラウザで利用できる新しいツール（CSS3, HTML5, 埋め込みフォントなど）、自由に利用が可能な多くのリソース、デザインコミュニティなど、ウェブのスタンダードの信頼性が高いサポートを持っています。 私たちはより良いインタラクションなデザインや審美的なデザインを見ています。そして同様に個人的で魅力
WEB上のボタンをひたすら集めたタンブラー「House of Buttons」
WEBデザインには欠かすことが出来ないボタン。ユーザーインターフェイスに直結する部分なだけに、重要な要素の一つです。今回紹介するのはWEB上で実際使われているボタンをひたすらポストしているタンブラー「House of Buttons」です。 検索ボタンから、支払いボタン、Twitterへの追加ボタンなどなど、様々なボタンが公開されています。公開されているボタンをいくつかまとめて下記に紹介いたします。 詳しくは以下 タグ付けも色で行っているみたいで、ボタンの色味で絞り込むことができます。似たようなものが、たくさんというよりは、集められているボタンの中にもの個性があるような気がします。 通常ボタンのデザイン、制作はサイトに合わせて行うものだと思いますので、全く同じでというワケにはいかないと思いますが、デザインの処理などはボタンをデザインする際に大いに参考になりそうです。まだそこまで数は多くない
魅力的なフッタをコレクションしているサイト -Footerabulous Gallery
海外のサイトだけでなく、国内のサイトでも最近は魅力的で有意義なフッタが増えてきました。 そんなフッタに注目し、多くのサイトのフッタだけをコレクションしているサイトを紹介します。 Footerabulous Gallery 各フッタはカラー別にカテゴライズされており、配置されている要素ごとにタグが割り当てられています。 タグは下記のようなものがあります。 navigation contact about social media portfolio back to top link rss feed 最近のウェブサイトのトレンドとしては、フッタのデザインと機能性を充実させ、より魅力的な一コンテンツとして活用されています。 具体的にフッタをどのようにすればよいのか、は当サイトでもいくつか取りあえげています。 ウェブサイトのフッタを魅力的にする10のシンプルなアイデア 使い勝手の良いフッタにする
いろいろなサイトのボタンを集めた -Button Design Showcase
アローやアイコンを添えたり、グラデーションを適用したものなど、さまざまなデザインのボタンを集めた「Button Design Showcase」を紹介します。 Button Design Showcase Buttonには現在24個登録されています。 Elements of Designは、以前紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のサイトで、久しぶりに訪れてみたら、カテゴリが増えていたので、他のも紹介します。 ブログのコメント用フォームのデザイン集 ブログのコメントのデザイン集 ボタンのデザイン集 カレンダーのデザイン集 カルーセルのデザイン集 コード表示のデザイン集 言語選択のデザイン集 Emailのサインアップフォームのデザイン集 エラーメッセージのデザイン集 動画プレイヤーのデザイン集 フッタのデザイン集 フォ
MdN Design｜総合情報サイト
第5回「パワフルなCSS/JavaScriptテクニック45」 2010年01月25日 翻訳元サイト：Smashing Magazine http://www.smashingmagazine.com/ 原文：45 Powerful CSS/JavaScript-Techniques http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/ 著者：Smashing Editorial 翻訳：中野恵美子 ※本記事は「Smashing Magazine」様より許可を得て翻訳、掲載しています CSSやJavaScriptはデザイナーやディベロッパーにとって、極めてパワフルなツールだ。しかし、使いこなすためのアイデアを得るのはなかなか難しい。ただ、デザイナーやディベロッパーはほとんど毎日、新し
ユーザーの進捗を明示する「プログレストラッカー」詳解
オンラインストアでの注文やフォームなどで、ユーザーの進捗を明示するプログレストラッカーの概要や特長、実装例、よくある間違いなどをSmashing Magazineから紹介します。 Progress Trackers in Web Design: Examples and Best Practices 以下はそのポイントを意訳したものです。 1. プログレストラッカーとは？ 2. プログレストラッカーとパンくずの相違点 3. プログレストラッカーの活用 4. プログレストラッカーのベストプラクティス 5. プログレストラッカーの実装 6. プログレストラッカーのよくある間違い 7. プログレストラッカーのショーケース 1. プログレストラッカーとは？ プログレストラッカーとは進捗を明示するもので、複数のステップがあるプロセスを完了するためにユーザーの手助けとなるものです。 オンラインのプロダ
死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方をSmashing Magazineから紹介します。 5 Simple Tricks To Bring Light and Shadow Into Your Designs 以下、その意訳です。 ライトとシャドウというのは単にそこにあるだけではありません。ライトは対象物を射し、シャドウを生み出します。 形や大きさ、質感を伝え、目にする対象物の理解を深めます。 ウェブデザインでもこのライトとシャドウは非常に重要で、デザインをよりナチュラルにし、感動的で直感的なものにします。 ここに、ライトとシャドウの洗練された5つの使い方を紹介します。 A Quick Anatomy Of Light And Shadow ライトとシャドウの構造 下の図は、ライトが左からあたっています。ハイライトはそのライトが一番強くあたっている箇所です。そして
30 Exceptional CSS Techniques and Examples
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for MarketingCloudFX and other key research and development projects at WebFX. In this article, I’ve pieced together
多くの人を巻き込み、デザインサイクルを高速で回す：日経ビジネスオンライン
この革新的なデザインは、安価で大容量のフラッシュメモリーを供給するメモリー製造会社や、ウィンドウズパソコンでもユーザーが利用できるようにライバル会社のマイクロソフトと手を組んだこと、さらに音楽ＣＤからの楽曲の抽出と音楽配信サービスを可能にした音楽制作会社の協力などがあり実現した。「（イノベーションを生むデザインでは）ネットワークを構築することが非常に重要」と田丸氏は話す。 多くの人を巻き込みながら、現状を分析し問題点を抽出し、解決するためのアイデアを一緒に考え、解決法を可視化し評価、さらにそれを基に問題点を出し、アイデアを考えるといったサイクルを何度も回して昇華していき理想のデザインに近づける。その際、サイクルを高速で回すことが大切になる。サイクルの速度が遅いと人が離れ、サイクルの連続性も失われるためだ。そこで、短時間で試作品を制作するラピッドプロトタイピングが求められる。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://m.cssiphone.com/
ワイヤーフレームやユーザーインターフェイスのデザイン用のフリーの素材集
http://www.designwalker.com/2009/11/corporate-tutorial.html
http://www.designwalker.com/2009/04/wireframe-2.html
ウェブデザインのクオリティをアップする7つのポイント | コリス
タイトル・見出しに使えるデザインまとめ - DesignWalker
テクスチャとグラデーションで質感のある背景を作ろう - DesignWalker
あんじょうできてはる
http://www.designwalker.com/2008/04/april.html