[B! design] rgfxのブックマーク

【追記あり】「口に入れた瞬間鳥肌」　タブレット菓子と間違え「圧縮タオル」を口に……　恐怖投稿に「人死んでからじゃ遅い」

熱中症対策の﹁塩タブレット﹂と間違えて、よく似た﹁圧縮タオル﹂を口に入れてしまったというX︵Twitter︶ユーザーの投稿が注目を集めています。ねとらぼ編集部は投稿者に話を聞きました。塩タブレットと間違えて圧縮タオルを口にしてしまった人の投稿に注目が集まる︵画像提供‥かっぽんさん︶取材によると、Xユーザーのかっぽん︵@ykatsuta6795︶さんはお盆休み中、友人の家へ遊びに行っていました。その帰り際に友人から、﹁暑い中来てくれたお礼﹂として、玄関にあったケースに入った塩タブレットを﹁数個持って行け﹂と言われたといいます。かっぽんさんはケースの中のタブレットを鷲掴みし、5個ほどジーンズのポケットに入れて、家へ持ち帰りました。家で塩タブレットを食べようと、袋を開封してそのまま口の中へ入れた瞬間、異変が起こります。﹁唾液が吸われタブレットが段々大きくなったので変だと思い、口から取り出し

rgfx 2023/08/23

https://archive.is/36GUE

リンク

UIから「白」が消える日｜ritar

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

rgfx 2022/12/20

design
ui

リンク

プロトタイピングとユーザビリティテストで「UXデザイン」を練りあげよう！ | UXデザイン基礎セミナー第4回

プロトタイピングとユーザビリティテストで﹁UXデザイン﹂を練りあげよう！ | UXデザイン基礎セミナー第4回 2022年9月27日クリーク・アンド・リバー社でのUXデザイン基礎セミナー第4回﹁プロトタイピングとユーザビリティテストで﹁UXデザイン﹂を練りあげよう！ | UXデザイン基礎セミナー第4回﹂のスライドです。ユーザビリティテストとプロトタイピングの手順をていねいに解説するとともに、じっさいに2名のユーザーを会場にお招きし、公開でユーザビテリィテストをします。公開ユーザビリティテストの題材として、英会話アプリ﹁Langaku︵ランガク︶ https://langaku.app/ ﹂を運営するMantra株式会社さまのご協力をいただきました。︻著作権表示︼・本 Figma/FigJamのデータは英会話アプリ﹁Langaku﹂のユーザビリティテストのために作成したものです

rgfx 2022/09/28

UX
design

リンク

「日常に溶け込むデザインとは？」講師：深澤直人

講師‥深澤直人多摩美術大学統合デザイン学科教授、日本民藝館館長、プロダクトデザイナー。 https://tub.tamabi.ac.jp/tdu/lecture/17/ #美しい考え方 #The beauty of thinking SCREEN LAB. https://miro.com/app/board/o9J_l5sDKw8=/ SCREEN LAB.は放課後も続く議論の場のようなものです。講義で示されたテーマ、問い、関連領域について気楽に意見交換することで、考察を深め、TDU学生のみなさんとともに新たな研究領域を切り開くことを期待しています。随時更新されますので、何度でもお立ち寄りください。 Chapter 0:00 オープニング 2:00 講義開始﹁統合デザイン﹂という考え方 22:19 今デザインにできること 27:25 美しい考え方 33:24 気づける人41

rgfx 2021/12/02

リンク

Amazon.co.jp: 認知症世界の歩き方: 筧裕介 (著), 認知症未来共創ハブほか (読み手): Digital Ebook Purchas

rgfx 2021/11/08

UI/UXにおける認知負荷を減らすためのヒントに溢れた本 via: https://twitter.com/tsuyoshi_osiire/status/1457344596145426432

リンク

新型MacBook Proが到着、「メニューバーがノッチに対応していない？」 - iPhone Mania

