「やっちゃった」感を隠せない団体、企業ロゴ8選
会社を作るとき、企業ロゴを決めるのはとても重要ではないかと、様々な企業ロゴを見ていて感じます。では、その企業ロゴを失敗してしまったらどうなるのか、チェックポイントを確認するためにもご紹介しておきます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! やっちゃった感を隠せない企業ロゴ8選 Coolz0r – Marketing Thoughts » 8 Unfortunate Logosというエントリーより、企業ロゴをしっかり考えるのもマーケティングであるということを再度認識させられます。 ブラジルにある東洋研究機関 ↑わからなくもないけど、なんでそんな風に刺さってるのか。。。 キッズ専門店なのに ↑ちゃんと「キッズエクスチェンジ」と伝えてあげないと教育に悪そうです。。。 イタリアのファッションブラ
テクノロジーとデザインの境界線があいまいなもの (arclamp.jp アークランプ)
Web2.0 Expoでベスト講演をあげるとすればチームラボの猪子さんによる「インターフェースデザインのイノベーション（テクノロジーとデザインの境界線があいまいなもの）」です。これはヤバイ。 以下、サマリ。 サーチやマッチングというテクノロジーがあるおかげで、Webにある情報はサイト内外の情報を動的に再編集して構成されるようになった。だから、そのリンク構造も動的。当然、サイトマップやきれいな階層構造なんて存在しない。 サイトの構造が動的なんだから、インターフェースも当然、動的だよね。逆にインターフェースが構造の動的さを引き出して魅力を出さなきゃいけない。 テクノロジー（構造）とインターフェースは切り離して考えることなんてできない。一体なんだよ。 いえーい！も、マイナビバイトも、SAGOOLも、Laboo!も、そうやって作った。 これって「インターフェースの革新の本流」。すごい西洋的。iPa
サイト作りに使えるインターフェースのパターンが満載！『UI Patterns』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
2007年度のCSSデザインベスト50発表
CSSとFlashのデザインでインスピレーションを得るためのサイト「Best Web Gallery」が選んだ2007年度のCSSデザインベスト50が発表されています。どれもこれもなかなか秀逸なデザインなので、来年度の新しいデザインに向けて、今年度の総復習を行って新たなインスピレーションの糧を得たい人や、ウェブサイトやブログのデザインを新しくしたいので参考になるデザインを探している人に最適です。 というわけで、ベスト50は以下から。 Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ | Web担当者Forum
第9回 より見てもらえるようにユーザーを“そそる”、ワンランク上の画面構成のコツ 現実の店舗や窓口では、目の前にいるお客が困っていればすぐにわかるし、同じトラブルが重なれば問題が起きないように施策をとる。しかし、ウェブサイトを作っているときにはお客は目の前にいないし、公開後にお客の対応をするのはウェブサーバーやスクリプトという機械だ。そのため、現実の商売では当然のように行っている接客ができない、いや忘れてしまってはいないだろうか？ 今木 智隆（株式会社ビービット） 限られた画面内でユーザーの目線を 効果的に誘導するテクニックを紹介「ファーストビュー」、すなわち「ユーザーがサイトを訪問したその瞬間に画面に表示される領域」は、画面設計・デザインにおいて、常に意識しなければならないポイントの1つだ。限られたスペースの中で、いかにコンテンツに優先度を付け、効果的に構成するか、かなり悩まれた経験のあ
CSSレイアウト時のよくやる失敗と対処法｜WEB制作（html,css(スタイルシート) )｜プログラムメモ
■floatでレイアウトしたときのボックスの間に隙間が出来る →隙間が出来るボックス要素全てに float 要素を追加 ■ <div>内に配置した<img>が<div>よりサイズが小さいと隙間が出来る → 下記を追加 img { display: block; } ■ Win IEだけずれる時があり、ずれる大きさがフォントサイズによって変わる →ずれる<div>等に vertical-align を設定する（top 又は bottom） ■ <td>内のフォントが正しく指定したとおりでない（Win IE Mac IE） →<td>の中に<span>をいれて対応する ■MacIEで<div>を floatさせると表示が崩れる。 → フロートさせるdiv の width height 属性を指定する ■<ul><li>で画像リンクを作成したときに WinIEでフォントサイズを変更すると 隙間
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
Google 日本のホームページが変わりました。
Google のミッションは、世界中の情報を整理し、世界中の人がアクセスできて使えるようにすることです。Google はウェブ検索の他にマップ検索、ニュース検索、YouTube などの様々なサービスを提供しています。これらのサービスはいずれも我々のミッションのもとに開発されており、ユーザーの皆さんからのフィードバックをもとに、日々、改善を続けています。 本日より、Google 日本のホームページに、各種サービスへのリンクボタンを設置しました。 日本版のサービス提供開始以来、私たちのサービスの数も、日本のユーザーの皆さんも年々大変な勢いで増えて、多くのユーザーの皆さんから、各種サービスへの入り口がわかりづらいというフィードバックをいただいてきました。 各種サービスへのリンクをホームページにつけることによって、皆さんが、地図を検索したり、YouTube の動画を検索したり、Gmail を使った
コーポレートロゴデザインに使える素晴らしいフォント60選『60 Brilliant Typefaces For Corporate Design』
Diary コーポレートロゴデザインに使える素晴らしいフォント60選『60 Brilliant Typefaces For Corporate Design』 ロゴデザインに使えるフォントを探している。 そんなあなたにおすすめなのが、『60 Brilliant Typefaces For Corporate Design』。コーポレートロゴデザインに使える素晴らしいフォント60選だ。 以下にいくつかご紹介。 ↑のキャプチャはMuseo。 セミスラブセリフ書体 Gloriola TDC2 2008で表彰されたフォント Marat 優しく親しみのあるフォント Candy Script 窓のペインティングデザインからきているフォント Sloop 手書きフォント、セクシーで優雅で女性らしく視線を引きつけるフォント その他のリストは以下から。 » 60 Brilliant Typefaces For
第13回 Webページで読みやすいテキストとは：ITpro
今回のポイント 1行あたりの文字数の目安 1段落の文字数の目安 段落に含む文字数 行間調整の考え方 字間調整を使ったロゴ風味見出し 日本語というのはもともと縦書き文化です。文字も筆で縦書きしていくときに書きやすいように作られています。現在PC画面上で見るフォントは，活字印刷物のフォントとは違い，横書きで読みやすいようにもともとの字体から若干形を変えられています。それでも起源である縦書きの形を完全に壊すことができないので，やはり横書きでは読みづらいようになっています。 日本人が苦痛を感じることなく読める横書き1行あたりの字数は20字＋α程度だと言われています。意識して雑誌などを見るとたいていが!)25文字から28文字程度です。用紙，つまり本のサイズがA4を超えるような大判になると，1ページを左右2段組に分けて25～28字程度に調整されています。 一方，縦書きの場合には識別許容量はグンと増加し
削る - jkondoの日記
はてなハイクのh:keyword:Wacomさん、ペンタブレット欲しい！が相変わらずの賑わいを見せている。世の中には（あるいははてなユーザーには）こんなにたくさん絵を描く人がいたのかと思う。「2色だけで絵を描いてください」という限定感がむしろ絵を描く意欲を喚起したのかなと思うが、こういう割り切りはサービスを作る上でも重要だなと思う。そもそもハイクのお絵描きパレットの色は最初からそれほど多くないが、最近これといって色が足りないという要望も聞かなくなってきた。新しいエントリーを投稿するインターフェースは、Ajaxを使って画面遷移なしに投稿できるようにしようかと思っていて、結局リリース直前で間に合わなかったので先送りにしたんだけど、今の仕組みでもそれほど不満があるようには思えない。 長い期間サービスを作ってきていると、「この先に進むとやりすぎだから必要以上に作りこんではいけない」とか「ここはこだ
I.D.E.A オシャレ雑貨のイデア
2024.10.07 本社中途社員採用 プロダクトデザイナー募集 2024.09.30 BRUNO プレゼントが当たる！#ブレンダーで離乳食 投稿キャンペーン【BRUNO公式イン… 2024.09.20 MILESTO MILESTO×PAPIER TIGRE 第3弾コラボアイテム発売記念 10月3日（木）スペシャ… 2024.09.19 MILESTO 「多角形」×「立体的フォルム」で日常をよりアクティブに。人気のHütteシリ… 2024.09.20 MILESTO MILESTO×PAPIER TIGRE 第3弾コラボアイテム発売記念 10月3日（木）スペシャ… 2024.08.23 BRUNO ポケモンキッチンアイテム第2弾が新登場！ 朝食が華やかに愉しめるホットサ… 2024.08.19 BRUNO 復刻販売決定！人気の限定カラー「BRUNO BLUE（ブルーノブル
フリーで使える高品質なアイコン色々
フリーで使える高品質なアイコン色々 ■Icons For Your Desktop and Icons For Your Web Designs | Graphics (Smashing Magazine) フリーで使える高品質なアイコンのまとめです。 上記エントリー先から、アイコンの利用に関するライセンス規定が明記されているもののみを以下にピックアップしました。ただ、紹介されているアイコンは、基本的に個人利用である分には問題ないと思われます。 商用利用については微妙なところがあるので、分かりづらいものに関しては、元の文をそのまま引用してあります。 ※スクリーンショットは、配布されているアイコンの一部です。 ■PixelResort.com The Icons are free for personal use or non profit organisations. For commer
リニューアル続出！ポータルサイトに何が起きたのか？その異変に迫る
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
イラストで見る「はてなブックマークのトップページは迷宮」 - シナトラ千代子
はてなブックマークのトップページで 「読書カテゴリの新着エントリ」を見たい と思ったら、どうすればいいでしょうか？ はい、そこのオッサン。 「読書と書いてあるカテゴリリンクからたどれば行けると思います」 ブブー！ はいスタートに戻る。 そんなに簡単ではありません。 なぜなら、はてなブックマークのトップページでは 「読書と書いてあるカテゴリリンクであっても、別々の異なるページへリンクされている」 からです。 以下、ふつうに辿るであろう手順を追ってみます。 字を読みたくないひとはイラストまで飛ばしてください。 「最近の人気エントリー」をclick →はてなブックマーク - 人気エントリー（http://b.hatena.ne.jp/hotentry） カテゴリが出てくるので、読書カテゴリをclick →はてなブックマーク - 人気エントリー - 読書（http://b.hatena.ne.jp
たった6行でWebサイトのUIをガラッと変える
「こんな長いWebページ、まったく読む気がしない」。Webサイトを閲覧していてこんな経験をしたことは誰しもあるのではないだろうか。一方で、Webサイトを作る側にとっては、どこまでを1ページにまとめるかは常に悩むところだと思う。長いからといってむやみにページが分割されているのも考えもので、今度は「次のページへ」ボタンをクリックするのが面倒になり、ストレスがたまる。 CogniTom Academic Designが作った「bookreader.js」は、そんな悩みを解決してくれるかもしれない。bookreaderは、本や雑誌をめくるような感覚で、Webページの本文を横にスクロールさせるJavaScriptライブラリだ。 「bookreader.js」のWebサイト。サイト自体がbookreader.jsを使ったデモサイトを兼ねている。中央にある [<] [>] をクリックすると1ページずつ、
革新的発明と製品情報 J-Tokkyo
Slot online adalah salah satu permainan kasino yang paling populer di dunia perjudian digital. Di antara berbagai jenis slot yang… ในโลกของเกมคาสิโนออนไลน์ เกมสล็อตเป็นหนึ่งในเกมที่ได้รับความนิยมอย่างมาก มีเกมสล็อตมากมายที่ได้รับความนิยมจากผู้เล่นทั่วโลก เช่น Mega Moolah, Starburst, และ Book of Ra อย่างไรก็ตาม ในขณะที่มีเกมสล็อตที่เป็นที่นิยมและได้รับความสนใจอย่างมาก ยังมีเกมสล็อตบางเกมที่ไม่เป็นท
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
IDEA * IDEA
