ウェブデザインとスーパーのチラシの共通点
Facebookのタイムラインに「日本のウェブデザインはなぜこんなにも世界と違うのか？」という記事の紹介が流れて来たので読んでみたが、これはウェブデザインに限った話ではないと思う。典型的なのがスーパーのチラシ（下の写真はここからの引用）。 日本のスーパーのチラシは、「これでもか」とばかりに情報を詰め込む上に、「安売り情報＝赤」という王道を決して踏み外すことはないため、どのスーパーのチラシもこんなデザインになる。情報量だけはすごいが、「エレガントなデザイン」とは正反対のところにある。 米国でも、一昔前までは似た様な状況だったが、ここ数年は差別化が進み、少しこだわったスーパーのチラシのデザインはこんな感じだ。 明らかにプロのデザイナーの手が入っているし、「食欲をそそる」という明確なデザイン・ゴールが見てとれる。 どちらが正しいという話ではないが、米国の一部のスーパーがこんなデザインに走っている
カンプがなくなったときのデザイナーの役割
手段を再想像する 昨年末に開催された CSS Nite Shift 5 で「Reimagination（再想像する） 」の話をしました。人とコンピュータの関わり方が行動や価値観を再定義しているのと同じように、Webサイト制作にしても同様のことがいえます。今までの当たり前を疑い、未来に柔軟に対応できるワークフローが必要とされています。 例えば従来必須だと言われていたワイヤーフレームも考慮対象です。少し前に ASCII へ「柔軟性あるデザインプロセスへ移行するためのヒント」という記事を寄稿しました。ワイヤーフレームが果たそうとしているコミュニケーションの目的は間違っていませんが、つくるためのツールや手法に問題があるのではないかという疑問を投げかけた記事。絶対いると思い込んでいるものも、今の時代にマッチしなくなってきているものは少なくありません。 また、Photoshop や Fireworks
日本航空の新ロゴ | これ、誰がデザインしたの？
ライター渡部です。久々に相方宮後さんと取材をしてきました。JALのロゴが変わったら、そりゃ取材せねば！これ誰取材部行って参りました！ ---------------------------------------------- JALのロゴマークに鶴丸が戻ってきた。今年2月末から尾翼などに現れてきたが、新たに「日本航空株式会社」となった4月1日が正式な採用日となる。2010年より会社更生法の適用を受け、現在経営再建中の同社。社名も変更し、今回のロゴマークの変更は新しい出発のシンボルでもある。 JALのロゴに関しては以前『デザインの現場』の連載の中でとりあげている。（書籍『これ、誰がデザインしたの？』p90参照））前代、前々代はランドーアソシエイツが手がけている。今回の鶴丸復帰の作者は誰？と日本航空に問い合わせてみたところ返ってきたお答えは「宣伝部です」。 会社再建中だけに外部発注が難しかっ
ディズニーランドが苦手な俺が行ってきた:ヴィブロ
2009年10月21日 ディズニーランドが苦手な俺が行ってきた 1：以下、名無しにかわりましてVIPがお送りします：2009/10/20(火) 22:04:04.38 ID:GWGBjJwr0 嫁の誕生日だったので子供と一緒に行ってきた 根っからの理系エンジニアだった俺は、あの浮ついた雰囲気になじめない だから避けてきたけど、 「苦手な俺がパスポート代出して行く」 という企画で行ってきた 正直つらかったけど、淡々と嫁には語れない心理をつづってみたい 以下、名無しにかわりましてVIPがお送りします：2009/10/20(火) 22:05:23.83 ID:GWGBjJwr0 8時にランド前に到着 さっそくミニーヘッドのカップルを見て公開の念が沸く 俺は絶対にこのノリに合わない この夢の国のなかでたった一人のリアリストで温度差を感じるしかない つらいので現実逃避ならぬ、現実調査をすることにす
表（テーブル）は罫線が少ないほど美しい - 三上のブログ
年末から年始にかけてある論文を書いているときに、自分で縦と横の罫線を引いて作った表にものすごく違和感を抱いた。色々と試行錯誤したが、違和感は解消しないまま、締め切りが来て、やむなくそのまま提出した。実は印刷会社の方でうまく修正してくれるだろうと甘い期待をしていた。しかし、戻ってきた校正刷りの表は私がワープロで作った表そのままだった。二回の校正をしているときにも、ずっと悩み続け、そもそも事象の分類に根本的な問題があるのではないかとまで考えたが、結局解消しなかった。 その後、書体や組版のことを調べ始め、色々と細々したことを気にして見るようになったせいか、ある時ふと日本語の本や雑誌に見られる表は基本的に私が作った表と同じであることに気づいた。つまり、縦と横の罫線がいわば律儀に全部引かれているのである。実際に三冊の本から典型的な表を挙げてみよう。これはあくまで組版上の問題であり、本の内容の評価とは
ページングのUIが段々窮屈になってきた。
「ページング」と「写真切り替え」のUIは、もっと良い表現方法があってしかるべきだと思う。 特に、前にミクシィ社の会社訪問の写真でも思ったが、CNET Japanのフォトレポートページはヒドイ。 フォトレポート：来た、見た、開けた--「MacBook Air」開封の儀 MacBook Airやミクシィというネームバリューを生かした、PV稼ぎ商法としか思えない。 まぁ現実には、如何に早く公開するか？ってのと、現状のCMSがそういうことしかできないからってのが正解なんだろうけど。 ページを切り替えるのが面倒すぎて、疲れてしまう。 なんで写真を見るだけなのに、面倒な気持ちにならなきゃいけないんだろう。 写真はサムネイルを並べてクリックするというのも面倒くさい。 現状写真切り替えで、一番楽しいのは、iPod touchや、Macに搭載されているカバーフローでしょう。僕はPicasaのスクロールUIは
40歳は新人なのです | ナガオカ日記 | D&DEPARTMENT
« 「商品」は商品ではない | メイン | またしても「新しさ」について » 2007年09月22日 40歳は新人なのです ある携帯電話企業の「携帯電話の箱」を考える仕事をしています。若いデザイナー時代だったら、間違えなく、箱の外側のグラフィックデザインだけを考えて、もらったサンプルの箱に、A案、B案を貼付けて提案していると思いました。 考えてみると、箱の表面はグラフィックデザイナー、中の携帯のプロダクトデザインはそのデザイナー、箱の中の複雑な収納の使用は印刷会社・・・・。そんなこと、今も普通です。 D&DEPARTMENTをやりはじめて、また、環境のことや、デザイナーという仕事の責任をやっと意識しだしている今、もちろん、冒頭で「ある携帯電話企業の「携帯電話の箱」を考える仕事」と表現したように、「デザイン」というよりも、今の僕にとっては「考える」仕事です。最終的に仕上げとして表面のグラ
テンセグリティの作り方 How to make a Tensegrity : 藤崎圭一郎の雑思録
テンセグリティ （Tensegrity） は、tensional と integrity の造語。引っ張る力と圧縮する力によって均衡を保たれる構造。バックミンスター・フラーの指導を受ける学生だった、ケネス・スネルソンが考案したものです。投げると弾むくらい構造は安定しています。が、輪ゴムを一か所外すと途端にバラバラになります。 いろいろなバリエーションがありますが、今回制作してもらったのは、輪ゴムと木の棒で作る最も単純なものです。エレガントな構造を自分の手で体験してもらうのが制作の目的です。 東急ハンズで買ってきたラワン材とバルサ材の2種類の丸棒で使いましたが、バルサ（6mm径）のほうが加工しやすく、見た目もいいようです。糸鋸を使いました。カッターでは両端に溝を入れるのが難しい。木を切るときに怪我をした学生がいました。軍手を用意すればよかったですね。申し訳ありませんでした。 この講義のために
検索条件の入力画面で配慮したいインターフェース例 (ユーザビリティ実践メモ)
ユーザに2つの選択方法を提示することが、かえってユーザを適切でない行動に導いてしまうこともあります。今回は検索条件の入力画面を用いて、その一例をご紹介します。 図1のような画面構成で、 チェックボックスを選んでから選択ボタンをクリックすると、チェックボックスがOnとなっている駅名で検索を実行（=複数選択が可能）青字下線をクリックすると、その駅名のみで検索を実行という機能になっていたとします。 この際に行ったユーザビリティ調査では、渋谷か新宿か池袋であればどこでも構わない、といったような複数の選択肢を持つニーズが多く見られたにも関わらず、青字下線のリンクを最初にクリックするケースが度々観察されました。� この画面構成の場合、チェックボックスよりも青字下線リンクの方がアフォーダンスが高いため、多くのユーザは頭に思い浮かんだ駅名をページ内で見つけると、次のアクションとして青字下線リンクをクリック
オカモデラー - じゃあオレはWEBデザイナーについて語ってみる
なんかCSSNiteとかWEB標準の日々とか絡みであちこちで何かが飛び交ってる中、ハテブのコメントとか「Lism.in * blog 一連のCSS Nite騒動について雑感」とかでちょこちょこ言われてるんだけど”デザイナーとエンジニアの溝”とか”デザインとシステムの戦い”的なことを言われていて超違和感ありまくり。 以前WEBデザイナーはWEBって付くくせにWEB上で存在感ないよね、みたいなエントリをみた記憶があったりもするので誰も期待してない中、エロ動画のダウンロードを待ちながらちょっと一言。 コーディングする人はデザイナーでは無くね？ エンジニアとは明らかに違って、面を実装する側にいるのでデザイナーってくくりになってるのかもしれないけど、UIの設計もするしデザインもするしコーディングもWEB標準がどうした的なこともする何でも屋な自分からするとCSSNiteの真ん中辺りにいる人たちは明らか
「飛び出す写真」を簡単に作るPhotoshopチュートリアル | POP*POP
たまにこんな（↑）写真って見かけますよね。インパクト絶大な写真です。 そんな写真を簡単に作る方法がこちらで紹介されていました。ちょっと人とは違ったサイトを作りたい方はいかがでしょうか。 » Out of Bounds – The Something Awful Forums Photoshopで作成します。ではどうぞ！ ↑ 元となる写真はこちら。 まず作るレイヤーは3枚。下から順に黒の背景、素材、フレーム用のレイヤーとなります（↓）。 ↑ 次に矩形ツールで白色の長方形を作成します。 そして、選択ツールで長方形の内部を切り抜きます。これでフレームができあがりました。 ↑ 次にフレームの形を変えます。フレームのレイヤーで「Ctrl+T」を使ってフレームだけを選択。 右クリックし、「遠近法」でフレームの形を変えます。「自由な形に」を選べば微調整も可能です。 ↑ あとは、不必要なところを黒く塗りつ
真似るための3つの条件: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 昨日の「苦手だと認識したら克服する努力をしてみる」はたくさんのブックマークをいただき、びっくりしています。こんなに反響があるとは思いませんでした。 さて、そのエントリーの中で、苦手なことを克服するためには、それを得意とする人のことを真似ることが近道だと書きました。あと、結局、それが日本伝統の茶道や武道の習得にも用いられた守破離にもつながる考え方だと。守破離は千利休が最初に茶道の中に取り入れたとも言われています。 でも、単に真似るといっても、それはそれでむずかしいところもあるだろうなと思ったので、真似るための条件みたいなものについてもまとめておきたいと思います。 1.よく観察すること僕は昔（たぶん5～6年前）、突然、自分のデザイン力が落ちているなと思って、それを回復しようと、
秋元@サイボウズラボ・プログラマー・ブログ: マンガっぽい部屋
部屋の角とか縁のところを、全部黒い太線で塗ると、部屋がマンガみたいになる、ということでこれがその結果。 ベルリンにあるクンスト・ホテルでは、すべての客室に別々のテーマを設けて、おもしろい内装をしているようだ。他の部屋についても写真が見られるようになっている。 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散している場合があります。移転前は現在とは文体が違い「である」調です。(参考)記事の内容が古くて役に立たなくなっている、という場合にはコメントやツイッターでご指摘いただければ幸いです。最新の状況を調べて新しい記事を書くかもしれません
日本の美意識 (arclamp.jp アークランプ)
建築家であり、プロダクトデザイナーでもある黒川雅之氏による八つの日本の美意識とデザインの修辞法 50keyworks。デザインの修辞法も帯は「日本人は美意識に生きている」というわけで日本人による日本人の美意識の話。 黒川氏は美意識という言葉を使うに言った理由を 私は、日本人が物事を判断する非常に大きな規範になっているのがこの美意識なのだということに思い至ったのです。すなわち、信念によってとか、神の思想に基づいてとか、哲学的視野からこれが正しいとか、善悪とかではない。もっともっと身体の感覚に近い、心地よさともいうべき美意識。ほとんど野生的、あるいは動物的生理が決めているということです。 そして日本人は「美しさ・気持ちよさ」のために生きているのであって、神とか信念とか、そういうもののために生活を律するわけではないと。そのため日本人は他者の気持ちよさを価値として認められるから「恥の文化」になるし
GIGAZINE - Googleのオフィスはいかにして作られたのか
Googleのかの有名なオフィス空間ですが、あれにももちろん設計した人がいるわけで。ニューヨークのワークプレースコンサルタント会社DEGWと、ロサンゼルスに拠点を置くClive Wilkinson ArchitectsがカリフォルニアにあるGoogle本社の設計及びデザインを担当したそうです。 長い会合を重ねてたどりついた新しい職場デザインの構想は、クリエイティブな活動を行うため、そして働くという概念をリラックスするというものに変えるために、オープンなオフィス空間を目指すというものになったそうで。 さらなる詳細は以下の通り。今まで未公開だったGoogleの初期オフィス案や珍しいオフィス全景などもあります。 Behind the Glass Curtain | Metropolis Magazine 基本的にはマイクロソフトが「キャンパス」と呼ばれるように大学を意識して本社を設計したのに対し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.openvista.jp/archives/note/269/?269/
http://www.yasuhisa.com/could/entries/001055.php
http://web.d-department.jp/shop/pohhe/blog/2006/07/pohhe_1.html
専門家は個人の責任で情報発信するな - void GraphicWizardsLair( void ); //