佐藤可士和×中村勇吾対談 | CINRA
デザインが、「色と形の組み合わせ」という時代は、もうはるか昔。「デザインとは、コミュニケーションです！」なんていうのも、最近ではどこか使い古された感がある。じゃあ、デザインってなんだろう？ その問いかけに、常に新たな答えを提示し続けるトップクリエイター、佐藤可士和と中村勇吾。一方は、企業から幼稚園までを手がける日本を代表するクリエイティブディレクター。もう一方は、数々の国内外の広告賞を受賞し、ウェブ業界ではもはや知らない者はいないデザイナー。ユニクロプロジェクトでの初タッグから、この2人の信頼関係はどのようにして生まれたのか？ そして今、彼らが考える日本のものづくりの「強み」とは？ 東京ミッドタウンの芝生広場で開催されるイベント『Cofesta PAO』で新作を発表する直前の2人に話を聞いた。 ※『Cofesta PAO』は、3月11日に発生した東北地方太平洋沖地震の影響によりPAO WE
お馴染みのあのコンピューターアイコン達にまつわる話
誰でも知ってるあのアイコン、一体どんな意味が？ 毎日毎日ガジェットと過ごしていると、たくさんのアイコンが目に入ります。電源アイコン、コマンドアイコン、BluetoothにUSB！ あまりにも当たり前になって気に留めてなかったアイコン達。一体それぞれのアイコンにはどんなストーリーがあるのでしょうか？ 電源コンピューターの電源オン／オフボタンのアイコン。ここを押せばスタートしますよ。TシャツになったりNYのコンドームパッケージデザインに選ばれたり、人気絶頂のお馴染みアイコン。 このアイコンのストーリーは、第2次世界大戦までさかのぼります。エンジニア達は各電源ボタンやスイッチをバイナリシステムを使ったラベルでタグづけしていました。1はオン、0はオフ。1973年、国際電気標準会議（International Electrotechnical Commission）にて、切れ目のある円の中にラインは
Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ
暗黙知（あんもくち、Tacit Knowing）は、ハンガリーの哲学者・社会学者マイケル・ポランニー（Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、（全体的・部分的に）言葉に表せない・説明できない知覚を指す。Wikipediaより こんにちは。livedoorで検索全般を担当しております、須田です。 タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。 暗黙知の共有することで得られるメリットですが、 ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。 まずは誰でも知っていると思われる基本的なところだけ
ZOZOTOWNで有名な 株式会社スタートトゥデイ に行ってきた！ - 941::blog
そーこーにゆーけばー、どーんーなゆうめもー、かーなーうとー、ゆーうよー。っと。 全国のシャレオツな若者の皆さん、こんにちは！くしいだよ！ 今回は、マジでオシャレというか「シャレオツー！」とか言ったら逆に張り倒されそうな 雰囲気だったので圧倒されまくった。けど、皆さんとっても優しくて楽しかった！ はい。今回は、なんと、あの、シャレオツ道を歩む者なら必ず通るという噂のECサイト 「ZOZOTOWN」を運営されているスタートトゥデイさんに行ってきました。 オフィスがあるのは千葉の幕張。海や自然が多く、都内よりゆったりした環境だから なんだそう。代表である前澤さんの出身が千葉ってのもあるらしい！ ZOZOTOWN以外にも色々とサービスを展開されているので、詳しくはこちらをチェックや！ というわけでこちらがスタートトゥデイさんの入ってるフロア。どうだい。 ==== どうです、この圧倒的存在感。 ※公
「なぜ CSS が巨大になってしまうのか、なにがいけないのか」 - by edvakf in hatena
Nicole Sullivan さんの素晴らしいプレゼン。 5 Mistakes of Massive CSSView more presentations from Nicole Sullivan. 内容は30分ぐらい。ビデオのほうが分かりやすいのでおすすめ。だいたいスライドの35ページ目まではあんまりおもしろくないので飛ばしてもいいと思う。 スライド中に出てくる衝撃的な統計は、Sullivan さんのブログにもまとめられているのでご一見を。 Top 5 Mistakes of Massive CSS | Stubbornella 要旨 CSS の「ベストプラクティス」は間違っている。 プレゼンでは Facebook の例を挙げているけど、例えばサーバー側のロジックでは、ページヘッダー、右コラム、中央、左コラム、フッター、のようにビューを分けるところだけど、CSS をそのような区分でデザ
もう、class名やid名で悩まないんだからっ！！｜CSS HappyLife
class名やid名って付ける時悩みませんか？ 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ！？ 2010年6月10日追記： この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent
パワーポイントで作る企画書のデザインを美しくみせるための7つのポイント - ハックルベリーに会いに行く
はじめにパワーポイントというのは、今や企画書作成用ツールとしてビジネスになくてはならない存在になった感があります。ぼく自身も、本業は企画者なので、これまで数え切れないくらいの企画書をパワーポイントで書いてきました。そんな中で、最も気をつけ、また力を入れてきたのが「デザイン」でした。内容もさることながら、見た目の美しさや、読んでみたくなるような構成・演出、読みやすさなどに、何よりこだわってきました。なぜかといえば、企画書というのは、多くの場合、まず手に取ってもらうまでに大きなハードルがあるからです。その次に、実際に見て読んでもらうまでにまた大きなハードルがあります。 企画書というのは、書いたら必ず読まれるというものではありません。むしろ多くの企画書は、ほとんど読まれない運命にあります。なぜかといえば、企画書というのはたいていいくつも提出されるからです。一つの案件に対し、10個も20個も提出さ
CSSオンリーでJSを使った風のよく使われるテクニック集１０:phpspot開発日誌
Creating 10 Most-Used Javascript Techniques Using Pure CSS Styling | DevSnippets CSSオンリーでJSを使った風のよく使われるテクニック集１０。 よく使われているかどうかは実際はよくわかりませんが、ピュアCSSということでなかなか凄いテクニック集がまとまっています。 我こそはCSSマスターという方は覚えておいてもよさそうです。 写真ギャラリー カーソルを合わせると拡大するアイコン アニメーションするコンテンツスライダー アニメーションするプログレスバー ピュアCSSなLightBox かなり色々なテクニックがなされているようですが、実用的なものが多いですね。 関連エントリ JavaScript使ってないのに使ってる風のピュアCSSなテクニック集 ピュアCSSで実装された吹き出しのデザイン例色々 クリーンなデザイ
【2ch】ニュー速クオリティ:昔の個人ホームページにありがちなこと「勝手に流れるMIDI」「キリバン報告」
1 キビナゴ(関東・甲信越) 2010/05/15(土) 21:05:04.49 ID:15vf2xUS● ?PLT(14112) ポイント特典 昨今ブログの普及のおかげであまり見なくなった個人ホームページ。一昔前までは容量を売りにしていたフリーホームページサービスが山の様にあったのだが、今では撤退するところもあるくらいだ。米Yahoo!では大手無料ホームページサービス『Yahoo! GeoCities』を昨年閉鎖。日本のジオシティーズはまだサービス継続されているが、ユーザー数は減っているという。個人の発信の地がブログ、『Twitter』、SNSなどに奪われたのはいうまでも無いだろう。 そんな個人ホームページにありがちだったことを今回はアンケートにて聞いてみたぞ。 個人ホームページならではの管理人が浮き出ていたあの時代を思い出してアンケート結果を見て欲しい。 1位 MIDIが流れる
グーグルのトップデザイナー辞任の弁：Google's Top Designer Leaving
Google's top designer Doug Bowman is leaving to go to ...Twitter (maybe). He did not like Google's data-centric, engineer-driven ways. From his post; "Without a person at (or near) the helm who thoroughly understands the principles and elements of Design, a company eventually runs out of reasons for design decisions.With every new design decision, critics cry foul. Without conviction, doubt cree
今日でグーグル出社も最後だ。 グーグル社員になって3年近く。チームを一から立ち上げ、幸い才能に恵まれたデザイナーのチームも雇うことができた。グーグルにビ ジュアルデザインの原理を導入し、みんなで素晴らしい仕事をしてきた。チームのことは非常に誇りに思う。今後も頑張ってほしい。前途多難だけどね。でも、 僕の方はそろそろ次に行く潮時だ。 他の仕事？ ある。その話は次回パート2で。だから辞めるために辞めるんじゃないけども、だからと言って辞める理由に甘い砂糖をまぶして誤魔化すつもりも ない。僕が最初グーグルに心惹か
[nothing special : something special] scraps,memorandums and fragments of my floating days... “ 今日でグーグル出社も最後だ。 グーグル社員になって3年近く。チームを一から立ち上げ、幸い才能に恵まれたデザイナーのチームも雇うことができた。グーグルにビ ジュアルデザインの原理を導入し、みんなで素晴らしい仕事をしてきた。チームのことは非常に誇りに思う。今後も頑張ってほしい。前途多難だけどね。でも、 僕の方はそろそろ次に行く潮時だ。 他の仕事？ ある。その話は次回パート2で。だから辞めるために辞めるんじゃないけども、だからと言って辞める理由に甘い砂糖をまぶして誤魔化すつもりも ない。僕が最初グーグルに心惹かれたのは、その経営規模さ。何百万人に影響を与える力がある？ どこにサインすりゃいいのさ？ という調
どうしてこんな表紙になっちゃったの - 担当編集者が語るこの1冊：selfup
みなさん、こんにちは。4月2日に発行した「みてわかる クラウドマガジン vol.1」の編集を担当しましたYと申します。 この「クラウドマガジン」、発行後2週間が過ぎましたが、いろいろなところで表紙が話題になっているようです。例えば、Publickeyさんのブログでは、「意表を突く表紙で発刊」と書かれています。日経BP社内でも、一部の人から「センスを疑う」に近い意味の声がありましたし、取材先の方からも「通常の日経の雑誌とは雰囲気が違って社内で話題になっている」と言われています。 あまりにそういった声が多かったので、この場では、なぜこのような表紙にしたのかちょっと「言い訳」をしたいと思います。 写真1を見てください。ご覧のように、表紙のデザイン自体は特に変だというわけではないと思います。書店に行くと、もっと派手で下品？な表紙はたくさんあるでしょう。ただ、この表紙からイメージする記事の内容と、実
背景画像として使えそうなパターン素材が大量にダウンロードできるサイト「Bgrepeat」*二十歳街道まっしぐら（FC2ブログ時代）
「Bgrepeat」はサイトの背景画像として利用できそうな素材がダウンロードできるサイトです。 すべて無料でダウンロードできますよ！ 種類も豊富にあり、クオリティの高いものが揃っています。 単色背景はなんだか物寂しいなって方は、背景画像を探してみるのもいいかも。 以下に使ってみた様子を載せておきます。
「次へ」「前へ」がどっちに進むのか分からない問題まとめ
@tkml 心底同意 RT @amachang: 「次へ」「前へ」っていうリンクよく見るけど、もっと時間的な前後が分かる言い方ないのかなー。 2010-02-17 10:54:09
クライアントからのムチャぶり迷言集
2013年3月23日 ネタ みなさんはクライアントのとの打ち合わせ中に「そんなむちゃな！」と思ったことはありませんか？私はあります。何度もあります。そんなクライアントからの迷言を集めたサイト: Clients From Hell（地獄からきたクライアント）と、こちらの記事を載せてみようと思います。 ↑私が10年以上利用している会計ソフト！ 時間とお金に関するムチャぶり 残念ながら多くの人がWebサイトは簡単に作れると思っているのが現状です。。 「今日中に100ページくらいのWebサイトを作って貰えますか？」 「会社のコンセプトを変えようと思うんだ。Webサイトを作り直すのに２日あれば充分かな？」 「ブログとショッピングカートのついた８ページくらいのサイトを作ってください！３万円で！」 「支払うお金はないんだけど、このシルクのシャツは6000円くらいするから、ほら、持っていってください。」
ユーザを混乱させない表組みのコツ (ユーザビリティ実践メモ)
ウェブサイト制作において、多くの情報をいかに整理してユーザに伝えるかは重要なポイントの1つです。よく使われる方法として表組みがありますが、今回は実際の事例をもとにしたケーススタディを通じて、ユーザを混乱させない表組みのコツをご紹介します。 表１はよく見かける表組みの例ですが、実際にユーザの立場に立ってこの表を使用してみると、いくつかの問題点があります。 同種の情報をユーザは区別できない 表1の問題点として、 日付という同種の情報を多く掲載しているため、ユーザには各情報が何の日付を意味しているのか区別できず、分かりにくい列数が多いために、セル内に折り返しが発生し、読みにくい ことが挙げられます。 特に、1つ目の問題点は、表が縦に長い場合にユーザを混乱させる要因の一つになります。なぜなら、画面サイズに収まりきらないほど表が縦に長い場合、下にスクロールしていくと「開催日」などの項目名が画面から消
ウェブサイトのフッタを魅力的にする10のシンプルなアイデア
昨年くらいからウェブデザインの傾向としてフッタを充実させたウェブサイトが増えてきました。 ユーザーの印象に残り、より利便性の高いフッタを設置する際にヒントとなるアイデアをDesign Shackから紹介します。 10 Techniques for a Fantastic Footer 以下は、そのポイントを意訳したものです。 はじめに 1. プライマリ ナビゲーション 2. 「トップに戻る」ボタン 3. 美しいコントラスト 4. インパクトのあるイラスト 5. 充実したコンテンツ 6. インフォメーション 7. メディア ハブ 8. 新鮮なコンテンツ 9. インフォグラフィックス 10. ビジュアル的なアクセント はじめに 魅力的なフッタは、サイトのユーザーに永続的でポジティブな印象を与えることができます。 フッタのデザインと機能性の両方にフォーカスをあてることで、サイトのフッタを魅力的に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
長文日記
"design"と笑い男 - Keep Crazy;shi3zの日記
Photoshop Vip » 誰もが欲しがる、極上テクスチャ40セット集めました。
