はじめに1998年、デザインの勉強を全くしたことがない私がデザイン業界に入り、はや22年が経ちました。数年間は下っ端生活をしていましたので、まさか20年経ってこの会社の社長になるとは、当時の自分が聞いたら失神するでしょうね…。 そんな私は、デザイナーとして際立ったスキルや作風もなければ、立派な賞とも縁がないごく普通のデザイナーなわけですが、22年間楽しく続けてこれたのはなぜだろうと思うと、デザインという仕事を通して成長が感じられるからなのかもしれません。 このnoteでは、デザインの技術ではなく、デザイナーとして成長を実感していくための「デザイン脳」の鍛え方について書きたいと思います。デザイナーとして成長したい！と思っている方の一助になれば幸いです。 思考の変遷を残しておくデザインの経験を積んでいくと、「前よりうまくなったな」と思うはずです。うまくなったというのは、デザインの原理原則が身に
認知バイアスとは、思考のプロセスにおける系統的な間違いのこと。簡単に言い換えると、思い込み。意思決定や判断を行う際の精神的な近道として機能するが、間違った判断を生み出すこともある。 年齢、性別、文化的背景に関係なく、誰もが認知バイアスの影響を受けていると言われる。 これを理解しておくことは、デザインを生業にする我々にとってはとても重要だと思う。なぜなら、人間である以上は、そこに認知バイアスがあり、それを熟知しておくことで、より適切なデザインをすることができるようになるから。 ユーザーエンゲージメントを向上させる7つの要素 認知バイアスが存在する理由我々の脳は、日々信じられないほどの量の情報を取り込んでいる。同時に、できるだけ思考エネルギーを節約したいとも思っている。そのため、難しい判断を迅速に行うために、一般論や経験則（ヒューリスティックとも呼ばれる）に頼っている。 脳がより効率良く判断を
一部から批判の声が聞かれる一方で、それが売り上げに悪影響を与えてはいないという。冷凍食品や菓子、牛乳や豆腐、納豆などすでに新しいデザインに切り替わっている商品について、切り替え後の売り上げは順調。同社によれば、例えば冷凍食品は全体で、切り替え後の5月は前年同期比で3割の売り上げの伸びを記録。牛乳や卵、納豆なども1割程度売り上げが伸びている。 新型コロナ禍の影響で、自宅で過ごすことが増えた消費者が、外食を避けて自宅で食事を取ることになった影響もあり、この売り上げの伸びの要因すべてがパッケージのおかげ、と断定するのは早計だ。とはいえ、「現時点では、パッケージリニューアルによって売り上げが落ちている商品はほとんどない」（ローソンの梅田貴之中食商品本部本部長補佐）。 長期視点で選んだ「雑貨」的なデザイン あえてこのシンプルなデザインにした理由とは何か。「短期的な売り上げはもちろん大切だが、本当の狙
企業サイトやプロダクトをはじめ、オンラインショップ、アプリ、プレゼン、学術プロジェクトなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるEmblemiconsを紹介します。 先日ローンチしたばかりで、アイコンの種類はなんと1,064種類！ SVGだけでなく、各サイズのPNGも揃っており、すべてオープンソースです。 Emblemicons Emblemicons -GitHub Emblemiconsの特徴 Emblemiconsのダウンロード Emblemiconsの使い方 Emblemiconsの特徴 Emblemiconsは、デザイン・デベロッパー・プレゼン・学術プロジェクトなどで一般的かつ、頻繁に使用されるアイコンのオープンソースライブラリです。 MITライセンスで、個人および商用のプロジェクトで、アイコンは完全に自由に使用およびダウンロードできます。
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
ビジネスに使えるデザインの話ビジネスにデザインの知識はけっこう使えます。苦手な人も多いから１つ知るだけでもその分アドバンテージになることもあります。noteは毎日午前7時に更新しています。 欧文のルール日本人は知らない欧文（主に英語）のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 「＆」の正体正式にはアンパサンド（ampersand）と言います。日本では「アンドマーク」と呼ばれていることが多いこの記号。正しい名前は“ampersand”（アンパサンド）です。日本でも馴染みのある記号で、企業名などでもよく目にするのではないでしょうか。 情報通信・メディア系
「どうすればAIをWebデザインに活用できるだろう」 人工知能AIがこれだけ話題になったいま、Webやグラフィックデザイン、イラストやゲームなどクリエイティブな業務をこなす人なら、一度は考えたことがあるかもしれません。 答えのひとつはずばり、Midjourneyなどの画像生成AIでイメージを具現化すること。 しかし、そうは言っても入力できるプロンプトは無限にあり、実際にどのように入力すれば最高の結果を得ることができるのか、すべて調べるのはあまりにも大変です。 そこでこの記事では、Midjourneyを１年間使い続けて見つけた、Webデザインに使えるMidjourneyプロンプト、小技テクニックをまとめてご紹介します。 具体的なサンプル例とプロンプトを一緒に記載しており、コピペでそのまま利用できます。 「Midjourneyって何？」というひとは、基本の使い方をまとめた以下のガイドを参考にど
CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa
久しぶりのnote投稿です。今回は自分の勉強がてら、UX・情報設計・アジャイル開発など、デザインに関わる様々な局面で知っておくと役立つフレームワークを集めてみました。 有名なものからデザイン以外にも使えそうなものまで幅広く選んでいますので、気になるものがあれば改めて実作業に生かすなり、掘り下げて研究するなり、資料に生かすなりしてもらえると良いのではないかと思います。 （ちなみにここでいう「フレームワーク」とは共通して用いることのできる考え方や思考の型や枠のようなもので、いわゆるCSSフレームワークの類ではありませんので、その点ご了承ください） 1.UXの5段階モデル まずは有名なUXの5段階モデル。アメリカのUXデザイナーであるJesse James Garrett 氏が著書『Elements of User Experience（ウェブ戦略としての「ユーザーエクスペリエンス」）』にて提唱
トーカイリン/tokairin @to__kairin 銀座でやってる佐藤卓展よかった。この冷蔵庫に入ってるのは全部佐藤卓のデザインなんだけど、本人のキャプションが沁みるな。 pic.twitter.com/Tjsn2MwCDz 2022-06-25 16:17:23
過去のいじめ問題で東京2020オリンピック・パラリンピック開会式の音楽担当を辞任したミュージシャン・小山田圭吾（52）が、「コーネリアス」名義で楽曲を手掛けるEテレ『デザインあ』（月～水 前8：35、土曜 前7：25）が、20日の放送を見合わせた。
北九州市議、京都駅の萌キャラを”男性目線”と批判 職員の妻が手作りでデザインしたものが元に - MGTOW NEWS
自治体議員立憲ネット、全国フェミニスト議連メンバーで北九州市議会議員の村上さとこ氏は25日、自身のツイッター上で京都駅に掲載されている壁絵を”男性目線のキャラ”と批判した。 お早うございます。全国政策研究集会2日目です。会場は大学です。環境省の萌キャラ(？)が話題ですが、京都駅も萌えていました。リアルに周囲を見渡すと若い女性はロングスカートかロングパンツばかり。高校生もアンダーパンツ見えませんよね(うちの高校生の3女も見えません) 男性目線のキャラですね pic.twitter.com/BbJ2drSpgV — 村上さとこ＠北九州市議会議員（無所属） (@murakamisatoko) 2020年8月24日 私はいま、環境省や自治体といった「税金を使った、公共政策の広告物(公共物)」に限定してお話をしています。 もちろん表現は自由ですし、表現する場所は様々ありますよね😊 — 村上さとこ＠
かおりゅ| Sonoka Maeda @caoryu_YS 鼻の高さや頭の幅を合わせても正面顔と横顔で違うキャラに見えちゃうって生徒が多くて、その原因が大概「横顔で鼻を三角に縦長に描きすぎる」なんですが、それがダメなのではなく確かにそういう表現もあるのは事実だから難しいんですよね。 その辺もこの前原稿で触れたのでいつかチラ見せできたらと。 2022-07-31 16:59:12 かおりゅ| Sonoka Maeda @caoryu_YS 「違うキャラに見えちゃう」についてもっと詳しく言うと、「正面顔は可愛い系なのに横顔になると突然大人びて見えてしまう」っていう、私も学生の頃ずっと悩んだ現象ですね。 これの対策を閃くことができたのは去年とか一昨年とか...。動検か二原やってたくらいの頃で、奥深けぇ〜ってなりました。 2022-07-31 17:02:53
「なぜ、団塊ジュニア世代～30代って、無印良品を買うのだろう…。なんで買うの？」時代の移り変わりからみるシンプルなデザインが好まれる理由
なちゅ。@8/9に本が出ました📗 @itacchiku ねえ！！！！そうだ！！Panasonicの新作の洗濯機、デザインが最高なので見て！！！！！めっちゃ美しい直角ライン。コンパクトなのに10キロタイプもある。温水洗いもバブル洗浄も洗剤自動投入も搭載。こういうの！こういうのがいいんだよ！！！！きたぜやったぜPanasonic！！！ panasonic.jp/wash/products/… pic.twitter.com/vY30S2uqUx 2020-11-09 23:16:23 リンク panasonic.jp ななめドラム洗濯乾燥機 NA-VG1500L/R | 商品一覧 | 洗濯機/衣類乾燥機 | Panasonic パナソニックのななめドラム洗濯乾燥機「Cuble( キューブル）」NA-VG1500L/Rの特長を紹介。液体洗剤・柔軟剤 自動投入、２度洗いモード、温水機能、スマホで
アメリカで毎年2月に開催されるアメフトの決勝戦「スーパーボウル」は、全米最大のスポーツイベントの一つ。試合に注目が集まるのはもちろんのこと、豪華アーティストによるハーフタイムショーや、試合中に放送されるCMにも大きな関心が寄せられる。 そう、スーパーボウルは、その時代を表す「アメリカ文化の縮図」である。 世界で最も高額のスーパーボウルのCM枠特に、スーパーボウルのCM枠は年間でも最も高額とされ、30秒の放映に数億円から数十億円の予算がかかる。こうした巨額の広告枠を買う企業は、世界的に著名な飲料ブランドや自動車メーカーから、IT企業やスタートアップまで多岐にわたる。 スーパーボウルのCMは「アメリカ文化を象徴する存在」ともいわれる。視聴者にとっては試合そのものと同じくらい、あるいはそれ以上に楽しみなコンテンツでもあるのだ。
『新紙幣は千円札と一万円札で「1」のフォントが違っていてキモすぎる！』→視覚障害者などが使いやすいデザインだし旧紙幣もフォントは違っている
ひまだ @EGFinal_mada 新紙幣、千円の「1」はただの棒で1万円の「1」が折れ曲がってるやつなの、キモすぎ！！！！！！！！！！！ pic.twitter.com/NzZPsJ0NL0 2024-07-03 11:59:51
リンク Webマガジン「AXIS」 nendo、ローソンのプライベートブランド商品の ロゴデザインとパッケージデザインを担当 | Webマガジン「AXIS」 | デザインのWebメディア 佐藤オオキが率いるデザインオフィス nendoは、ローソンのプライベートブランド商品のロゴデザインとパッケージデザインを手がけた。これと合わせて、ローソンの新型コロナウイルス対策のキャンペーンビジュアルも公開した。多くの国内コンビニチェーンには… 6 users 256 リンク Wikipedia 佐藤オオキ 佐藤 オオキ（さとう おおき、1977年12月24日 - ）は、日本のデザイナー、建築家である。デザインオフィス 「nendo」（ネンド）代表。 父親の仕事の関係により、カナダのトロントで生まれる。東京学芸大学附属大泉中学校、早稲田大学高等学院を経て、2000年早稲田大学理工学部建築学科を首席卒業。
でゅら @rahandu アプリケーション全般でそうなんだけど、モニターの解像度がでかくなるにつれて、デザインは余白を作りたがるのなんなんだろう 広くなった意味がないし古いデバイスで作業しづらいし良いことないと思う twitter.com/ichirowo/statu… Lacnor @Lacnor_JP ボタンを、形はそのままで、グラデーションと枠を無くして、コントラスト強めな単色で構成してくれれば、使い勝手そのままでナウくなると思いましたまる twitter.com/ichirowo/statu…
商用でも完全に無料ですごい！ デザインやイラストでかなり使える有料レベルの高品質なテクスチャ素材 -ResourceBoy
個人でも商用でも完全に無料で利用できる、高品質でさまざまな種類が揃った高解像度8K, 4Kのテクスチャ素材を紹介します。 ゴールド、大理石、煉瓦塀、スモーク、花火、蜘蛛の巣、シャドウ、クラフトペーパー、ブラックペーパー、チョークボード、段ボール、デニム地、水彩、グラデーションなどがそれぞれカテゴリごとにまとめてダウンロードできるので、非常に便利です。 難点があるとすれば、ファイルサイズが大きいので、ダウンロードに時間がかかるくらいでしょうか。 ResourceBoy ResourceBoyはテクスチャ素材をはじめ、ブラシ素材、グラデーション素材、モックアップ素材など、商用利用無料の数多くのリソースをダウンロードできます。以前にも紹介しましたが、その時からさらにテクスチャ素材の種類が増え、パワーアップしています。 ResourceBoy ライセンスは独自で、個人でも商用でも無料、ロイヤリティ
ヤラれました。雇用調整助成金。支払いまで２ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50％くらい。ジャロに訴えたい… | 飲食店繁盛会〜飲食店売上アップ・経営コンサルティング・メニューブックデザイン
HOME繁盛会News笠岡コラムヤラれました。雇用調整助成金。支払いまで２ヶ月以上の見込み、助成率が90%適用でも助成してくれる額は額面の50％くらい。ジャロに訴えたい… ＊本記事は、すでに情報が古くなっています。よく読んでいただければ理解いただけると思いますが、本記事の伝えたいメッセージは、お金がもらえるのは時間がかかること、額面の９０％だと思っていたら、資金計画を間違えるので注意してほしいこと。そして、国もちゃんと普通の国民が誤解しないようわかりやすく伝えるべきであることに気がついてほしいことの３つです。 多くの方にアクセスしていただいたお陰で、今は、国の伝え方も、経営者の認識も、大筋正しい方向に向かったと思われるため、この記事の役割は終わったと思っています。今は、正しい情報がわかりやすくでています。今後の正確な情報は、厚生労働省のホームページをご覧ください。（2020/4/23） 笠
Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
Adobe製品を使わない"デザイナー"？「ビジュアルコーダー」が考える、自己満足で終わらないWebデザインとは
先週アップしたエシカルデザインに関する内容に関して、具体的にどのようにして“正しいデザイン”を行えば良いのかという質問が寄せられた。 一つの方法は、UXピラミッドの原則に従ってプロダクトの体験価値を検証したり、UXハニカムを活用する方法もある。 それらに加えて今回紹介したいのは、GoogleのAndroidチームが採用しているUXデザイン手法である。とてもシンプルですぐにでも活用できる内容になっている。 進化するデジタルプロダクトに対するUXデザインアプローチサービスのデジタル化やDXが進む中で、多くのプロダクトにおける「完成」という概念がなくなり、デザインは常に進化し続ける必要性が出てきた。特にユーザー体験においては、デバイスの進化やユーザーの感覚の変化などを考慮し、常に改善を続けなければならない。 では、実際にどのようにデザインの良し悪しを判断すれば良いのだろうか？継続的にバージョンア
Web アプリケーションにおける Amazon ECS / AWS Fargate アーキテクチャデザインパターン - builders.flash☆ - 変化を求めるデベロッパーを応援するウェブマガジン | AWS
こんにちは。AWS Container Hero の新井です。 Amazon ECS の登場から間もなく 10 年が経ちますが、その間、ECS ⾃体の進化に加えて、さまざまな AWS マネージドサービスとの連携が可能になりました。 現在では、コンテナベースのワークロードを活⽤することで実現できないことを探す⽅が難しいほど、柔軟なアーキテクチャが構築できるようになっています。 しかし、⾃由度が⾼い分、要件に合ったアーキテクチャを模索する際には、迷うことも多いでしょう。 AWS上でシステムを適切に構築するためには、あらかじめサービス間のつなぎ⽅やパターン、その特徴を把握しておくことが重要です。 これにより、フィージビリティを迅速に確認でき、その後のトライアンドエラーのサイクルを加速させることができます。 今回は、最新の AWS サービスアップデートを踏まえつつ、Amazon ECS / AWS
こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と
Web・アプリ開発のエンジニアが知っておきたい、デザインツール「Figma」の基本 - JMDC TECH BLOG
JMDCでアプリのデザインを5月から担当しているはんざわです。 Webやアプリのフロント開発者のみなさんはデザインツール Figmaをご存知でしょうか？ JMDCではこれまでAdobe XDをメインで使用していました、今年からFigmaに乗り換えました。 乗り換えに伴い、デザイナー以外のメンバーにもFigmaを操作できるようになるべく、勉強会を開催しました。 勉強会はオンラインで開催。Figmaで資料を作成、参加者に資料を開きながらGoogle Meetを繋げて詳細を説明していきました。 勉強会で使用した資料はFigmaのCommunityにアップしているのでぜひ見てみてくださいね。 www.figma.com エンジニアがFigmaを触れるようになることのメリット 基本知識と基本操作 実装するために使う デザインシステムについて そのほか便利な機能 さいごに エンジニアがFigmaを触れ
ラウンドワンの米国展開成功から考えるアメリカでウケる「マイルドヤンキー」型ビジネスモデル デザイン会社 ビートラックス: ブログ
どんなビジネスがアメリカでウケそうでしょうか？ 日本企業の方々と話をする中で、最も多く聞かれる質問がこれだ。 多くの起業家たちがシリコンバレーに来るが、その多くはテクノロジー系のスタートアップ企業を立ち上げる。しかし、これまでアメリカで「大成功」を収めた日本人スタートアップ起業家は、ほとんどいないのが現状だ。 ラーメンが大ブーム一方で、ここ数年、アメリカではラーメンが大ブームとなり、一杯20ドルもするラーメンに多くのアメリカ人が列をなしている。寿司も依然として人気で、回転寿司などの新しい形態の店舗が増加中だ。 さらに、丸亀製麺に代表されるうどんなど、他の日本料理も着実に知名度を上げている。 アメリカの丸亀製麺から考える日本でDXが進まない本当の理由 自動車、家電、寿司、ラーメンの次にアメリカで流行るのは？そんな中、現在アメリカで大ヒットしているMade-in-Japanの商材がある。それは
商用利用無料、UIデザイン用のSVGアイコンが1000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon
WebサイトやスマホアプリのさまざまなUIデザインに適した、シンプルなデザインのSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。 アイコンは小さいサイズでもくっきり見えるようにデザインされており、SVGだけでなく、Webフォントも揃っています。 MingCute Icon MingCute Icon -GitHub MingCute Iconの特徴 アイコンのダウンロード MingCute Iconのアイコン MingCute Iconの特徴 MingCute IconはWebサイトやスマホアプリのUI用にシンプルにデザインされた高品質なアイコンです。24x24のグリッドで設計されており、アウトラインと塗りつぶしの2スタイル、2pxのストローク、SVG、PNG、およびWebフォントがサポートされています。 ライセンスはApache License 2.0で、商用
UXや認知科学のブックリストはおかげさまでかなり読まれていますが、そういえば「UIデザイン」のリストは作ってなかったなと思い至って本を探し始めました。手元の本を並べてみると該当する本はあまり多くなくて、関連する周辺の分野のものにも対象を広げることにしました。UIデザインと周辺分野との境界はハッキリと分かれるわけではないので、自分が作った他のブックリストとの重複があります。また、分野の明確な線引きはしていませんのでご了承ください。 UI（ユーザー・インタフェース）が関わる分野はかなり広いのですが、このリストでは主に、比較的新しい（と言ってもiPhone発表から10年以上経ちますが）「スマートフォン・アプリのUIデザイン」を念頭において選んでいます。パソコンのソフトウェアや情報システム、ウェブ（情報設計やウェブ・ユーザビリティーを含む）のインタフェース・デザインについては、すでに世の中に知見や
これがユーザーの信頼を失うデザインだ！ 最近のUIで見かけるダークパターンのしっかりとした知識が身につくデザイン書 -ザ・ダークパターン
ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで
なぜ鬼は鬼殺隊に負けたのか？悪の組織の敗因を「組織デザイン」から分析してみる──『鬼滅の刃』『ダイの大冒険』『ドラゴンボール』｜ミナべトモミ｜MIMIGURI
今回は少年漫画に登場する「悪の組織」を分析することを通して、組織デザインについて学んでいきたいと思います。以前、CULTIBASE Radioで配信し、noteにもまとめた「少年漫画から学ぶリーダーシップシリーズ」が大変好評だったので、その組織デザイン編も書いてみた次第です。 さて、多くの漫画において、「悪の組織」は最終的に主人公やそのチームの前に敗れ去ることになります。 もちろん、主人公たちが努力の末に大きく成長したことが、悪の組織を倒す原動力になっていることは間違いありません。しかしながら、要因はそれだけではないと思っています。 「悪の組織」敗北の要因として特に大きいのが、「組織デザインの失敗」だと僕は考えています。 そこで、この記事では『鬼滅の刃』『ダイの大冒険』『ドラゴンボール』という3つの名作漫画に登場する「悪の組織」の組織構造を紐解きながら、主人公たちに敗れることになってしまっ
「日常に溶け込むデザインとは？」講師：深澤直人
講師：深澤直人 多摩美術大学統合デザイン学科教授、日本民藝館館長、プロダクトデザイナー。 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
現場で役立つAPIデザイン
Web APIは外部連携のために公開するだけでなく、システム内部での利用も一般的になっており、重要性はますます高まっています。しかし、APIデザインについての知見はまだ広く浸透していません。書籍やオンライン情報はいろいろありますが、本セッションではその中から重要な要素をピックアップし、実際の著名なサービ…
2021年、最も注目されたUIデザインのテクニックのまとめ
デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。 プロのUIデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。 今年公開した中で最も注目されたUIデザインのテクニックをまとめました。 UI & UX Micro-Tips: Best of 2021 by Marc Andrew 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. ユーザーの混乱を避けるために、UIで確立されたアイコンを使用する 2. 4ptベースライン＋8ptグリッド＝調和のとれた縦のリズム 3. フォントで階層を示すにはウェイト、サイズ、カラーを使用する 4. ホワイトスペースはたっぷり使用してください 5. アイコンをグリッドシステムで使用する際の注意点 6. アクションを実行
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 人は見た目が9割 皆さん一度はこの言葉を耳にしたことがあるのでしょう。内面がどれほど素晴らしくても、外見がそれに見合わないと、なかなか本当の価値を認めてもらえないものです。 この話は人間だけでなく、アプリケーションにも当てはまります。どれだけ内容が素晴らしくても、見た目がイマイチだったり使い勝手が悪かったりすると、ユーザーに敬遠されてしまいます。(私は以前ネ⚪︎フリからア⚪︎プラに切り替えたのですが、使いにくく感じたため、すぐに元のサービスに戻しました) エンジニアの皆さん、優れた技術力を持ちながら、デザインが原因でユーザー離
立憲民主党 国会情報+災害対策 on Twitter: "5/26（火）代議士会での報告 川内博史議員 持続化給付金は、電通、パソナ、トランス・コスモスが設立した一般社団法人サービスデザイン推進協議会が、ほぼ100％の事業を受託。 1件当たりの手数料が5万円で法外な事務委託費ではないか… https://t.co/Cr0LikbhyL"
5/26（火）代議士会での報告 川内博史議員 持続化給付金は、電通、パソナ、トランス・コスモスが設立した一般社団法人サービスデザイン推進協議会が、ほぼ100％の事業を受託。 1件当たりの手数料が5万円で法外な事務委託費ではないか… https://t.co/Cr0LikbhyL
GAFAコーディング面接こんな感じでした（システムデザイン編） - yambe2002’s diary
前回の続きです。今回はシステムデザイン編。 実体験にもとづいて、なるべく雰囲気を再現しようとしてますが ・問題はすべて自作 ・人物、会話等はすべてフィクション なのでよろしくお願いします。実際の会話はNDAにより公開できません。 同じくらいの難易度の問題を、こんなレベルでやり取りして、最終的にはお祈りされました。 ~前回までのあらすじ~ GAFAのコーディング面接１回目を何とか乗り切ったyambe2002だが、休む間もなく次の面接が始まって辛い。 出題 ぼく「………」 面接官「あれ？yambe2002？大丈夫？」 ぼ「…はっ！ごめんちょっとボーっとしちゃった。大丈夫大丈夫。えーと、何だっけ？」 面「あー、分かる分かる！面接の連続で疲れるよねー！ぼくの時もそうだったよ」 ぼ「ははは…」 面「じゃもう一回言うね。ぼくからの問題はね、ミュージシャン名で検索すると、関係するコンサートの情報を表示す
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン脳を鍛える方法｜ハラヒロシ / デザインスタジオ・エル
デザイナー必見！知っておきたい10の認知バイアス デザイン会社 ビートラックス: ブログ
ネットで物議のローソンPBデザイン nendo佐藤氏に真意を聞いた
全部、完全に商用利用無料！さまざまなUIデザインに適した1,064種類のSVGアイコン素材 -Emblemicons
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き） | knowledge / baigie
Adobe、無料の「Creative Cloud Express」投入。デザインの心得がなくても高品質コンテンツを簡単に作成可能に
＆（アンドのマーク）は使わない｜しじみ ｜デザインを語るひと
Midjourneyを１年間使って見つけた、Webデザインに使えるプロンプト全ガイド
Web制作の現場で使える無料のWebサービス13選 | MxGrain - デザイン制作
デザインに活かせるフレームワーク20｜金 成奎
この冷蔵庫に入っているものは全部この方のデザインなのだ「すごい、見たことあるやつばっかり」佐藤卓展が話題
小山田圭吾が楽曲制作、Eテレ『デザインあ』など放送見合わせ「一連の報道など総合的に判断」
アニメーターのかおりゅ先生による「目のデザインの進化」と「鼻と口の感覚が絵柄に与える影響」などの解説が面白い
【ポリコレにサヨナラ】 スーパーボウルのCMから見るアメリカ社会の揺り戻し デザイン会社 ビートラックス: ブログ
ローソンPBデザインがあんな風になったのは、デザインした佐藤オオキさんの自宅を見て納得
業務系システムは『イケてるフラットデザイン』だと使いにくい？現場が本当に必要だった物との比較
Googleが採用するUXデザイン手法「3対1の法則」とは デザイン会社 ビートラックス: ブログ
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
ヤマトの「クロネコマーク」、4月にデザイン変更。1957年以来初
UIデザインのためのブックリスト（2020, 追記あり）｜yoshi_design
インクエッジ on Twitter: "ネトフリ版バスタード、デザインが今風にアレンジされるのは仕方ないがこの乳のヤル気のなさにはがっかり至極。１枚目ネトフリ版、２枚目原作の小さい当該コマ、３枚目旧OVA版。この時代のこういう服のタッチは上乳だけ貼り付いて下はストンと張って繋がるものなのに、この垂れたブヨブヨはなんなん？ https://t.co/12hxmgS9qc"
【閲覧注意】イライラ不可避なUIデザイン10選 - Qiita