デザインが刷新された新型MacBook Proは、Webカメラが埋め込まれたノッチを搭載しているのが特徴です。製品を受け取ったYouTuberの男性が、サードパーティーアプリがどのようにノッチに対応しているか確認してみたところ、奇妙なふるまいが見られた、と動画を投稿しています。ノッチの下にも誤ってメニューが表示？ YouTubeチャンネルSnazzy Labsを運営するクイン・ネルソン氏は、新型MacBook Proで人気アプリ﹁iStat﹂のメニューバーがどのようにノッチに対応しているかを調べたところ、ノッチがないときと同じようにメニューバーが表示されることを突き止めました。ノッチの下にもメニューバー表示が続いており、よく見えない部分が存在するのがわかります。 WTF HAHAHAHA HOW IS THIS SHIPPABLE? WHAT IS THIS?! pic.twitter

rgfx 2021/10/28

これは笑う（買ってないから笑える）（※買ってたら買ってたで笑うしかない）

apple
design

リンク

ミッドセンチュリーの名建築がホテルに変身。「TWAホテル」の魅力とは？

ミッドセンチュリーの名建築がホテルに変身。﹁TWAホテル﹂の魅力とは？ニューヨークのジョン・F・ケネディ国際空港に隣接している旧﹁TWAフライトセンター﹂が、2019年5月﹁TWAホテル﹂として生まれ変わりオープンした。その見どころを現地からお届けする。文＝國上直子 TWAホテル外観　(C) TWA Hotel/David Mitchell ニューヨークのジョン・F・ケネディ国際空港のターミナル5には、1962年から2001年までTWA︵トランス・ワールド航空︶のターミナルとして利用されていた﹁TWAフライトセンター﹂が隣接する。建築家エーロ・サーリネンによってデザインされたこの建物はミッドセンチュリー建築の代表例として知られているが、2001年にTWAが廃業して以降閉鎖されていた。 1994年にはニューヨーク市のランドマーク、2005年には国の歴史登録財に指定され、保護されていたが、こ

rgfx 2021/09/21

「建築とは雨風を凌ぐためだけにあるのではなく、人間がこの地球上に気高く存在することを実現するためのものでもある」

リンク

レタースペーシングタイポグラフィにおける文字間調整の考え方

文字間調整の感覚を鍛える教科書。デザインの品質を大きく左右するにも関わらず、正解がなく、デザイナーを悩ませる「レタースペーシング（文字間調整・文字詰め）」。今まで感覚的に語られてきたレタースペーシングを、図と言葉と事例を用いて丁寧に解説した文字間調整の教科書。これからデザインを学ぶ学生の方や、自分のスペーシングを見直したいデザイナーの方に必須の一冊です。第1部基本を学ぶレタースペーシングの基礎知識や考え方レタースペーシングとは？なぜスペーシングが重要なのかを理解し、具体的にどのような視点で文字間を見えていけばいいのかを解説します。

rgfx 2021/06/21

カーニング本だ

リンク

強いからかっこいいのか、かっこいいから強いのか——。 "弱い"と"ダサい"の因果関係｜河内一馬

※この記事内で使用する﹁かっこいい﹂や﹁クール﹂、﹁ダサい﹂または﹁センス﹂などの表現は、全て私の美的感覚に依存し、数字上には表れないものである。よって、私が﹁かっこいい﹂と表現するものが、一部には﹁ダサい﹂と映る可能性があり、文章で扱うには極めて相性が悪いテーマであるということを前提に読み進めていただきたい。そしてこの記事が﹁センスのある人間が勝つ世界﹂を書いたものであるということも——。＊ ■"弱い"と"ダサい"の因果関係2016年、欧州を中心に15程度の国と地域を周り、各国のサッカーカルチャーをこの目で見た私は、このような仮説を立てた。﹁全てのサッカークラブはブランド化する﹂というよりも﹁しなければならない﹂と。欧米各国のサッカーカルチャーに﹁かっこよさ﹂を感じた私だったが、それが﹁なぜ﹂なのか﹁なに﹂が違うのか、当時はその理由がわからなかった。ただそれと同時に、欧米に比べて

rgfx 2021/03/19

リンク

Glyphs

