伊勢志摩サミットのロゴについて思うこと、あるいはデザインの死。 - not simple
www.asahi.com 僕はこのロゴマークを、デザインとしての好き嫌い(Feeling)、正しさ(Logic)、双方の観点から認めることができません。東京五輪のそれについては、好きではないけれど、デザインとしての正しさはまだあったと思います。東京五輪の時には選考のプロセスについて問題になっていましたが、プロセスが正しくても、アウトプットが正しくなければ意味がない。仮に世界に存在するすべてのもののデザインの品質に平均値があるとして、これはその平均値を著しく下げてしまうとすら思っています。 なぜそう思うのかというと、論点は二つあって、デザインの目的の不明瞭さとデザインとしての稚拙さがあると思っています。 デザインは手段であって、デザインが施される全てのことやものには、なにがしかの目的があるはずです(それが顕在化しているか否かは置いておいて)。以前五輪のロゴについて書いたときに、「一般公募で
【セブンカフェ】テプラに負けた佐藤可士和のデザイン : KNN KandaNewsNetwork 4knn.tv
セブン-イレブンのセブンカフェは佐藤可士和さんがデザインしている 「サービスの中心となるコーヒーマシンのデザインから行ったところ、”ステンレス”と”黒”という色でデザインが整ってきたため、それに合う世界観を考慮してすべてのアイテムの色を定めていきました」佐藤可士和 クールでシャープで洗練されたデザイン 個人的に佐藤可士和さんのデザインは大好きだ。シンプルで余計な者は極力排除する。 シンプルにシンプルにさらにシンプルに…。 佐藤可士和氏： 「医者が患者の状況や希望を総合的に判断して薬を処方するように、僕はクライアントの課題やニーズにあわせてデザインを処方しているんです」 しかし！ 理想と現実はちがった…！ 実際の店舗ではテプラだらけになっている…。 クリエイティブを発揮しているのは、フランチャイズ店のオーナーのようだ。もしくは、そこまで計算していたのか？ コンビニエンスストアという、時間と場
Engadget | Technology News & Reviews
The ‘audio earrings’ Kamala Harris didn’t wear during the debate barely even exist
よくわかる、なぜ「五輪とリエージュのロゴは似てない」と考えるデザイナーが多いのか？（深津貴之） - 個人 - Yahoo!ニュース
大きなトラブルとなった五輪のロゴ類似問題。素人目にはそっくりになロゴに対し、審査員をはじめ多くのデザイナー達が「まったく違う」と反論していたのが印象的でした。しかし、不透明かつ説明不足の審査委員会もあいまって、残念ながらこれらの発言は身内を守るものと解釈されてしまいました。また画像の盗用問題により、本来なら行われるべきだった、冷静な議論などは完全に失われてしまいました。 なぜデザイナーと世間において、これほど大きな認識の違いが生まれたのでしょうか？本稿では、デザイナーと世間の間にある「類似性のギャップ」に関しできる限りわかりやすく説明します。最大公約数的な意見としては、このような感じではないかと思います。 全体の構成としては、まず類似性は鑑賞者の文化背景に依存することを説明します。その上で、前提知識として、デザインの本質や、文字を用いたデザインの類似性についての基礎知識を解説します。その後
日本人デザイナーが内側から見たアップル：日経ビジネスオンライン
今の日本の工業製品は、ユーザーがその製品をどう使うのか、どう感じるのかまで含めた「本質的なデザイン」ができていない。その原因は、デザイナー側ではなく、経営者側にあると筆者は思っている。川島蓉子さんの連載「『ダサい社長』が日本をつぶす！」も、この状況を変えようと筆者と同じ思いで綴られているのではないだろうか。実際、日本には世界のデザイン界から極めて高く評価されているデザイナーが大勢いるし、アップルなどデザインを重視する企業と仕事をしてきたデザイナーも大勢いる（次回、詳しく触れる予定だ）。 日本メーカーのデザインに何が足りないのか さらに日本は、海外の有名デザイナーを発掘した国でもある。アップルのデザインチームを率いるジョナサン・アイブがアップル入社前に名を上げたのは、日本のゼブラ社のTX2というボールペンのデザインだった。 また、4月に発売になるApple Watchのデザインを手がけたアイ
【無料・商用可】偶然見つけた素材サイト「Dealjumbo.com」の写真やエフェクトが凄すぎて誰かに教えたくなった
どうも、やなぎさわです。やたらクオリティが高い素材サイトを偶然見つけました。質感のある写真素材〜iPhoneなどのモックアップ画像、Photoshopのエフェクト、ブラシ、さらには、Illustratorデータのロゴやテンプレートなどの素材が詰まっているサイトです。 そのサイトの名は「Dealjumbo.com」といいます。有料素材もありますが、無料で配布している素材も多く、デザイナーさんやそうでない方でも資料や、参考イメージなんかに使えると思いますので、そちらをご紹介します。 無料の素材数は、現在約200個あり、どんどん増加しているようです。 では、実際にそのサイト内にはどのような素材があるのか見てみましょう。 ぜひ覗いてほしいサイト「Dealjumbo.com」 TOPページでは、早速素材の値段などがでていますが、無料でゲットできるのは、メニューバーにある、「Freebies」からいけ
すべてのソースコードが手元にあるのに不要な抽象化を行うのはよくない
「よい」とされているプログラミング手法のひとつに差分プログラミングがある。クラスを継承して親クラスとの差分だけのコードを書けば、親ですでに実装されている機能はそのまま使えて、かつカスタマイズもできるというやつだ。 たとえばGUIのボタンをカスタマイズしてマウスオーバーするとなにかちょっと特殊なことを行うボタンを作りたいとしたら、ボタンクラスを継承して、マウスオーバーのイベントハンドラをちょいちょいとカスタマイズしてやればよい。差分プログラミングは大変素直でよいプログラミング手法のような感じがする。 よいのはよいと思う。 しかしこういういい例だけをみてそれをどこでも真似しようと思ってしまうと、不必要な抽象化を積み重ねる困ったプログラマになってしまう（そういう人は結構たくさんいる）。自分でプログラムを書く場合には、よくできたクラスライブラリやフレームワークをお手本にして抽象化を行うのは、ほとん
Appleがトップページで自動送りカルーセルをやめた理由
残念ながらページ全体のキャプチャをとっていなかったので下までお見せできませんが、ページのメイン要素となるカルーセルの下にはフッターしかありませんでした。ほんとですw そして、おぉ、さすがApple。 ここでも思い切った選択をしたな〜と思っていたわけです。 ところが！ 数日後にもう一度トップページを見てみたら、あの懐かしの4つのボックスが戻っているではないですか！？ 実は、このレイアウト（巨大ヒーローイメージと4つのフィーチャーボックス）が、何年も続いたAppleの鉄板レイアウトだったわけですが、先日のリニューアルでこのフィーチャーボックスがなくなっていて「ついに、あれもお亡くなりになられたか」と、密かに悲しんでおりました。 その後のこの華麗なカムバックです。 かなり興奮してしまいました。 しかも、スタイルも細かいスペースや背景の扱いがよりシンプルなものに更新されています。 iPadでみると
はじめてiPhoneを見たときの感想 : 続・ユビキタスの街角
2006年に渡米してAppleで働くことになったのだが、 2006年10月ごろに発売前のiPhoneを見せてもらったとき感じた感想を書いてみる。 (この感想は2006年10月のものであり、最近編集したものではない。iPhone発売は2007年1月。) iPoneはPIMとしては論外である。 自分がPalmを使ってたときと比較すると問題点がはっきりする。 Palm上では以下のような使い方をしていた。 がんがんメモをとる (POBoxを使う) インターネットと同期しつつ数千のメモを管理する メモ間のリンクを張る (PalmWikiを使う) 大量のメモをインクリメンタル検索する (Q-Pocketを使う) 階層的にフィルタリングしながらズーミング検索 (LensBarを使う) 漢字テキストもローマ字で検索 (Migemo機能) iPhoneはこのようなPIM機能を全く持っていない。 Palmでは
紙面に近づけたい！HTML＋CSSで作る文字レイアウト12個 | PRESSMAN*Tech
印刷する紙のデザインと異なり、Webデザインは環境によって見た目が変わります。どの環境でも同じレイアウトで見せるには画像として書き出せば確実なのですが、テキストの部分はそうもいきません。 DTPデザイナーの方からも「こんな文字のレイアウトはWebだと無理？」といったご相談を受けることがよくあります。 今年に入って、HTML5＆CSS3に対応したブラウザのシェアもかなり増えてきましたので、今回は文字のレイアウトに関するHTMLとCSSをご紹介したいと思います。 目次：段組み縦組み（縦書き）行末揃え（両端揃え）先頭文字スタイル（ドロップキャップ）段落先頭1字下げ2行目から1字下げ（ぶら下げインデント）行頭禁則文字ふりがな（ルビ）圏点（傍点、脇点）大文字と小文字の変更スモールキャップス（スモールキャピタル）長体、平体（水平比率、垂直比率）※IE以外のブラウザは、2014年7月4日現在の最新版にて
適当に描いた手書きスケッチから本格的なロゴを製作してくれる『Logoshi』
適当に描いた手書きスケッチから本格的なロゴを製作してくれる『Logoshi』 『Logoshi』はユーザーが手書きで描いたスケッチから均整の取れた綺麗なロゴマークを自動製作してくれるサービス。 ユーザーが考えている抽象的なイメージを具象化して本格的なロゴを作成／提案してくれるというものです。 まずはカラーパレットから色を選んで適当にスケッチしていきましょう。 あくまでイメージを書き出すというだけの作業であって、うまく書く必要はあまりありません。 また、ロゴに組み合わせる社名やサービス名などの名称も指定しておきます。 [Build Logos]をクリックしてしばらくするといくつかのロゴとフォントフェイスが作成されていきます。 気に入ったものをチョイスすると実際にどのような見た目になるのか、選んだロゴとフォントを使って合成写真を作成してくれます。 [Download low resolutio
Apple社のキーボードについてる「コマンドキー」アイコンの元ネタはコレだった
Apple社は時々大きなデザインコンセプトの変更を行う一方、シンボリックな要素については非常に大事にしてきました。「コマンドキー」アイコンは初代Macから残っているものの一つ。このデザインがどこから生まれたのか、デザイナーのスーザン・ケアが語っていました。 スーザン・ケアは初期のApple社のアイコンのほとんどをデザインしたグラフィック・デザイナー。「ハッピーマック」を始めとする、Appleの象徴的なアイコン群は彼女の作品となります。 Susan Kare – User Interface Graphics – Apple Mac Icons ちなみにこちらもスーザンの作品。 Susan Kare – User Interface Graphics さて、彼女が「コマンド」キーのアイコンを作ったのは初代マッキントッシュ開発中のこと。お絵かきソフト「MacDraw」のメニューを見たスティーブ
年寄りを困らせる「レスポンシブWebデザイン」 | スタッフルーム | 日経BPコンサルティング
スマートフォン利用者に配慮して「レスポンシブWebデザイン」を採用するサイトが増えています。このデザインは1つのHTMLファイルで、パソコンとスマートフォン、それぞれに適したページを表示できるのが特長。特に若い人をターゲットにする大学サイトで注目を集めています。Googleも推奨する優れた手法ですが、デメリットもあります。話題になることが少ない、ユーザビリティ上の問題点について指摘しましょう。 「レスポンシブWebデザイン」（以下、レスポンシブ）とは、ブラウザーの画面サイズに応じてレイアウトを変更させるWebページの作り方。パソコンとスマホから同じURLにアクセスし、同じHTMLファイルを開くと、パソコンにはパソコンに適したデザイン、スマホにはスマホに適したデザインが表示されます（中には、タブレット向けデザインを用意しているサイトもあります）。 レスポンシブを採用するサイトは最近増えていま
Shunter.jp - 楽天のトップページを内容を変えずに、外観だけ変えてどれだけ見やすくなるか試してみました。
フルサイズ 変更前 まえがき なんで楽天？？ すみません、何かのご縁だと思いますが、セミナーを受けていたら調度思いついた感じです。 先日データサイエンスの始め方・データ分析のデザインパターンというセミナーに参加してきました。 その中で一番私の印象に残ったのが、最後のプレゼンテーションで「楽天」のサイトのデザインについてでした。 内容は簡単に言うと、『「おもてなし」をしましょう。そのためにユーザの感情をデータからモデル化することを目指す！』という話だったと認識しています。 「おもてなし」という考え方は、とても共感しました。ユーザにとっていい物をという思想は常に持っていたい所存です。 当該プレゼンテーションの中では、ホテルのバスタオルの再利用を促すための張り紙を１つの例として扱い 、ユーザとの接し方を変える事でユーザの行動が大きく変わる事をこのことを説明されていました。 この話での、具体的な比
C言語における暗黙の型変換とAPI設計 - もなもなもなかのページ
#include <stdio.h> #include <stdlib.h> int main(void) { int a = 65535; char b; b = a; printf("%d %d\n", a, b); return EXIT_SUCCESS; } 「a に 65535 を代入し，b に a の値を代入しているのだから，b も 65535 になるはず．」 などとLL言語(JavaScript や Ruby など)に慣れていると思ってしまいがちだが，そうはならない． なぜなら，一般に，char 型の変数が保持できる値の範囲は，int 型の変数が保持できる値の範囲よりも小さいから． 概ね(…とボカす理由は後述)，char は -128 から 127 までの整数しか保存できない． この性質は，ときどき，極めて恐ろしい． C言語は，上の例のように保持できる値の範囲が小さい変数への
ユーザーの知識は低いレベルで停滞する
学習というのはたいへんな作業なので、ユーザーのやりたいことではない。その結果、彼らはユーザーインタフェースの探索をすることもなく、ほとんどの機能について知らないままだ。 User Expertise Stagnates at Low Levels by Jakob Nielsen on September 28, 2013 日本語版2013年11月25日公開 コンピュータシステムを長期間利用しているユーザーでも、知っていて使っているのは利用可能なコマンドや機能のほんの一部だけであることは多い。デザインのユーザビリティが優れていれば、ユーザーはシステムを利用しはじめて間もなく、かなり容易に一連の基本機能を理解する。しかし、その後、彼らは伸び悩み、それ以上はたいしてスキルが上がらない。システムを頻繁に使っているユーザーですら、年にわずか1つか2つの新しい知識を身につけられるようになるまでには何
データベースアプリケーション開発を炎上させる負のスパイラル
毎度おなじみ、はてブのホットエントリに「SIをダメにする負のスパイラル」というタイトルのまとめが掲載された。きしだ氏とはかなり視点は違うものの、開発現場の問題点については少し思うところがあるので意見を書いてみようと思う。と言っても、以下の話の内容はデータベースアプリケーションに限定した話であり、またSIerだけに限った話ではないのでその点はご容赦頂きたい。もちろんSIer各位の案件はデータベースは必須なので、本エントリで触れる問題点には該当するだろう。 Q.なぜ炎上するのか？ A.正しいデータベース設計ができていないから結論から言おう。データベースアプリケーションの開発が炎上するのは正しいデータベース設計ができていないからだ。ここでいう「正しい」とは、論理的に証明できる正しさという意味ではない。「本来こうするべき」といった意味で捉えて欲しい。 「炎上」というのは、例えばテストが通らない、バ
日本のウェブデザインはなぜこんなにも世界と違うのか？ - BRIDGE（ブリッジ）テクノロジー＆スタートアップ情報
本記事は、ブログ『RANDOMWIRE』の運営者の許可を得て、翻訳しています（元記事）。 静寂が満ちる禅庭園、美しい神社、静穏な寺、洗練された茶道。日本の伝統建築、現代建築、書籍、雑誌は世界中のデザイナーの羨望の的だ。 だが、どうしてか、こうした巧みな技術はデジタルプロダクトには生かされていないようだ。特にそれが顕著なのは、ウェブサイトだ。その多くが、1998年のスタイルから変化していないように見える。 例１：楽天市場 有名な日本のサイトの多くを見てみると、次のような傾向が見られる。（例えば、 Yahoo Japan、楽天、ニコニコ、JR東日本、読売新聞…） 隙間なく敷き詰められている文字 小さく、画質の悪い画像 数えきれないほどのカラム 色同士の調和に欠ける派手な色使い、きらきら光るバナー Flashのような、過剰に使用される時代遅れのテクノロジー 美しい俳句、質素なわび・さびとはかけ離
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
CSSが破綻する4つの理由 - Qiita
