マテリアルカラー、やめました。 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 私たちはKotlinMultiplatformでアプリを開発しています。 クロスプラットフォームでの設計と実装を進める中で、UI設計において避けては通れないのが「デザインシステム」の選定です。 その中でもよく採用されるのが、Googleが提唱する「Material Design」。この記事では、 なぜマテリアルカラーを採用しなかったのか 代わりにどのようにテーマを構築したのか について、実体験をもとにお話しします。 1. そもそもマテリアルカラーとは？ マテリアルデザインは、Googleが提唱するデザインシステムで、UI設計におけるガイ
翻訳記事：デザインシステムのジレンマ：見た目は似ているが、機能が違う｜Nobuya Sato
読むときについでに訳してしまおう活動。今回は、UX Collectiveに投稿されたこの記事。デザインシステムを作るときのジレンマです。 コンポーネントは、見た目が似ていても機能が違う場合があり、デザイナーや開発者はあえて使い分けて作っている場合があります。しかし、デザインシステムの健全性を機能させるには、しっかりとそれらを明文化する努力（投資とも言う）が必要で、プロダクトがスケールすればするほど管理がおざなりになり、亜種なのかそうではなく意図があるのか曖昧になりシステムが破断する危険性があります。アセットを作るだけなく、文書化と布教（教育）活動を怠らないようにしましょう。 ということで以下翻訳（著者許諾済み） Deanさんは今日本語勉強中だそうです😁 デザインシステムのジレンマ：見た目は似ているが、機能が違うなぜ異なる要素がユーザー体験にとって重要なのか By Dean Harriso
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
DroidKaigi 2024 での発表資料
ウェブサイト制作では、游ゴシックはおすすめしない理由
こんにちは、こんばんは！せきゆおう です。 游ゴシックは好きですか？僕も印刷物では使いますが、ウェブサイトでは「游ゴシックを使ってください」と指示されるまでは使いません。 また、そう指示された場合もデメリットは必ずお伝えするようにしています。 「游ゴシックってMacでもWindowsでも標準でインストールされているし、デバイスフォントとして使う際に最有力候補では？」という方も多いです。それでも僕は推奨しません。 その理由は4つあります。 ・游ゴシックはWindowsでかすれて見える ・スマホ端末に游ゴシックは搭載されていない ・実はMacOSで游ゴシックは標準では搭載されていない ・今後、システムフォントとして使えないブラウザが増える それら4つの理由を参考資料を交えつつ解説したいと思います。 その前に...游ゴシックの採用率は非常に高い！ウェブ制作会社ICSの池田さんが2023年4月20
色のシミュレータ > ホーム
特徴 自分と違う色覚を持つ人はどのように色が見えているのだろうか？その色の世界をシミュレーションで体験することができます。 1型（P型）、2型（D型）、3型（T型）の2色覚の色の見えをリアルタイムに確認し、一般型（C型）の色の見えと比較することができます。 iPhone, iPad, iPodなどのiOSデバイス用、Androidデバイス用の両バージョンをラインアップ。どこにでも持ち運び、いつでも色を確認することができます。 アートやデザインなど、色彩を大切に扱う分野でご活躍中の方に特にお勧めするツールです。 色彩学の理論に基づき、博士（医学・メディアデザイン学）である作者により開発されました。 新着情報 2024/07/02: iOS バージョン2.43をリリース。 iPadを横長の状態でアプリを起動した際に、画面がズレることがある不具合を修正しました。ダークモード時のツールバーの色を変
「くそダサいデザインの表紙」がダサくなくなるまでの解説がわかりやすくてタメになる…フォントや配色、文字配置など参考になる情報も
デザインtips @tips_bot ゆるく初心者向けのデザイン解説とか書きます。 絵描きさん向けの役立ち情報も多い。なんか思いついた時に自分用のメモも兼ねて投稿しているので、お気軽に〜！
『女性がスカートを履くとは限らないのでは？』に対するピクトグラムをデザインする側の反論「記号には紋切型の表現が必要」
株式会社石井マーク @ishiimark_sign 所謂ピクトグラムと呼ばれる図記号サインもシルエットを重視したデフォルメの典型にございまして、人の性別あるいは役割・状況を表す際にも悪く言えば「紋切型」の表現を必要とします。 それで良い筈です。 人であろうと「見かけで区別し判断する」が記号の目的であり、それ以上の役目はないからです。 pic.twitter.com/sRnxzIsYtY 2020-07-11 13:43:53 株式会社石井マーク @ishiimark_sign 「①女性はスカートを穿いていると限らないのでは？」 「②妊産婦のお腹がこれ位大きいと限らないのでは？」 というお叱りに対しては、早い話「はい、確かにそうですけどソレが何か？」なのですよ。 面白い事にそうした人は、③人間が２本の足で立てるとは限らないという点にも気付く事もありません。 pic.twitter.com/o
デザインの敗北事例集～人に伝わらないデザインは死ぬ～｜かじさん＠旅するWebマスター
ヒトに伝わらないデザインは、いとも簡単に死んでしまう。 オシャレでカッコよく、綺麗で鮮やかなデザインを作り、自分もクライアントも満足したとしても、機能性が無いデザインは簡単に死ぬのだ。 今回はそんな「デザインの敗北」事例を10個程度ご紹介しよう。 ※反対の「デザインの勝利事例集」記事はこちら 東京ミッドタウン日比谷の「極力シンプルで美しいデザインにしよう」というデザイナーの欲求がトイレのアイコンを小さくしすぎて「トイレはどこ？」という質問が多発して看板が設置されるの、まさに『デザインの敗北』というほかなくてとてもすき pic.twitter.com/kpI8LnWkq7 — Simon_Sin (@Simon_Sin) April 2, 2018 わかりやすいデザインの敗北事例である。 どう見てもトイレを示すアイコンが小さすぎる。 デザインは「問題解決」のためにあるので、機能性を大いに失っ
10年後、仕事がなくなっていそうなアイコン - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? YoutubeのアプリアイコンがTVじゃなくなっている....！？だと....！？ もし、「10年前にiPhoneを手に入れて喜んでいた人」がタイムスリップして、2019年のiPhoneを触ったら、きっとそう驚くんだろうと思います。 この時、いつも僕が気にしているのは、 書き換えられて、解雇されたTVアイコンの気持ちです。 リニューアルだ！と新しいアイコンばかりが世間では脚光を浴びますが、 その裏側ではサービスに尽くしてきた功労者達が首を切られているわけです。 「採用した当時は適切な表現だったが時代遅れになった」 / 「その概念が十分に
これだけ守れば見やすくなるデザインの基礎
2019/04/18に株式会社gumi様で行ったデザイン講義のスライドです。 デザインとは何か？デザイナーは何を考えてデザインを作っているのか？ という話から、実際にデザインを評価・検討するための言葉を紹介しています。
「Amazonのプライムビデオが難しい」というおかんの言い分を聴いてみた｜Tsutomu Sogitani
大阪の実家に帰った時、リビングのテレビの裏側を見たらAmazonのFire Stick TVが挿してありました。このFire Stick TVをテレビに繋ぐと、Amazonのプライムビデオを観ることができるようになります。 プライムビデオには、Amazonプライムの会員であれば、追加費用を払うことなく楽しめる映画やドラマ、アニメなどが豊富に揃っています。さらに個別に追加金額を払うとほとんどの映像コンテンツを観ることができるという、まさにTSUTAYAキラーなサービスです。 うちのおかんは月に2～3回は映画館に行くほどの映画好きなので、プライムビデオのメインターゲットといえるでしょう。本来ならプライムビデオで映画三昧の毎日を送っていてもいいはずです。 しかしながら、Fire Stick TVを挿しているにもかかわらず、プライムビデオを一度も使っていませんでした。初期設定をした私の弟が一通り使
Appleに影響を与えた伝説の工業デザイナー、ディーター・ラムスの「いいデザインの10か条」 - GIGAZINE
iPhoneをデザインしたAppleのデザイナー、ジョナサン・アイブ氏にも影響を与えたといわれる伝説の工業デザイナーであるディーター・ラムス氏は「いいデザインの十か条」を提唱しています。ラムス氏と「いいデザインの10か条」を映画監督のゲーリー・ハストウィット氏が映像化した「Dieter Rams’ 10 Principles of Good Design」が無料公開中です。 Rams — Gary Hustwit https://www.hustwit.com/rams 「Dieter Rams’ 10 Principles of Good Design」は以下から見ることが可能です。 Dieter Rams’ 10 Principles of Good Design on Vimeo 「全てのものは相互作用し、同時に他から独立しています」というラムス氏の言葉と共にムービーはスタート。 「
ホントに魔法が使えそう……！ 展示会に出展された「魔法の杖」に「美しい」「装備したい」と称賛
東京・原宿のデザインフェスタギャラリーで開催されていた「鉱石展」（2月1日～2月4日）の展示作品である「魔法の杖」が、「ステキ」「美しい」「めっちゃかっこいい」と話題になっています。 製作したのは、鉱物や星をモチーフにしたハンドメイドアクセサリーを作っている「しばすけ」（@mikohand）さん。主にレジンで神秘的な“鉱石”を表現しています。 展示された「魔法の杖」は、子どものころ憧れたRPGの魔法使いの杖がそのまま具現化されたようなかっこよさで、持ったら本当に魔法が使えそうなオーラがあります。また種類の違う5本の杖が並ぶ様は、まるでファンタジー世界の武器屋に迷い込んだような気持ちになって、無性にテンションが上がったり。眺めてるだけでワクワクする……！ まさしく魔法の杖だ……！ 5本すべて鉱石や装飾に違いがあり、杖の装飾では複数の翼が大きく広がっているものから、月や星がシンボル的に施されて
バッドデザイン賞を勝手にノミネートしてみた-2017年度版- - 酔いどれデザイン日誌 - Drunken Design Diary -
忙しい年の瀬ですが、皆さま如何お過ごしでしょうか。 さて、皆さんは「グッドデザイン賞はあるのにバッドデザイン賞が無いのはおかしい」という風に思ったことはありませんか？私は職業柄、日常生活で見かけた良いデザイン事例と悪いデザイン事例を写真に撮ってストックしているのですが、その中には「本当にこれギャグじゃないの？」というレベルのバッドデザインがあったりするんですよね。 良いものを良いと評価することも大切ですが、良くないものを無視するのは人類の進歩に大きな影を落としているような気さえします。ということで、勝手にアワード化してしまいました。2017と付いてますが、私が見つけたのが2017年だったというだけで製造年度などとの相関性はなく、特に意味はないです。あくまでジョークコンテンツとしてお楽しみください。 【追記】Twitterの方で一部画像が自分で撮影したものではないのでは？とご指摘頂きました。
佐野研二郎 トートバッグ「フランスパン」の元の撮影者が気づき、デザイン盗用が確定的に - 痛いニュース(ﾉ∀`) : ライブドアブログ
佐野研二郎 トートバッグ「フランスパン」の元の撮影者が気づき、デザイン盗用が確定的に 1 名前： ニーリフト(庭)＠＼(^o^)／：2015/08/10(月) 18:16:23.09 ID:1m1qEWmB0●.net 東京五輪のエンブレム類似問題で渦中の人となっている佐野研二郎氏。その騒動が収まる前に次の騒動が起きてしまった。サントリーのトートバッグキャンペーンのデザインの幾つかが類似、またはほかのデザインや画像そのままだったりしている。 その中の1つ、フランスパンのトートバッグが盗作確定となった。元となった写真は個人ブログに掲載されていたもので、その個人ブログのオーナーがコメント欄で「回転して一部分にしてるんですね・・・。確かに一致しててビックリしました。最初に発見した人はこんなマイナーなブログなのに良く見つけましたねｗ 盗用とは言え、自分もポンパドウル様のパンを撮ってるだけなので、何
PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Appleのデザインリソース
Magic UI
素人が作ったチラシを、プロのデザイナーが作るとこうなる→デザイナーのすごさや、視覚効果の重要性がよくわかる例です
Dark Mode | Apple Developer Documentation