Access the SourceJoin us in Figma and GitHub to contribute to ongoing development and request new icons & features.

rgfx 2021/03/03

リンク

「DDD をやっている」とは

脳内整理のため、つまり僕のためのポエム自分の中で理解が一区切りついた感じがしたので、コミットしておく「DDD をやっている」に対して感じていた違和感 DDD を始め ( させられ ) て以降感じていた違和感がある僕にはこんなフレーズが頻繁に聞こえていた若干文面は違うだろうが、弊社に限らないニュアンスだとは思うこれらに対するモヤっとを解消したいのでいろいろ考え直してみた曰く「DDD だと仕様とモデルが一致する」第一印象いや、テキストと絵は一致しないっしょ？そもそも一致ってなにさ？仕様書を Java で書くってこと？それとも実装を日本語でするってこと？曰く「DDD だと業務の文章でコーディングする」第一印象業務の〜もなにも文章は全部日本語じゃん？そもそも、じゃあ DDD でなければ何の文章で実装していると仰るの？曰く「DDD だと変更に強い」第一印象 DDD

rgfx 2021/02/18

プログラミング（それも設計や名付け）が本人の言語能力に左右されるの、本当にこういうとこなんだよなあ。＞「ガスのプランとセット割特典に応じて割引をメールする」

リンク

バンドルカードができるまで

前置きこの記事は、バンドルカードができるまでにやったことをまとめています。デザイナー・フロントエンドエンジニアとして携わっているため、バックエンドやアライアンス等をどうやっていたかについての詳細な記述はありません。また、記述されている多くの制作物は、チームで考え制作しており、僕個人ですべての意思決定・制作を行っているわけではありません。チームメンバーは、アライアンス・事業開発2人、エンジニア2人、デザイナー1人︵僕︶の5人です。 CLO 2015 年のはじめ。CardLinkedOffer︵クレジットカード連動型優待︶サービスを提供していた僕たちカンムは、この CLO というサービスをどうやって成長・収益化していくかに悩んでいました。大手カード会社と手を組みサービスを展開していく中で、自社ユーザーを持たないことの難しさと不自由さに課題を感じていました。簡単な変更を加え

rgfx 2021/02/10

リンク

コロナなんかどうでもいいから石岡瑛子展に行きなさい。 - 山形浩生の「経済のトリセツ」

Executive Summary この展覧会を前にしてどうでもよくないと思う人は、豚に真珠もいいとこだから観に行かないほうがいいよ。はじめに先日、無料券をもらったので石岡瑛子展にでかけてきたのです。 www.mot-art-museum.jp ぼくは石岡瑛子は昔からとても好き、というか崇めていて、﹃風姿花伝﹄も持っているし、﹃私デザイン﹄も持っていて、何度も見ている。石岡瑛子風姿花伝―Eiko by Eiko 作者:石岡瑛子求竜堂Amazon 私デザイン作者:石岡瑛子講談社Amazon だから別に今回の展覧会で何か新しい発見があるとは特に思っていなかった。いろんな衣装の実物があるというのは聞いていて、それは楽しみだったかな。でもまあ、知っていることのおさらいだろうと思っていた。ちがった。すげえ。みなさんも是非行きなさい。いまなお衝撃力を保つバブル期広告作品まず入ると、

rgfx 2020/12/08

はい。これは見に行かなきゃならんだろうなあ。。 ●art ●広告 ●design

リンク

フォントが大好物な人は要チェック！2020年、日本語の新作フリーフォントのまとめ

2020年もあと残り1ヵ月、今年リリースされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。明朝体、ゴシック体、デザインフォント、手書きフォントなど、盛りだくさんです！これまでの日本語フリーフォント総まとめは、下記をご覧ください。日本語のフリーフォント総まとめ -商用サイトだけでなく紙や同人誌などの利用も明記後日、上記に追加します。まずは、もじワク研究から待望のフリーフォント。私はさっそくすべてのデバイスにインストールして、愛用しています。マメロン Hi-Regular 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。個人的にも特にお勧めの﹁マメロン﹂が、大きく変わりました。デジタルデバイスでの使用を意識してデザインされており、可読性が高いかわいいフォントです。収録文字はAdobeJapan1-3StdNに対応しており、JIS第一・第二水

