有名企業90社のロゴが持つ意味がよくわかる『Logo Design History』 | POP*POP
企業のロゴには様々な意味が込められていろことが少なくありません。たとえばApple社のロゴマークであるリンゴには数多くの逸話があります（詳しくは後述）。 そこで今回は「Logo Design History」というサイトをご紹介。こちらでは有名な企業90社のロゴの由来が紹介されています。ロゴの製作者や背景、こめられた意図などを知ることができますよ。またロゴによってはEPSファイルもダウンロードできるようです。 » Logo Design History 下記に「へぇ」と思ったものをいくつかご紹介します。 Lacoste ラコステのロゴはワニ。これは創始者が鰐皮のスーツケースを見ている時に、ラコステのアイデアを思いついたからだそうです。 Mercedes Benz メルセデス・ベンツの有名なシンボル「スリー・ポインテッドスター」は、陸海空を駆け抜ける車を作る、という意思が込められているそうで
行き詰まったときに役立つウェブデザイン8つのノウハウ | Web担当者Forum
ウェブデザイン作業には、びっくりするくらいイライラすることがある。 何をどこに表示するか無限の可能性があるのだから、真っ当なデザインがいとも簡単にできあがると思うじゃないか。でも、正常に表示できないデザインに何時間も手を焼いたり、今どき流行らないピクセル調整をするはめになったりとか、誰でも何らかの形で行き詰まった経験がある。 これから紹介する8つのノウハウは、そうした厄介な状況から抜け出すために、私が取る作戦だ。 先に中身からデザインする これは、今までに聞いたウェブデザインに関するアドバイスの中でも、最良の部類に入るものだ（Cameron氏に感謝を）。 多くのデザイナーが、まずヘッダーに力を注ぐ。でもたいていの場合、見映えのするページになるか否かは、ページの中身で決まる。ヘッダーは付け足しだ。とりあえずヘッダーのことは忘れて、中身の要素に取り組んでみよう。すると、しっかりした中身があれば
ブロガーツールセット for Mac | *LOVE IS DESIGN*
ブロガーの「七つ道具」というと大袈裟ですが、昨年 Mac にスウィッチしたわたしがブログを書くときに使用している便利なツールをご紹介したいと思います。すべて無料で入手できるものばかりです。･･････ Mac 以外はね。えへへ。 ドラッグ＆ドロップで画像加工 CocoThumbX - Mac OS X Thumbnail Creator 画像をドラッグ＆ドロップするだけで、サムネイルにしたりドロップシャドウをつけるてくれるスグレモノです。画像の任意の場所にラベル（テキスト）を入れるのも簡単で、今一番お気に入りの画像処理ソフトです。 Thumbscrew via：ネタフル これは今日知ったばかりなんですが、さっそくダウンロードして使ってみました。 Mac 関連の話題も豊富でお世話になってます。 参考：[N] Macに"Switch"する人のためのソフトとTipsのまとめ あっという間に無駄に
かわいい吹き出しのコメント欄
なんとなくはてブを見ていたら、コメント欄に使えそうなかわいい吹き出しのライブラリーを発見。 ･･････というわけで、さっそくカスタマイズ。 willmayo.com » CSS Speech Bubbles こちらの角丸は、CSSだけでなく JavaScript も使われています。 上記のサイトを参考に 無義さん に協力していただき CSS だけで吹き出しのコメント欄にしてみました。 こんな風に3枚の画像を使用しています。 1 → 2 → 3 → 他にも吹き出しのデザインが紹介されているサイトを参考にどうぞ。 CSSでバブルタイプのblockquote『Bubble Quote』を作りました。 | CREAMU 4色のかわいい吹き出しを配布されているブログ こちらの角丸は、コーナー画像4枚と吹き出しの計5枚のパーツを使用するパターンです。 Dynamic Drive CSS Librar
ウェブデザインコンプレックスは克服できるか - GIGAZINE
幽霊の正体見たり枯れ尾花。これが結論である。 デザインセンスや技術力は努力だけで90％まで到達できる。後残りの10パーセントがその人の持って生まれた才能やセンスの問題、後は好み。あるいは、生まれ育った生活環境や諸々のもの。とにかく、努力では変えようのないものが残り10パーセントを占めている。 だが、努力だけで到達可能な90パーセントまで達すれば、一流のプロとして通用するレベルである。今から定年までにこの技術を磨いておけば一つの芸として成立するし、あなたの老後はバラ色だ。そのためには、ほふく前進で努力をすることが必要となる。一体、デザインの現状というものはどのようなものなのか？以下、述べてみよう。そして、ウェブデザインコンプレックスを克服する方法を教えよう。 なんとなく、目に触れる美術環境が戦後の日本は貧しくなっている。大量生産で画一的なデザインがいっぱいになっている。日本の生活風習で「ひと
CSSでデザインされたテーブルレスでクールなフォームサンプル:phpspot開発日誌
Tableless forms consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. CSSでデザインされたテーブルレスでクールなフォームサンプル。 次のようなフォームのサンプルがダウンロードできます。 HTMLとCSS、画像がセットになっているので、ちょっと編集していろいろと応用できそう。 ログインの横にアイコンが表示されていると直感的かつ、オシャレなフォームになってますね。デザイン面で参考に出来そうです。 関連エントリ ブログのコメント部分やコメントフォームのデザインを色々集めたサイト
イマジネーションを刺激される変わった広告表現いろいろ
最近はWeb2.0的なバイラルマーケティング、いわゆるクチコミ的な広告手法が広告主には好まれるようになってきましたが、やはり広告の王道は「おもしろい」という点につきます。クチコミだろうが何だろうが、おもしろくない広告は価値が下がるわけです。 というわけで、いろいろと見ていてイマジネーションを刺激される広告をいろいろと見てみましょう。 閲覧は以下から。 人の顔っぽく見える ハインツのトマトケチャップですが、色は大切ですね これは禁煙の広告。誰がワトソン君を殺したのか？ 動物園の広告。ぬいぐるみを買うよりもホンモノを見に行く方が安い。 PSPの広告 牛乳の広告。よく牛乳を飲むのでこれはわかる気がする。 そのほかにも、以下のサイトにいっぱいまとめてあります。 Moronland.net - 50 Amazing Ads You Haven't Seen
WEBデザインの際に使える５０のソース:phpspot開発日誌
50 sources for web design inspiration by Fuzzy Future When Fuzzy Future first got started, I said that our goal was to build content that other people can use to improve their own projects. WEBデザインの際に使える５０のソース。 当ブログでもいろいろと紹介してきましたが、カッコいいサイトをまとめているサイトがあったので紹介。 デザインに迷ったときはまず、他のデザインサイトを見ていろんなデザインを視覚に入れることが重要ですね。 The Best Designs Six Shooter Media’s Free Templates 2Advanced Studios Andreas Viklund Fre
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
グラデーションを使ったデザインのやり方 - GIGAZINE
Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか？」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ
6 Easy Steps To Better Icon Design — Smashing Magazine
In this article, Scott Lewis will share the fundamentals of how to create premium quality icons. These fundamentals are technical skills; anyone can learn and master them with practice. Remember that to create better icons, start from the general and work toward the specific. Every icon set submitted to Iconfinder is reviewed and evaluated for potential appeal to our website users and for potentia
アイトラッキングでみるユーザーの閲覧行動 | 実践！Webマーケティング：Blog | ミツエーリンクス
このコーナーでは、企業でWebサイトの運営に携わっている方、マーケティング部門等でWebの活用法について考えておられる方向けに、Webマーケティングの実践のための手法やノウハウ、事例をご紹介していきます。市場に出回る書籍や雑誌では論じられることない、Webマーケティングの最前線に触れていただければと思います。 2007年01月19日 アイトラッキングでみるユーザーの閲覧行動 マーケティングユニット 棚橋 先日、弊社でもアイトラッキング調査のためのシステムを導入しました。 アイトラッキングは、被験者の顔や眼球、角膜反射を赤外線で捕らえることで視線の動きを追跡する手法で、心理学や認知科学などの研究分野でも用いられている科学的な手法です。以前はそれこそ非常に専門的な研究室での使われていたツールでしたが、昨今ではWebの分野においても、Webサイトのユーザビリティ評価や広告およびコンテンツの評価な
制限無く無料で商用利用可能な画像を検索するネットサービス「PicFindr」 - GIGAZINE
最近は商用利用が可能でなおかつクオリティの高い写真や画像がダウンロード可能なサイトも増えてきました。で、今回紹介する無料ネットサービス「PicFindr」は、そういった画像を一括してキーワード検索できるようにするものです。商用利用する際にロゴを入れたり事前許諾を行ったりコピーライト表示を行ったりする必要が全くない画像のみを選び出して表示してくれるので、かなり便利かつ作業時間の短縮が可能です。 詳細は以下の通り。 PicFindr: Free stock photo and image search http://www.picfindr.com/ 上記ページにアクセスしたら、中央下部にあるこのボタンをクリック 検索したい画像のキーワードを入力して「Search」をクリック こんな感じでずらずらと並びます。画像の上にマウスカーソルを移動させると自動的にサムネイル画像が拡大されます。 サムネイ
ペルソナ：誰のために何をデザインするかを明示する手法：DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 いま、ジョン・S・プルーイットの『ペルソナ戦略―マーケティング、製品開発、デザインを顧客志向にする』を読んでいます。 もちろん、今までもペルソナという言葉は知っていましたし、たまにそれっぽいものを使ったりもしましたが、どうやら根本的に間違えて使っていたようです（いや、間違え自体はこの本を読む前にわかっていたので、最近は使わなくなってましたが）。 きっと他にもペルソナというものを間違って使ってる人は多いのではないでしょうか？ これはペルソナではないでは、具体的にどういうものがペルソナとは呼べないのでしょう。 僕が本を読んで理解したことをいくつかピックアップしてみます。 事実データに基づかず架空のユーザーを仕立て上げたものはペルソナではない。 ⇒ペルソナはあくまで事実に基づく仮
あるデザイナーが一つのロゴを作り上げるまでのデザインプロセス | POP*POP
こちらのサイトであるデザイナーの仕事っぷりが披露されていました。コンセプトからデザインにいたるまでの過程を順を追ってみることができます。 » Ideabook Tutorials | Step-by-step logo – Mozilla Firefox デザイナーさんってこういう風に仕事をするのか・・・と大変勉強になりました（もちろんデザイナーさんそれぞれに違った仕事のやり方があるかと思いますが）。 では以下にそのデザイナーさんの頭の中身とでもいうべきデザインプロセスをかいつまんでご紹介。 今回依頼があったのは「Metro Aviation」というヘリコプターの輸送会社。 まずは紙にスケッチをしていきます。 ↑ ヘリコプターの概念をさらさらと。 ↑ もちょっと具体的に。 ↑ 社名も入れつつ違った角度から。 この時点でクライアントから「ハチドリ」のイメージが欲しいなぁ、と言われます。 ↑
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://graphic-worx.com/modules/rmms/index.php
日本の伝統色を組み合わせてみた - DesignWalker
サイトの背景画像を変える時に使える7サイト - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記
Apophysis.org
http://tagland.net/tone/tone01/tone01_04.htm