タグ

designに関するmas-higaのブックマーク (114)

  • 「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か?|moutend

    結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。

    「UIの色を変えただけで大量のクレームを頂戴してしまった話」の何が問題か?|moutend
  • 109シネマズのロゴを見るたびに気になって仕方がない“イラレ使い”のみなさん

    大塚マオ @oam_ootuka 最近思うのが、創英角フォントのダサさもさることながら、109シネマズのロゴもかなり、かなり、その、あれだよね? pic.twitter.com/mM1RmxdZxa 2015-08-10 16:40:57

    109シネマズのロゴを見るたびに気になって仕方がない“イラレ使い”のみなさん
    mas-higa
    mas-higa 2023/10/17
    どう見てもわざとやってる飾りやん。自分なら絶対やらんけど。
  • デジタル庁のサイトやばすぎるwww - Qiita

    はじめに みなさん、デジタル庁のサイトはご覧になったことはありますか?今話題のデジタル庁です。 こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ?最初見たときこれ「やっばw」と思いました。これからこのサイトのやばさを語っていきたいと思います。 洗練されたシンプルさ、そしてデザイン 僕は最初見たときびっくりしました。「なんてシンプルで見やすいんだ!」官公庁のサイトですよ?官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。 やばいですねこれ。 そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ

    デジタル庁のサイトやばすぎるwww - Qiita
  • 新しくプログラミング言語を作る際に数値型をどうするべきか

    この記事は、新しくプログラミング言語を設計する際に数値型をどうするべきかについて、私の持論をまとめたものです。 数の体系 JavaScript(BigInt以前)やLua(〜5.2)などは唯一の数値型が浮動小数点数型で、整数も実数も同じ「number」型で表現します。ミニマルな言語を作るのならそういう設計もアリかもしれませんが、ネイティブコンパイルも視野に入る実用的な言語を作るなら整数と実数を一緒くたにする設計はやめた方が良いと思います。 特に、JavaScriptにコンパイルする言語を作るからと言って、数値型の設計まで真似る必要はありません。 整数を浮動小数点数で表現すると、思わぬ性能低下の要因になったりします。最近(2023年2月)、次のツイートが話題になりました: これは正のゼロと負のゼロが値として区別され、正のゼロは内部的に整数扱いされるのに対し負のゼロはそうではないことによるもの

    新しくプログラミング言語を作る際に数値型をどうするべきか
  • UIから「白」が消える日|ritar

    これは designing plus nine Advent Calendar 19日目の記事です。 こんにちは。ritarと申します。 今年の10月頃、YouTubeに大きいデザイン変更がありました。 アイコンの変更、角丸やレイアウトなど全体的に一新されているのですが、中でも自分が仰天したのは「アンビエントモード」という新機能です。 アンビエントモードこのモードをオンにすると、動画の下側のUI領域が、まるで動画部分から光が漏れているかのようにじんわりと色づきます。 これを見たとき自分は度肝を抜かれました。なんたってUIの領域にコンテンツの色が侵しているのです。 これを踏まえて、最近UIと色について考えたことを、UIデザインの歴史を振り返りながら記していきます。先に要点を言うと、UIはどんどん「無色透明」になっていくと考えます。これは「技術が生活に浸透することによってUIは存在感を減らし

    UIから「白」が消える日|ritar
    mas-higa
    mas-higa 2022/12/20
    "当初UIはどんどんカラフルかつリッチなビジュアルになりました。(略)そこからどんどん情報量を減らす方向にシフトしました。" フラットデザインは無かったことにされているな。あれは酷かった。
  • https://twitter.com/tsudashin/status/1546406443481706496

    https://twitter.com/tsudashin/status/1546406443481706496
    mas-higa
    mas-higa 2022/07/12
    そうかな? BALENCIAGA BURBERRY BERLUTI BALMAIN と流れていく TL で BURBERRY を見つけるのに特徴のあるロゴが役立つと思うけど。
  • 高輪ゲートウェイ駅改札口の駅名表記が明朝体なのはデザイナー隈研吾氏による「和」の表現

    リンク 朝日新聞デジタル 「未来イメージできる駅」 高輪ゲートウェイの内部公開:朝日新聞デジタル 山手線と京浜東北線の品川―田町間に14日開業する新駅、高輪ゲートウェイ(東京都港区)の構内設備などが9日、報道公開された。「未来をイメージできる駅」を掲げ、無人決済コンビニが開店するほか、乗り換え案… 3 users

    高輪ゲートウェイ駅改札口の駅名表記が明朝体なのはデザイナー隈研吾氏による「和」の表現
    mas-higa
    mas-higa 2020/03/11
    これホンマにデザインした? ベースラインがたがた感。
  • カラーユニバーサルデザイン推奨配色セット

    色覚の多様性に配慮した�案内・サイン・図表等用のカラーユニバーサルデザイン�推奨配色セット (バリアフリーに配慮した見分けやすい色の組み合わせ) カラーユニバーサルデザイン推奨配色セット制作委員会 ■ 東京大学分子細胞生物学研究所 脳神経回路研究分野 伊藤啓 ■ 社団法人日塗料工業会(JPMA) ■ DIC 株式会社(DICグラフィックス株式会社・DICカラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構(CUDO) ■ 石川県工業試験場                前川満良 カラーユニバーサルデザイン推奨配色セット ガイドブック 第2版 カラーユニバーサルデザイン推奨配色セットの塗料用、印刷用、画面用の詳しい情報と、組み合わせる色の注意点、使用する上でのノウハウなどをまとめた冊子の第2版を作成しました。 CUD_color_set_GuideBook_2018

  • 一時期プログラミングのデザインパターンというものが大流行しましたが、現在ではどのように評価されているのでしょうか?

    回答 (5件中の1件目) この質問にかなり先行して2015年、Quora(家)で投げかけられた質問として、 Why do some functional programmers criticize design patterns in OOP languages as a sign of language deficiency, while Monad is also a design pattern? なぜ、関数型プログラマらは、オブジェクト指向(OOP)言語のデザインパターンを、言語の欠陥の象徴だと批判するのでしょうか?モナドもデザインパターンじゃないんですか? があります。...

    一時期プログラミングのデザインパターンというものが大流行しましたが、現在ではどのように評価されているのでしょうか?
    mas-higa
    mas-higa 2019/03/26
    誰かが変なこと言いだしたら、識者がそれを打ち消すためにコストを払わされる。しかし、そのおかげで識者の文章が読める。
  • 品川駅の改札外にある案内サイン…「デザインの敗北または要件の伝達不備案件」である原型の上から現場職員作成らしき野良サインが貼られているがその完成度が高すぎた

    Mr.Densha @mrdensha 品川駅改札外の案内サイン、青ベースだった原型の上からおそらく現場職員作成と思しき野良サインが貼られているのだが、出口を黄色系にまとめ、各路線のカラー、ピクトグラムやナンバリングにも対応という野良サインとしては稀に見る完成度に仕上がっていて驚愕。 品川駅にはなかなかのやり手がいる。 pic.twitter.com/FOzmgZ5DOj 2019-03-12 19:15:14

    品川駅の改札外にある案内サイン…「デザインの敗北または要件の伝達不備案件」である原型の上から現場職員作成らしき野良サインが貼られているがその完成度が高すぎた
    mas-higa
    mas-higa 2019/03/14
    これが野良? ちゃんとした所に発注して作り直したんじゃないの?
  • 「誰にも使われない機能を持つ製品」が生まれてしまう2つの理由 デザイン会社 ビートラックス: ブログ

    2019年1月のある日。いつものようにベッドで寝転びながらTwitterを見ていると、あるメディアのツイートが目に止まった。 <スマホと連携する、最新スマート冷蔵庫を発表。価格は40万円台。> ある家電メーカーがインターネットに繋がる冷蔵庫、いわゆるIoTの冷蔵庫を発表したようだ。特徴的な機能は、スマホで庫内の温度調整や運転状況の確認が出来たり、スマホにドアの閉め忘れなどを通知してくれること。専用アプリを使ってカメラで材の画像を撮影すれば、庫内の材管理も可能だという。 「いったい誰がこんな機能使うのだろうか」これが最初に抱いた正直な印象であった。“急な来客が決まった際に外出先から庫内を急速冷却するなどの使い方”という説明が書いてあったが、そんなシーンの主語になるような人物像が思い浮かばない。ドアの閉め忘れは「ピーピー」というあの不快な音がすべてを解決しているのではないか。 材管理も、

    「誰にも使われない機能を持つ製品」が生まれてしまう2つの理由 デザイン会社 ビートラックス: ブログ
    mas-higa
    mas-higa 2019/02/22
    「デザイン重要」という「解決策オリエンテッド」な文章だから響かないんじゃないの?
  • 配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki Ikeda|note

    どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ

    配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド|Taiki Ikeda|note
    mas-higa
    mas-higa 2019/02/05
    “メインカラーと同じくらいの明るさで、メインカラーとはかなり異なる色を選びましょう” センスだった
  • Slack のロゴが新しくなりました!

    日、ブランドデザインのリニューアル計画の第一弾として、Slack では新ロゴを発表しました。Slack 社員だけでなく、ユーザーの皆さんにも愛されてきた以前のロゴ (とデザイン) をなぜ変えるのか、疑問に感じる方もいるのではないでしょうか。そこで、デザイン刷新の理由と、新しいデザインに込めた思いをご説明したいと思います。 まず、今回の変更は、なんとなく…といった軽い気持ちで行ったわけではありません!諸行無常とあるように、何事も変化というのは避けられず、自然の流れかもしれませんが、ロゴ変更の理由としては十分ではありません。ロゴというブランドの顔を変更するのは「来のロゴの役割を果たしていない」という確固たる理由がある場合です。私たちが愛してきたロゴは、まさにこのケースでした。私たちはその事実を認め、よりシンプルでわかりやすい、ロゴとしての役割を果たす新しいデザインに進化させるため、今回のロ

    Slack のロゴが新しくなりました!
    mas-higa
    mas-higa 2019/01/17
    “よりシンプルでわかりやすい” 酷なってるやん
  • ■ - hitode909の日記

    家電の点字、ラベルが点字で書いてありさえすればあとはどうにかなるのか、実際には点字だけでは内部の状態を観測できず使えないのか、電源オン→開始、くらいならぼちぼち使えるのか、気になる。洗剤の量が0.7とか出るけど、その時点でやはり文字を読めにと難しいのではと思っている。 ホットクックは聞くボタンを押すとレシピを読み上げてくれたりするので、使いやすいとかあるのかもしれない。あとはスマートスピーカーはしゃべるだけで使えて便利かもしれない。 現代の人物は視力が下がっていくのでいずれ文字読めなくなると予想している。現にメガネないとまともな暮らしができない。 あとは手荒れがひどいので手を使いたくないという問題があって、そんなときにもスマートスピーカーは便利。だいたいOK Googleっていってエアコンつけたり消したりしていて、リモコン触らなくなった。 洗濯機、点字がついてるけど、どこが光ってるかは見な

    ■ - hitode909の日記
  • ロゴデザインの基本 (28 Sucsess factors of brand mark redesign)

    木AXIS内にあるJIDA(日インダストリアルデザイナー協会)で学生、若手デザイナーを対象にしたスキルアップセミナーの講師を務めさせていただきました。 第2回JIDA塾~ロゴデザインの基~ https://www.jida.or.jp/site/information/jidajuku02.html デザイン学生と若手デザイナーの皆さんが参加前回のロゴエントリーとかぶるところもありますが、 ・ロゴデザイン、22の確認すべき大事なこと →制作途中のチェック ・ロゴデザインの基→作り始める前にざっくり呼んでおく というスタンスだとわかりやすいかもしれません。 ロゴってなんだっけ?日では、何かのタイアップや〇〇周年など一次的なイベントの際に使われる(キャンペーン)マークや番組タイトル(デザイン)のことをよく「ロゴ」といいます。 私もまだ若い会社員デザイナー時代「宇治ちゃん、〇〇のロゴ

    ロゴデザインの基本 (28 Sucsess factors of brand mark redesign)
    mas-higa
    mas-higa 2018/11/20
    連番が何セットもでてきて何が 28 factors なんだか
  • 『いらすとや』の素材を色覚障がいの視点から見てみた

    いらすとやイラストのこだわりを軽視したらダメ。 いらすとやの素材は反転して使用しても違和感が無いように人物素材に服のボタンやポケットが書かれていない。色々な髪型の、色々な服装の、複数の人物が存在する。種類の豊富さもすごい。 誰にでも親しまれるイラストを書くことの難しさよ。 — 理央 🎊ゆかりっくフェス10/6参戦 (@Rio_M) October 27, 2018 実際に反転してみると、たしかに違和感がない! ではそんなにこだわっているのなら、色の方はどうなのかな?と思ったわけです。 色覚を変えて見てみる 使った素材はこの3つ。3つめは半分趣味です。 できれば、いつも色覚を変換するときは、TOYO INKの『UDing®』を使うのですが、マシンを新しくしたら使えなくなってしまい…。 P型とD型だけですが、フォトショップの『色の校正』機能で変換しました。 ラーメンべる男 麺の部分と洋

    『いらすとや』の素材を色覚障がいの視点から見てみた
  • 明治時代に刊行された日本画独特の波の描き方が記された『波紋集』全巻がオンラインで無料公開! : カラパイア

    明治時代に発展した日画は、日の伝統や文化に関心を持つ外国人の間でも非常に人気がある芸術品の一つだ。 その中には、時を経てその価値や魅力を再認識されるものも多いが、オンラインで無料公開となった『波紋集』というデザイン帖が海外で話題になっている。 それは森雄山という明治の日画家が、全3冊にわたって残した波のモチーフ集で、波一つにも多様な表現がある日画の奥深さがうかがえる素晴らしいだ。

    明治時代に刊行された日本画独特の波の描き方が記された『波紋集』全巻がオンラインで無料公開! : カラパイア
  • Rubyによるデザインパターンまとめ - Qiita

    はじめに デザインパターンって常識っぽいからちゃんと学んでおかないとと思いつつ、いまいちよく分からないままな人って意外と多いんじゃないかと思い、絶版になってることもありまとめてみることに。2章は基的なRubyの文法の解説なので省略。 変なところあったら教えてくださいね。 対象 デザインパターンを避けてきた人 Ruby以外が不得意で、巷に多く出回っているJavaなどのデザインパターンのが読みたくても読めない、もしくは読むのが面倒な人 Rubyによるデザインパターン買いそびれた人 Rubyによるデザインパターンとは ラス・オルセン 著、ピアソン・エデュケーション(2009) GoFによる23のデザインパターンのうち著者が特に有益だと考える14パターン + Ruby独自の3パターンの解説が書かれている。 実際にデザインパターンが使われている例として、RubyRailsの内部のコードが出てく

    Rubyによるデザインパターンまとめ - Qiita
    mas-higa
    mas-higa 2018/09/13
    日本語訳されると表紙がダサくなるのなぜなのか。本文に鏤められたジョークが面白くなくて読むの辛かった。
  • 「白い製品」に「白いケーブル」を添付できないメーカーの裏事情

    機器体と、ケーブルやACアダプターの色が一致していないことはよくある話。ユーザーから見ると「なぜそんな簡単なことができないのか」と不思議に思ったりもするが、企画担当や開発担当などからすると、そう簡単な話ではない。 「なぜ日のメーカーは、海外のメーカーのように、白いボディーの製品に白のケーブルを添付することができないのだろう」──このような趣旨のツイートが話題になった。同じような疑問を持つ人は多いようで、何千件とリツイートされるとともに、メーカーで開発に従事していると思われる他のユーザーが、さまざまな視点からの回答を寄せていた。 この疑問はSNSで1~2年周期で話題になる、一種の「あるある」ネタである。中には、自分で製品を使っていればこのくらいのことは気付いて当然で、それはつまり自分で開発した製品を使っていないのではないかと、とっぴな方向に考えを飛躍させる人もいるようだ。 とはいえ、少な

    「白い製品」に「白いケーブル」を添付できないメーカーの裏事情
    mas-higa
    mas-higa 2018/06/18
    apple のケーブルが白いのはそれ自体がブランドイメージ。良くも悪くも白いイヤホン。
  • エラーページ - ヤフー株式会社

    指定されたURLは存在しません。 URLが正しく入力されていないか、このページが削除された可能性があります。

    エラーページ - ヤフー株式会社
    mas-higa
    mas-higa 2018/06/05
    実物の説得力が弱い。(R+house のはよさげ)