なぜ制御室の多くが「シーフォーム・グリーン」に塗られていたのか？
昔の工場や原子炉施設などの制御室を見ると、壁や機器の一部がそろって淡い青緑色(シーフォーム・グリーン)に塗られていることがあります。デザイナーのベス・マシューズ氏は、こうした施設でよく見かける「シーフォーム・グリーン」の由来を調べました。 Why So Many Control Rooms Were Seafoam Green https://bethmathews.substack.com/p/why-so-many-control-rooms-were-seafoam マシューズ氏がシーフォーム・グリーンの由来を考えるきっかけになったのは、アメリカ・テネシー州オークリッジにあるマンハッタン計画関連施設の制御室でした。つまみやレバーやボタンが並ぶ操作盤が印象的ですが、それと並んで目を引いたのが、壁や室内で広く使われていた独特の「シーフォーム・グリーン」だったとのことです。海の泡を思わせる
完全に「脱Google化」されたスマホのモバイルエコシステム「/e/OS」
Androidからフォークした「脱Google化」したスマートフォン向けのOSが「/e/OS」です。オープンソースで開発されており、プライバシー保護されたOSであるということが学術的に認められています。 /e/OS - e Foundation - deGoogled unGoogled smartphone operating systems and online services - your data is your data https://e.foundation/e-os/ 「/e/OS」はAndroidを「脱Google化」したオープンソースのスマートフォン向けOSです。Androidのコアテクノロジーを採用しながら、Googleのアプリやサービスから分離することで、Googleに個人情報を収集されることを防ぎます。開発はe Foundationが担当です。 「/e/OS」の
新しいデザインツール Pencil を試してみた
Pencil は Figma のような使用感で UI デザインができるツールです。Pencil MCP サーバーを利用して双方向に AI コーディングツールと連携し、デザインからコードを書き出したり、プロンプトでデザインを生成したりすることができます。 Pencil は、Figma のような使用感で UI デザインができるツールです。Pencil MCP サーバーを利用して双方向に AI コーディングツールと連携し、デザインからコードを書き出したり、プロンプトでデザインを生成したりすることができます。オープン形式の .pen ファイルを使用しており、テキストエディタで内容を確認したり、バージョン管理システムで管理したりすることも可能です。また Figma からのインポートにも対応しています。 この記事では Pencil を実際に試してみた感想を共有します。 インストールとセットアップ Pe
パスキー認証に対する脅威と対策 (2025秋)
ritouです。 ここ数年、ユーザー認証のお話をさせていただいている中、最近ようやく「パスキー認証はね、入れとかないと」みたいな雰囲気になってきましたが、しかしその一方で、「パスキー認証のこういうところが好きになれない」といったご意見も当初からいただいています。今回は、その中の「こうしたらやられる」と言う主張、つまりパスキー認証に対する現状の脅威、考えられる対策 について整理しましょう。 ユーザー認証の現状とこれから ユーザー認証はここ数年、脅威の認識と対策の繰り返しの中で変化してきました。 パスキー登場までの経緯については、 “パスワードレス認証への道" ユーザー認証の変遷とパスキーの関係 にて整理しています。 3行でまとめると、次のようになります。 パスワード認証のみの利用は、パスワードの使い回しによる他サービスへの影響範囲を考えても、極めて危機的な状況である 一般的に使われている「パ
まぎらわしいサイトデザインでユーザーをだます「ダークパターン」いろいろまとめ
ユーザーをだまして判断を誤まるように誘導するような、悪意のあるウェブサイトのデザインを「ダークパターン」といいます。ダークパターンは、ユーザーのプライバシーを侵害したり、ユーザーにより多くのお金を使わせようとしたりするため、問題視されています。そんなダークパターンに該当するさまざまなケースをまとめたサイト「Dark Patterns Hall of Shame(HOS)」が公開されています。 Collection of Dark Patterns and Unethical Design https://hallofshame.design/collection/ ◆しつこい要求 「しつこい要求」は、アプリやウェブサイトで通知や連絡先へのアクセス許可をユーザーに何度も求めるという手口です。ユーザーは何度も拒否しますが、最終的には根負けして許可してしまうケースがよくあります。 HOSはTik
UIデザインで中央配置がずれてしまう理由と解決方法
UIデザインには、至る所に中央揃えが使用されます。 しかし、アイコンとテキストが美しく揃わない、テキストがボタンの中央からずれている、そんなことはありませんか？ UIデザインで中央配置がずれてしまうときの理由、実装時にデベロッパーができること、デザイナーができること、数字的そして視覚的な調整方法などを紹介します。すぐに実装で試したくなることばかりです。 Hardest Problem in Computer Science: Centering Things by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに フォントにおける中央揃え line-heightにおける中央揃え アイコンにおける中央揃え アイコンフォントにおける中央揃え 中央配置がずれているのは、スキルの問題 水平方向の中央揃え
４年間、7色だけでUIをデザインし続けた話｜コウノ アスヤ
2019年にフリーランスとして独立した時すぐに声をかけていただいて、そこからずっとUIデザイナーとして関わってきた株式会社FLINTERSが今年で設立10周年なんだそうです。それを記念して、なんとメンバーでリレーしながら133日間ブログを書き続けるチャレンジに挑戦中とのこと。今回はその101日目の記事となります。 漫画アプリ「GANMA!」漫画アプリGANMA!僕が関わっているのはGANMA!のスマホアプリです。iOS向けとAndroid向けがあり、その両方のデザインを担当しています。 オリジナルの作品ですと、最近アニメ化された山田くんとLv999の恋をするなどが有名でしょうか。作品自体はいろんな漫画アプリで読めますが、原作はGANMA!発。最新話が最速で読めるのもGANMA!だけです。 GANMA!のデザイナーはずっと僕1人だけなので、僕の思想や判断がけっこう大きめにデザインに反映される
「UIの良さ」ってのはユーザビリティだけじゃないんだよ〜UNDERTALEのUI｜Yamashita Angelica
この記事には、ゲーム「UNDERTALE」のネタバレが含まれます。 ネタバレによってゲーム体験を致命的に損なう可能性が高い作品です。今後プレイする予定のある方は、ぜひプレイ後にお読みください。 UNDERTALE（アンダーテール）とは、「知る人ぞ知る」と言うにしてはあまりにも有名になりすぎたインディーゲームです。2015年にPC向けに開発され、現在はSteam、XBOX、PSVITA、PS4、Nintendo Switch…と、多くのプラットフォームで遊ぶことができます。 ほぼToby Fox氏個人で開発した作品でありながら、各メディアのGOTY（ゲーム・オブ・ザ・イヤー）に多数ノミネートされており、「メタルギアやマリオが出てくる受賞ランキングに個人開発ゲームが入ってるってどういうことだよ！！！！！？？？？！！！！！」と当時せっせとゲームスタジオで働いていた私は卒倒しそうになりました。 こ
三輪士郎氏キャラクターデザインによる新しい"ソウルハッカーズ" 『ソウルハッカーズ2』
『デビルサマナー ソウルハッカーズ』（1997）のリリースから25年。待望の新作『ソウルハッカーズ2』がリリースされた。前作の世界観を踏襲しつつも、まったく新しいキャラクターと世界が織りなす物語がいかにして創造されたのかを紐解く。 ※本記事は、CGWORLD vol.290（2022年10月号）掲載の記事を再構成したものです Interviewee アトラス 写真上段左から プロデューサー＆ディレクター、チーフデザイナー：石田栄司氏 テクニカルアーティスト、リードモーションデザイナー、リードモデリングデザイナー：安本 拓氏 リードフィールドデザイナー：川瀨貴義氏 写真下段左から リードバトルデザイナー：土肥正和氏 エクストラデモデザイナー：山田 亮氏 インターフェイスデザイナー：寺田友紀氏 モデリングデザイナー：杉澤 雄氏 Information 発売・開発：アトラス リリース：発売中 価
人間の危機管理能力に訴えかけている“不快なデザイン”を展示している『不快のデザイン展』が気になる「失敗例じゃなくわざとなのが面白い」
Yoshihiro Shindo @beinteractive Unity / UI / 手品 / 仕事はビデオゲーム開発です 🐽「レッツプレイ！オインクゲームズ」UIデザイン・演出→ store-jp.nintendo.com/list/software/… 🔥「チルっと焚き火ソン」UIデザイン・演出→ https://t.co/wnIB8zKbii 🃏 手品アカ→ @flsdsgn beinteractive.jp Yoshihiro Shindo @beinteractive 「不快のデザイン展」見てきました。苦さで誤飲を防ぐゲームカード、不穏な音で危険を知らせるチャイム、読みにくくすることで記憶力を上げるフォントなど、五感に訴えかける不快さをどのようにデザインに利用するかという、UI デザイナーが大好物な話が沢山ありました。オススメ。 pic.twitter.com/qWIU
ブラウザ版はてなブックマークで「マイナス評価」ボタンを試験導入します - はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チーム、ディレクターのid:yone-yamaです。 本日よりブラウザ版はてなブックマークで、「マイナス評価」ボタンの試験導入を行います。 この変更は、以下の告知内でも触れている通り、ブックマークコメントの健全化を目的とした施策の一環となります。 bookmark.hatenastaff.com 「マイナス評価」ボタンについて 「マイナス評価」ボタンは、ブラウザ版はてなブックマークのコメント一覧ページに、各ブックマークコメントごとに表示されるボタンです。はてなスターとは異なり、1つのコメントに対して1回のみ押すことができます。 使い方としては、コメントの内容や表現に疑義や違和感があるなど、ご自身にとって望ましくないと感じるコメントに対してご利用いただくことを想定しています。 この「マイナス評価」ボタンは
UIデザインの「あれ」の名前を知ろう｜株式会社ドヴァ
こんにちは。ドヴァ マーケティングサービス部所属の新人デザイナーです。 WebのUI・UXデザインの仕事をしていると、デザイナー同士なら「ここのデザイン、コレをこうしたい（身振り手振り）」だけでほとんど伝わるけど……、クライアントに説明するときはそのイメージと一緒に、正式名称で正しく伝えるようにしよう、と思うことがよくあります。 でも、パーツデザインの名称って意外と知られていないものが多いので、今回はその一部を紹介します。「これは絶対この名前で、それ以外は間違いです！」というわけではなく、さまざまな呼び方がある場合も多いため、こういう呼び方もあるんだなぁという気楽な感じで読んでいただければ嬉しいです。 『三本線のボタン』⇒ハンバーガーメニューボタン 今や、どのWebサイトでも使われている超定番のナビゲーションメニューボタン。名前のとおり、ハンバーガーのパティとバンズのような形状からこの名前
Stable Diffusion web UIのインストールと使い方
今回は、「Stable Diffusion web UI」をWindowsやMacにインストールする方法と、その使い方を紹介します。 Stable Diffusion web UIについて Stable Diffusion web UIは、ブラウザをインターフェースとして利用して、AIによる画像生成を行うことができるツールです。 GitHub[AUTOMATIC1111/stable-diffusion-webui]（https://github.com/AUTOMATIC1111/stable-diffusion-webui） Stable Diffusion web UIでは、次のような画面をブラウザで動かすことができ、かんたんにAIによる画像生成を行うことができます。 この、ブラウザを使うというスタイルのおかげで、Windowsでも、Mac(Apple Silicon)でも、Linu
イラスト画像から逆向きに画像生成AIのプロンプト用にDanbooruタグを見つける「Deep Danbooru」を「AUTOMATIC1111版Stable Diffusion web UI」で使う方法まとめ
Stable Diffusionなどの画像生成AIは、「プロンプト」と呼ばれる文字条件から画像を生成します。Waifu-DiffusionやNovelAIなど、二次元イラストに特化した画像生成AIは、二次元イラストサイトのDanbooruにアップロードされた画像で学習しています。そこで、Stable DiffusionではなくDanbooruのタグで画像を生成する手助けになる機能「Deep Danbooru」が、Stable DiffusionのウェブUIの決定版である「AUTOMATIC1111版Stable Diffusion web UI」で簡単に利用できるようになったので、実際に使ってみました。 GitHub - AUTOMATIC1111/stable-diffusion-webui: Stable Diffusion web UI https://github.com/AUTO
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーのためのコンポーネント設計論
消費者欺く「ダークパターン」撲滅へ “誠実なWebサイト”認定制度
Microsoftが「エクスプローラー」にさらなるテコ入れ ～ファイル詳細パネルが近代化へ
スマホの「フリック入力」から日本が見えてくる【西田宗千佳のイマトミライ】
ControlNet用のポーズを簡単に作れる「Openpose Editor」の使い方【Stable Diffusion web UI】
地味だけど歴史的英断？ Googleの検索結果ページ、連続して読み込まれる仕様に変更へ【やじうまWatch】