rgfx 2020/12/03

font
design

リンク

UIUX デザイナーと仕事をする際にプロダクトマネージャーとして持っておきたい 8 つのマインドセット｜Fritz | Lead Product Manager @ Mercari

2020 年に入り、メルカリ US ではプロジェクトの担当 PDM を検討する際に「UI UX に大きな変更が入るならこの人」「関係者マネジメントが重要ならあの人」「テクニカルな知識が要求されるならこの人」といった具合に、プロダクトマネージャーそれぞれの特性・得意分野を考慮したうえで決定する傾向が以前にも増して強くなりました。その結果、自分（フリッツと申します、こんにちは）の場合は UI UX 改善を中心としたプロジェクトが相当に増え、並行して 3-4 名の UI UX デザイナーとそれぞれのプロジェクトについて議論することが毎日の風景となりました（めっちゃくちゃ楽しい）。こうした状況下にあって、あらためてデザイナーと UI UX について議論・もしくはフィードバックをする際に気をつけている・気をつけたいことについて前後編にわけて振り返りをしたので共有してみたいと思います：・前編（この記

rgfx 2020/09/22

リンク

Redesigning prepaid top-up service on Grab for a better experience — a UX case study

rgfx 2020/09/16

design
ui

リンク

『ビジネスの仕組みがわかる図解のつくりかた』全文公開｜図解総研

﹁ビジネスの仕組みがわかる図解のつくりかた﹂という本を全文公開します！この本は、2020年4月に出版されたスマホサイズのコンパクトな新書です。﹃ビジネスモデル2.0図鑑﹄を出版後、多くの反響をいただき、さまざまな企業でビジネスモデル図解について講演・ワークショップを開催してきたノウハウを凝縮した一冊になっています。 ※当記事の情報を転載、複製、改変等は禁止いたしますそれではここから全文公開をご覧ください。第1章‥ビジネスモデル図解、基本の﹁き﹂はじめに僕たちが﹃ビジネスモデル2.0図鑑﹄を出版したのは２０１８年9月のことです。﹁Amazon Go﹂や﹁Spotify﹂など、１００の事例のビジネスモデルを同じフォーマットで図解した本は、7万部を超えるベストセラーになりました。その後さまざまな反響を得て、企業から多数の講演・ワークショップの依頼をいただきました。﹁ビジネスモデルを自分で

rgfx 2020/09/10

まぁ大体この図に箇条書きで説明を添えて、図の矢印に箇条書きの番号を添えることになるやつ。

リンク

「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も

デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。絵描きさん向けの役立ち情報も多い。なんか思いついた時に自分用のメモも兼ねて投稿しているので、お気軽に〜！

rgfx 2020/08/25

#それっぽくなる表紙タグでワロタ

リンク

管理画面のUIデザインにおける20の改善ポイント | ベイジのUIラボ～業務システムとSaaSのUIを考える

私たちの日常業務で使われる管理画面は、大量の情報と複雑な機能で構成され、利用難易度が高い傾向にあります。検索性の乏しい管理画面の一覧から1つの情報を見つけるために、どれだけの時間を費やしているでしょうか。1億円の工数をかけて開発した機能も、低品質なデザインでは、機能の存在に気付かれなかったり、間違って使われたりと、期待した業務コストの削減に繋がりません。これでは、1億円を捨てたようなものです。使い勝手の良くないデザインは、ユーザーだけではなく、開発者にも悪い影響を及ぼします。複雑な構造と分かりにくい操作体系の管理画面は、開発やテストの手間を増やし、その後の機能拡張も難しく、改修コストも増大します。これらのリスクを抑えるためには、UIデザインの基本原則を理解し、適切に管理画面を設計することが重要です。私たちは管理画面のUIデザインの改善やリニューアルを手掛けることも多いのですが、その

rgfx 2020/06/17