なぜ制御室の多くが「シーフォーム・グリーン」に塗られていたのか？
昔の工場や原子炉施設などの制御室を見ると、壁や機器の一部がそろって淡い青緑色(シーフォーム・グリーン)に塗られていることがあります。デザイナーのベス・マシューズ氏は、こうした施設でよく見かける「シーフォーム・グリーン」の由来を調べました。 Why So Many Control Rooms Were Seafoam Green https://bethmathews.substack.com/p/why-so-many-control-rooms-were-seafoam マシューズ氏がシーフォーム・グリーンの由来を考えるきっかけになったのは、アメリカ・テネシー州オークリッジにあるマンハッタン計画関連施設の制御室でした。つまみやレバーやボタンが並ぶ操作盤が印象的ですが、それと並んで目を引いたのが、壁や室内で広く使われていた独特の「シーフォーム・グリーン」だったとのことです。海の泡を思わせる
４年間、7色だけでUIをデザインし続けた話｜コウノ アスヤ
2019年にフリーランスとして独立した時すぐに声をかけていただいて、そこからずっとUIデザイナーとして関わってきた株式会社FLINTERSが今年で設立10周年なんだそうです。それを記念して、なんとメンバーでリレーしながら133日間ブログを書き続けるチャレンジに挑戦中とのこと。今回はその101日目の記事となります。 漫画アプリ「GANMA!」漫画アプリGANMA!僕が関わっているのはGANMA!のスマホアプリです。iOS向けとAndroid向けがあり、その両方のデザインを担当しています。 オリジナルの作品ですと、最近アニメ化された山田くんとLv999の恋をするなどが有名でしょうか。作品自体はいろんな漫画アプリで読めますが、原作はGANMA!発。最新話が最速で読めるのもGANMA!だけです。 GANMA!のデザイナーはずっと僕1人だけなので、僕の思想や判断がけっこう大きめにデザインに反映される
アクセルもブレーキも「踏む」から「握る」へ!! なぜトヨタはランクル250からすべてのペダルを撤去する試みをするのか？ - 自動車情報誌「ベストカー」
トヨタがジャパンモビリティショーにステアリングを出展する。「NEO Steer」と名付けられたそれはランクル250に搭載されていたが、なんと手だけでクルマのすべての運転操作を行えるという。しかもかっこいいのよ……。 文：ベストカーWeb編集部／写真：池之平昌信
登録手続きのこの画面、生まれた年までひたすら連打できつすぎる→実はここから年選択できるが「悪いUIの例として教科書に載せたい」
東京都の「018サポート」という給付金の手続きでつまづいてしまう人が続出。特にスマホの手続きの難しさが話題に 放射線科医ふくろう@イベントバー大塚店開業準備中 @tk2cafe 子供1人ごとに月5,000円もらえる東京018サポートの申請が難し過ぎる。悪戦苦闘してなんとか終了。 中でも生年月日の入力がカレンダーでしかできず年も選択できない。タップ1回で1か月戻る。37年間戻るために450回くらいタップ。 ｢何としてでも途中で離脱させる｣という東京都の強い意志を感じた。 2023-09-21 13:43:02
Photoshopの「透明」が「白とグレーの市松模様」の理由 | ねとらぼ
Photoshopで「透明」を表す「白とグレーの市松模様」。Photoshopユーザーであれば、この市松模様を特に意識することなく「透明」と認識してしまう人も少なくないだろう。 しかしなぜ「透明」を「白とグレーの市松模様」で表現したのか。その長年抱き続けていた疑問を、Photoshop誕生25周年イベントのために来日していたPhotoshop共同開発者のトーマス・ノール氏に投げかけてみた。 実はこの表現は、バイオロジーの分野（生物学など）から来ているという。もともとバイオロジーの分野では「透明なガラスの下に白黒のチェッカーボードを置いて物を置く」という表現があり、長い間「透明」を表現するためにチェッカーボードが用いられていたそう。そこからヒントを得て、Photoshopの「透明」は市松模様で表されている。 しかし、白と黒では目がチラチラしたため、見た目の優しさを重視して黒をグレーにしたのだ
デザインシステム｜デジタル庁
デジタル庁では「誰一人取り残されない、人に優しいデジタル化を。」の実現を目指し、ウェブサービス・ウェブアプリケーションの使い勝手や情報の探しやすさ、アクセシビリティ等の向上に取り組んでいます。 その一環として、「デザインシステム」の構築を推進し、官民問わずすべての方が参照できる形で公開しています。よりよいデザインの普及・啓発に向けて拡充と更新を継続的に行い、あらゆる人がデジタル化の恩恵を享受できる社会に貢献します。 2024年5月30日 デザインシステムのコンテンツは専用サイト「デジタル庁デザインシステムβ版」へ移行しました 専用サイトで、ガイドラインやデザインデータ等の各アセットを案内しています。 イラストレーション・アイコン素材 行政手続きをもっとわかりやすくするために作成した素材集です。どなたでもご利用いただけます。 最近の取組2024年5月 専用サイト「デジタル庁デザインシステムβ
フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note
フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 なんでこんな話になったのか（前置きなので次の章まで飛ばしてOKです） デザイナーさんから「この画面をこんな風に作ってください」とXDやSketch、PSDなどいろいろな形で渡されることがあると思います。 僕の個人的な意見・経験ですが、いざ実装するぞとなったときに 「あれ…ここってどうしたらいいんだろう？」 と迷って作業のスピードが落ちてしまうことがとてもストレスに感じていました。できればノンストップでいきたいなあと思うわけです。 手が止まるたび、デザイナーさんに「ここってどうしたらいいですか？」と質問するのが何か新しい画面を作るときに必ず発生していました。 「（いつも聞いてる
人はなぜ「分かりやすいデザイン」でも失敗するのか｜Tsutomu Sogitani
これは私が最近よく訪問する日本橋駅直結の商業ビル、東京日本橋ビル内のエレベーターのボタンです。 唐突に質問ですが、このボタンで操作ミスを起こすポイントがあるとすれば、それがどこだか分かりますか？ 説明が必要と思いますが、このビルは7Fがオフィスロビーになっています。駅直結のB1と1Fからは7Fまで直通するシャトルエレベーターがあり、全員7Fで一度降り、セキュリティチェックをし、23Fより上にあるオフィスフロアに入ります。そのオフィスロビーとオフィスフロアを行き来するためのエレベーターのボタンがこれです。 ボタンが23Fから30Fまでしかなくて、下に大きく7Fのボタンがあるのは、そういったビルの構造からです。 私と同行したディレクター（26歳）は、打ち合わせが終わってオフィスフロアからオフィスロビーに帰る際に、操作ミスをしました。それも1度だけでありません。次の打ち合わせの帰りにもまったく同
はてなブックマークボタンが2017年2月から新しくなります - はてなブックマーク開発ブログ
はてなブックマークボタンの新たなボタンタイプを2月上旬に追加予定です。またこれに伴い、現在のはてなブックマークボタン（2012年以降バージョン）のデザインを変更する予定です。すでにブログやサイトなどに設置されているボタンのデザインは自動的に最新版へ変更される予定ですので、ユーザーがタグの再設定をする必要はありません。 新たに加わるボタン 新たなボタンタイプは、スマートフォンでも利用しやすいデザインになっています。また今後は、ボタンタイプごとに幅や高さのカスタマイズが可能になる予定です。 新しいボタンタイプ カスタマイズ例 デザイン変更を行うボタン これまでのはてなブックマークボタンのデザインを、他サービスボタンのテイストに合わせて変更する予定です。バーティカル型のボタンは高さに変更（→ height:40px）があります。 左: これまでのボタン / 右: 新しいボタン 今後とも、はてなブ
プロジェクト炎上を防ぐ魔法のアイテム、100徳ナイフを買ったお話２ | fladdict
こんにちは、日本で唯一の100徳ナイフコレクター（推定）兼、UIデザインとかしてる fladdictです。 先日、会社の機材として新しい100徳ナイフを購入しました。 via mantiquesmodern ゾーリンゲンのナイフマイスター、P.LANGが自ら研ぎあげた、最高級の一品です。重量950g、お値段なんと120万円。今年のお小遣いが全部すっ飛びました。 馬鹿と思われるこのナイフ、実はサービスの炎上やデスマーチを防ぐ神ツールだったりします。 このナイフをクライアントの偉い人に見せると、あら不思議！ 「弊社のアプリをこうしては絶対にならない！」「この状況を脱しなければならない！」という号令が、ほぼ100%トップダウンで発動します。 一目瞭然なほど馬鹿で、巨大で、非実用的で、そして無駄に高価であればあるほどに意味がある。これを見せた時、「多機能もすぎれば毒となる」という言質に説得力が生ま
サイトのデザインを変更しただけで約50％もユーザーを失った失敗例
By Wicker Paradise アイコンに関するニュースから販売まで手がけるサービス「Icons8」の中の人が、ウェブサイトのデザインを大幅に変更したところ47％ものユーザーを失ったことをブログで明らかにしました。ブログではユーザーを失うまでの経緯や、なぜ失ってしまったのかの分析結果まで書かれていて、興味深い内容になっています。 How We Lost 47% of Our Users After a Redesign | Icons8 https://icons8.com/articles/how-we-lost-47-of-our-users-after-a-redesign/ サービス開始当初、Icons8はアイコンの開発・販売を手がけるサービスでしたが、毎日新しいアイコンを作り続けるのには無理があるため、「リクエストアイコン」という機能を実装しました。リクエストアイコンとは、
iOS ヒューマンインターフェースの原則 — Medium
iOS のヒューマンインターフェースを理解するためにはまず UI 設計の原則を定めた聖典 iOS Human Interface Guidelines を読むことから始めなければなりません。ここにはプラットフォームの特徴から情報設計の原則、それぞれ何のための部品なのか、という解説がされています。なぜこうなったのか、なぜこれが良くてあれが駄目なのか、Apple の UI デザイナーは何を考えてこのような設計にしたのか、HIG ではそのようなところまでは説明されていないことがあります。いくら内容を丸暗記したとしても「 なぜ 」がわからなければ本質から理解したとは言えません。 よくある UI デザインにおける誤り、『磨りガラス効果がかっこいい』『アニメーションしておくとかっこいい』『ボタンは右配置の方が押しやすい』『色が綺麗』『流行っているから優れている』…などがありますが、そういうことではない
明朝体は絶滅するのか？ AXIS Font生みの親の挑戦
「明朝体はこのままだとあと20年もすればこの世から消えてしまうかもしれない」。独立系フォントベンダーであるタイププロジェクト社長の鈴木功さんはそう語る。鈴木さんはタイプデザイナーであり、デザイン業界で評価の高いAXIS Fontの生みの親として知られる人物だ。 事実、明朝体を目にする機会は激減している。PCのWebブラウザーはもちろん、スマートフォン、タブレットといったデバイスの基本フォントはいずれもゴシック体。ニュースは新聞ではなくニュースサイトやアプリでチェックし、知りたいことは本ではなくググるかFacebookで尋ねる時代。紙媒体ですら、ゴシック体で堂々と本文を組む書籍が増えた。私自身、Web業界の経験が長い新人編集者に、明朝体で組まれた新刊のゲラを「なんか読みづらい」と言われてしまった経験がある。 「気持ちが悪い」から始まった、明朝体の居場所作り 6年前。鈴木さんには忘れられないエ
【画像】かっこいいデザインにする→利用者が分かりにくくなる→貼り紙されてデザイン崩壊 : 哲学ニュースnwk
2014年07月07日08:00 【画像】かっこいいデザインにする→利用者が分かりにくくなる→貼り紙されてデザイン崩壊 Tweet 1： アルゼンチンバックブリーカー(大阪府)＠＼(^o^)／：2014/07/06(日) 18:32:54.28 ID:jtlvCqZS0.net 日本製テレビのリモコンデザインが酷いと話題 http://blog.livedoor.jp/nwknews/archives/4693376.html @デザイナー各位 現実の様子です https://twitter.com/bitsoil/status/485361874918064128/photo/1 3： ファイヤーバードスプラッシュ(東京都)＠＼(^o^)／：2014/07/06(日) 18:34:52.53 ID:UR430JtD0.net 英語がかっこいいという風潮やめろ 74： フェイスロック(東日
デザインの科学『インタフェースデザインの心理学』
「ファミコン『ドラゴンクエストIV』のパッケージイラストの主役が、一番小さく描かれているのに、最初に目に入ってくるのはなぜか」 これについて、中村佑介氏の解説が目鱗だ→【イラストの見栄えが良くなる】中村佑介先生の公開講座が凄い！。本来は目立たせたいもの（主役）を大きく描くのが原則だが、彩度とコントラストを増やすことで、見やすい画面作りをしているという。 だが、もう一つ、このデザインには「主役」を主役たらしめるテクニックがある。それは以下の通り。 1. 人は、人の顔に一番興味を持つ 2. 人は、画面の中で、顔を最初に見る 3. 人は、画面の顔の視線の先に注意を向ける この原則を知ったのが、本書だ。人はどのように認知し、判断し、行動し、そしてエラーを引き起こすのかについて、ウェブやアプリのデザイナー向けに、「100の指針」という形でまとめたもの。 「嘘のレベルは伝達手段で変わる」や、「読むと理
Webサイトに変なスクロール使うのをやめろ
最近変なスクロールを使ってるサイトを見る。 これとか http://www.apple.com/iphone-5s/ これとか http://heteml.jp/ 他にも色々。 Javascriptがなんか頑張ってんだろうけどさ、 正直鬱陶しいよ。 やけに重いし、使いづらいし。 Chromeだとヌルヌル動くって？ みんなChrome使ってる思ってたらアカンでほんま。 追記： この変なスクロールはパララックスと言うそうです。 「この変なスクロール＝パララックス」ではないそうです。 また、「この変なスクロール＝パララックスのひとつ」と言う訳でもないみたいです。 ごめんね、もうこの追記消したい気分。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
宝塚大劇場は女子トイレの混雑がすごいのでは？と思って調べたら圧倒的な物量＋通り抜け方式で捌いているらしく「宝塚歌劇すげえ…」とおののいている
高齢者がプリウスでドライブとバックを間違えてしまう原因は「シフト」にあるのではという指摘が新しいと話題に
Webデザイン講師 宮崎祐樹
洗練されたデザインが話題のドライクリーニング店