ネーム＆ナンバー統一の担当者を直撃。「視認性」に秘められたJリーグの理念 - footballista | フットボリスタ
川﨑濃（Jリーグ・ブランドマネジメントリーダー）&橋場貴宏（Jリーグ・ブランドマネジメントクリエイティブオフィサー）インタビュー前編 9月15日、Jリーグはオフィシャルネーム&ナンバーの導入を発表。これまで選手の背負う番号と名前の色とフォントは各クラブが独自に用意してきたが、2021シーズンからリーグ全体で統一される運びとなった。 独自性あふれるデザインから突如、別れを告げることになったファン・サポーターの間では様々な議論が巻き起こっているが、なぜJリーグは導入に踏み切ったのか。担当者であるブランドマネジメントリーダーの川﨑濃氏、ブランドマネジメントクリエイティブオフィサーの橋場貴宏氏を直撃した。 一番の理由は「視認性」 ――2021シーズンからJリーグは、Jリーグ公式戦（J1～3、J1参入プレーオフ、リーグカップ、スーパーカップ）でオフィシャルネーム＆ナンバーを導入します。この決定にはフ
DarkModeのデザインを中心とした色彩設計の考え方 - くらげだらけ
こんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。 おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。ありがとうございます！ PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。 peaks.cc 概要 WWDC 2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。 今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。 ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。目に優しいだっ
デザイン的に合う色の組み合わせを指定されたカラーをベースに生成する無料ツール -Color Designer
色の組み合わせに悩んだ時、指定されたカラーをベースにその色の明るい色合いと暗い色合いをはじめ、補色、類似色、分裂補色、3色配色、4色配色など、色の組み合わせを簡単に自動で生成できるオンラインツールを紹介します。 カラーのセンスがなくても、デザイン的に合った組み合わせが分かります。
保存版！デザインツールの総まとめ -200種類以上の定番ツールから最近リリースされた注目のツールまで
Webサイト、スマホアプリの制作・開発に携わるすべての人に役立つ、200種類以上の有料・無料のデザインツールを紹介します。 定番ツールから最近リリースされた注目のツールまで、便利なツールが揃っています。 Awesome Design Tools -GitHub 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 アクセシビリティのツール アニメーションのツール AR（拡張現実）のツール コラボレーションのツール カラーピッカーのツール デザインのフィードバックツール デザインのハンドオフツール デザインパターンとインスピレーションのツール デザインシステムのツール デザインをコードにするツール エクスペリエンスのモニタリングツール フォントのツール スクリーンショットのツール アイコンのツール イラストのツール 情報アーキテクチャの
配色はセンスじゃない、UIデザインで色をかんたんにキメるメソッド｜Taiki Ikeda｜note
どうも、イケダです。最近よくTwitterで知り合った若いデザイナーにお会いしているのですが、どなたにも決まって聞かれることがあります。 「G●●dpatchってぶっちゃけどうなんですか?」 知りません、なんで僕に聞くんだw 2015年に「Dear G●●dpatch」という内容のサイトを作って持っていったところ、「あー、またこれね...」と土屋さんに非常に悲しいリアクションをされてしまったので別の方法で気を引くことをオススメします。 というわけで今日は先日勝手にリデザインしたPolipoliのデザインを使って、UIデザインを行う時に僕が普段どのように色を選択しているのかをとても正直に書いていこうと思います。僕がこれから記す方法に則って色を選べば、誰でもナウでヤングなアプリを作ることができます。 はじめるよ レイアウトに関してはイニシエよりご先祖様がお築きになられたルールに則って並べればオ
無料で統一感のある実用的なカラーパレットを論理的に分析・作成・編集できる「Palettte App」
ウェブサイトやアプリのUIを作る時には、スッキリと見やすい色使いでページを構築することが重要です。スペースキーを押すだけでさまざまなカラーパレットを生成してくれるツールや、写真や画像からカラーパレットを作るアプリを用いて、サイト構築に使用するカラーパレットを作るという人も多いはず。ウェブデザイナーのGabriel Adorf氏が作った「Palettte App」は、カラーパレットをより論理的に分析・作成・編集できるツールで、他のカラーパレット作成ツールと比べても負けず劣らず役立ちそうだったので、実際に使ってみました。 Palettte App https://palettte.app/ Palettte App Build, analyze and edit smooth color palettes https://www.gabrieladorf.com/palettteapp/ 多く
180種類のグラデーションがCSSと画像で手に入るサイト「WebGradients」 | ライフハッカー・ジャパン
「WebGradients」は180種類のグラデーションがCSSと画像で手に入るサイトです。さまざまなグラデーションが揃っています。それぞれCSSもしくは画像で手に入りますよ。グラデーションのカラーパレットをお探しの方には重宝するサイトだと思います。 以下に使ってみた様子を載せておきます。まずWebGradientsへアクセスしましょう。グラデーションが次々と並んでいます。 クリックすると、その場で全画面でグラデーションを確認することができますよ。それぞれのグラデーションに使われているカラーコードも確認できますね。CSSもしくは画像として出力することができますよ。Webサイト制作などでグラデーションを使う際にご活用ください。 WebGradients （カメきち）
クールなグラデーションのカラーコードやCSSコードを確認できるサイトまとめ - NxWorld
近年見かける機会が多くなった、クールなグラデーションカラーを知りたいときに便利なサイトのまとめです。 いずれもあらかじめグラデーションカラーの一覧が用意されているので、それらから選んでカラーコードやCSSで実装するためのコードを確認することができ、さらにサイトによってはそれを自分好みに調整してからコード出力したり、デザインで使える素材でダウンロードできるようにもなっています。 uiGradients ページ左右に配置されている矢印でカラーを切り替えていく他、もっと一覧化された状態で見たい場合は左上にある「Show all gradients」から確認でき、キーカラーを選んでフィルター表示にすることもできます。 カラーコードは画面中央上部に記載、その他のオプションについては画面右上にそれぞれ配置されており、角度変更（クリックの度に角度が変わります）・CSSコードの出力・JPG形式でのダウンロ
50 Red Web Designs to Inspire You
29 Comments Nice collections, give us some inspirations, thanks for share. Nice collection, I’m not so convinced Twitter convention website is “so red” 🙂 anyway it’s a nice example like all the others. Thanks for the inspiration. Thanks for posting this collection. Red can be a pretty powerful eye-catching color. I like the Truf Creative and Taami Berry sites especially. I’m working on a redesign
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
自然をイメージさせる配色のカラースキーム | Web カラー 配色パターン 一覧リスト | iso.labo
http://www.shikisaikentei.net/archives/271028.html
NHKスペシャル｜戦後70年 戦争と平和を考える
【京色】Kyo-iro - 京都のいろ。
https://www.takumitaniguchi.com/tokyotowers/