失敗しない美しいUIにする配色の選びかた【実践編】
Refactoring UIで公開された「Building Your Color Palette」より許可をもらい、日本語抄訳しています。 これまでに以下のように鮮やかな色の配色ツールを使ったことはあるでしょうか？ ベースとなる色を選び、「補色」や「類似色」などいくつかの配色オプションを調整すると、ホームページを構築するために使用すべき５つの色見本が表示されるというものです。 完璧な配色を選ぶためのこの計算された科学的アプローチは、とても魅力的に見えますが、実はあまり役に立ちません。 自分のサイトをこんな風にしたのなら話は別ですが… 実際のホームページに必要な配色 ずばり、５つのHEXカラーコードだけでは何も作れません。 実際にホームページを制作するには、もっと包括的な色のセットが必要です。 インターフェースにはこれだけたくさんの色が使われている 良いとされる配色カラーパレットは、3つのカ
box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない 2024.08.11 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングのカスタマイズに `box-shadow` プロパティを使うことがありますが、ハイコントラストモードではフォーカスリングが表示されない問題があります。この記事では、ハイコントラストモードでフォーカスリングを表示する方法について解説します。 フォーカスリングとは、キーボード操作でフォーカスが当たった要素を視覚的に示すための UI デザインのことです。フォーカスリングはキーボード操作をしているユーザーにとって現在のフォーカス位置を把握するための重要な要素です。このことは WCAG 2.2 の 2.4.7 項目で要求されています。 (レベル AA) キーボード操
846 U-名無しさん 2024/08/06(火) 16:44:46 QmZ7dScI0 >>842 クラブ「カラー」というのがな オレンジ色そのもののことなのか 社風のことなのかわからん 幸か不幸か配色の半分の紺色は同じだから オレンジと紺色の間に銀色入れてくるのが第一段階 セカンドユニを銀色にするのが第二段階 ファーストユニを銀色にオレンジアクセントにするのが第三段階 852 U-名無しさん 2024/08/06(火) 17:16:53 M4ZQ5zRR0 >>846 記事元読んでないやろ >クラブ名はJリーグ理事会の承認を経て「RB大宮アルディージャ」に変更する一方、 >クラブカラーのオレンジ色は継続する見通し。引き続きさいたま市を拠点に活動する。 844 U-名無しさん 2024/08/06(火) 16:42:25 F4qxQ/Wy0 まず反浦和層と市内のサッカー無関心層囲おうか
ありそうでなかったSNSで話題の最新Webデザイン33選
素敵なWebサイトがこんなに公開されているなんて… ウェブに携わる人にとって、新しいWebサイトを発見し、次へのアイデアを貯めておくのは楽しみのひとつ。 しかし、「忙しくて少し目を離したら、数か月でトレンドががらりと変わっていた」なんてこともあるほど、目まぐるしく変化しているのも事実。 このリストでは、ここ2か月ほどSNSなどで話題となった国内外の最新Webデザインをまとめています。 Webデザイン見本リスト モンブラン｜福岡のブランディング会社 愛の詰まったコンテンツやイラスト、下まで続く長ーいフッター、どれもが素敵すぎる九州を代表するWeb制作会社モンブランさんのブランディングサービスサイト。ワクワクが止まりません。 MIXI設立25周年特設サイト | 株式会社MIXI 25周年を迎えたMIXIを振り返る特設LPページ。アイソメトリックなイラストとカラフルな配色で統一。創業者インタビュ
月末企画❗️今月のイチ押しリターンズ❗️（2018年7月版）配色の妙 - アルツハイマーとともに〜おママの貼り絵日記〜
（２０１８年７月１５日アルツハイマー型認知症の診断から約11年5ヶ月） harienikki.hatenablog.com １ヶ月が経つのが速すぎます。 明日からは８月ですね。夏休みのご家庭もなかなか大変だと思います。 皆様、体調に気をつけながらお過ごし下さいませ。 そして先週からの豪雨で水害に遭われた方々に、お見舞いを申し上げます。 これ以上災害がありませんように。 ＊「今月のイチ押し❗️リターンズ❗️」とは 昨年の１月におママが特別養護老人ホームに入所したので、もう、新しい貼り絵作品は出来ません。（面会時にシール遊びはしますが…） 一昨年まで、「月末企画❗️今月のイチ押し❗️」は当ブログの月末恒例行事でした。 オネコと私は「イチ押しミーティング」をして、特に印象に残る作品を選んできました。 それはすぐに意見が一致することもありましたが、紛糾する（大袈裟です）こともしばしば…。 しかし、
ワイヤーフレーム作成に超使える「Galileo AI」を詳しく解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
2024年7月現時点では、無料トライアルを使用することもできます。生成できるデザイン数やエクスポートできる数に限りがありますが、試しに触ってみることができますのでぜひ試してみてください。 Galileo AIの始め方 Galileo AIの使い方は至って簡単。4ステップで登録が完了します。 1. 公式サイトにアクセス Galileo AI 公式サイトにアクセスし、右上のSign upをクリックしてください。 2. アカウントを作成 / Googleアカウントでログイン 次に、アカウント作成をおこないます。Googleアカウントでログインをおこなうことも可能です。画面の指示に従い、必要事項を入力してください。 3. 名前の登録 アカウント作成が完了すると、名前などの情報を登録する画面に遷移しますので、必要事項を入力してください。 必要事項記入の上、Continueをクリックすると料金表の画面
Wordで文書をつくるとき、いつもレイアウトで困っている… Wordの設定が思い通りにならない…そんなお悩みはありませんか？ モリサワのnoteではより伝わる資料作成を目指して、Wordを用いた文字・レイアウトの設定方法や、ちょっとした豆知識をお伝えしてまいります。 ※本記事は2024年8⽉時点の内容です。Windows版 Microsoft Office Word バージョン2406（ビルド17726.20160）を使用して作成しています。 ［Word資料作成術］ ページサイズと余白 文字数と行数（この記事） 行間の調整（9月前半公開予定） フォントの組み合わせ（9月前半公開予定） 文字のスタイル（9月後半公開予定） 配色（カラー）設定（9月後半公開予定） 今回のテーマは「文字数と行数」の設定。 資料を作成する際に、前回の記事でご紹介した「ページサイズと余白」とあわせて、初めにおおよその
おしゃれな店舗/美容室/観光サイト向けWordPressテーマ LIQUID BLOOM New ブロックテーマ フルサイト編集 スタイル対応 おしゃれな店舗/美容室/観光サイト向け ブロックテーマ デモ ダウンロード 安心継続サポートプラン <$mt:Include module="お知らせ"$> <$mt:Include module="テーマの特長（ブロック）"$> ブロックテーマとは ブロックテーマは、ヘッダー、コンテンツ、フッターなど、サイトのあらゆる要素を編集できる WordPressの最新機能フルサイト編集（FSE）に対応したブロックベースのテーマです。 フルサイト編集機能を利用するためには、ブロックテーマが必須です。 ノーコードで 自由自在に こだわり編集 デザインに迷わない フラットな要素を取り入れた、シンプルで分かりやすいデザイン。 余白を多く設けることで、心地の良い雰
こんばんは 日曜日ですが正確な腹時計のレナちんに起こされたくろねこ レナちんのおなかは正確なのだ！ 涼しいウチにちょっとDIYしました！ 年季の入った もう20年以上前 （当時）ウッドデッキのくつろぎ用として、テーブル・チェア（丸テーブルと折りたたみ椅子✕二脚）を用意しました 心地よい風を浴びながら、夏は冷たい、冬は温かい飲み物をいただきながら、小さなガーデンを楽しむのには欠かせないアイテムです しかし、風雨にさらされたそれは、やはり、時間の流れとともに朽ちていくのは避けられません ペイントし直したり、板そのものを交換したり・・・ 最後に修復したのは、おそらく、2018年頃だったと記憶しています このときは、板の交換（張替え）も行い、丸テーブルの曲線部分の切り出しに苦労したのを覚えています 当時の塗り分けは、白ベースにグリーンのアクセントです 2018年 板張り替え直後のテーブル・チェア
サマリー生成UI（Generative UI）とは、AIがユーザーのニーズ・コンテキストに合わせてリアルタイムにUIを生成するものである 生成UIは、ユーザーの意図やコンテキストをより深く理解し、パーソナライズされた体験を提供することが可能 生成UIの事例はまだまだ心許ないが、フライト予約アプリ、アンケートフォーム、PerplexityのPro Search機能などを紹介 生成UIにはテストと評価の困難さ、デザインの一貫性・統一性などの課題があると考えられる 選択肢の自動生成等から始まり、徐々にUIコンポーネント自体の生成へと発展していくのではないか 生成UIの定義まずは生成UIについて、Nielsen Norman Groupの記事の定義を取り上げます。 上記記事では、生成UIについて以下のように説明されています。 A generative UI (genUI) is a user in
iOS18では、ビデオ撮影を開始しても、音楽などの再生が停止しないようになり、音楽を聴きながらビデオ撮影することが可能となります。iOS17でも音楽などを再生しながら動画撮影する方法はありましたが、機能に制限がありました。ホーム画面のカスタマイズなど多くの機能が追加されるiOS18は、現在ベータテスト中で、9月に正式版が公開される見込みです。 動画撮影を開始しても音楽などの再生が停まらない！ iOS17シリーズまでは、iPhoneで音楽などの再生中にビデオ撮影を開始すると、音楽などの再生が自動で停まってしまいます。 しかし、iOS18では、ビデオ撮影を開始しても、音楽などの再生が続くことが分かった、と米メディア9to5MacやMacRumorsが報じています。 この新機能を使うには、「設定」アプリでカメラのメニューから、オーディオ再生を許可するよう設定する必要があります。 コンテンツを再生
非デザイナーのデザイン思考
以前、会社勤めをしていた時は、企画やマーケティングの部署に長くいたので、その他の仕事に関してはあまり経験がなかったのだけど、独立してからはいろんな種類（ほぼすべて？）の仕事は一通りこなしてきた。 そんな中、自分で事業を作っていく上で、すごく大切だなぁ、と痛感した仕事が２つある。 それは、「営業の仕事」と「デザインの仕事」である。 「営業の仕事」に関しては、独立する前から「営業って、大切なんだろうなぁ」と思っていたので、まぁ、その通りと言えばその通りだった。 そして、もう一つ、「デザインの仕事」。 「デザインの仕事」って、要は見た目を整える、あのデザインの仕事である。 自社のホームページ「デザイン」であったり、お客様への提案資料の「デザイン」であったり。 この「デザインの仕事」って、いろんな人が思いつきでいろんな事を言いやすい分、偏見や誤解がうまれやすく、面倒な仕事（別に気にしなくてもいいか
https://www.talpkeyboard.com/ 気になったキーボード関連いろいろ（8月1日〜8月21日） Xにポストした気になるキーボード関連のまとめです。今後はゆるく不定期にまとめてゆこうと思います。 当店の新入荷商品や再入荷商品はXへのポストやショップページに数多く掲載していますので、ここではとても面白いものを除いては掲載は控えます。 ショップの新商品はこちらのニュースページをご覧ください。ショップページにもリンクを貼っています。 入荷したものや入荷予定の一覧はこちらをご覧ください。ショップのトップページにバナーリンクを貼っています。 talpkeyboard.net 1. TEX ADA来たよ〜 ダブルショット！ 以前より白がくっきりしてますです pic.twitter.com/tYyaknA4yR — 堕落猫 (@daraku__neko) 2024年7月31日 以前の
Moi! ヌーラボに入社してから3年目のUXエンジニアのヨーナスです。久しぶりのブログ投稿ですごく緊張しています。 今回は、アクセシビリティに特化することを決める前に色覚特性について知りたかったことを書こうと思います。このブログは、ヌーラバー真夏のブログリレー2024の8日目のブログとして更新しています。 まずは言っておきたいのは、私は色覚特性（色弱、色覚異常と呼ばれることもありますが、このブログでは色覚特性と表記します）を持っていないため、この投稿に書いてあることは間接的に得た情報に基づいています。色のアクセシビリティの判断は、できるだけ当事者に相談しましょう。 最初は、色覚特性について解説しようと思います。そのあと、ありがちな誤解をいくつか紹介します。最後に、基本的な対応方法を紹介します。 目に見えない障害としての色覚特性 さまざまな障害について考えるときによく頭に浮かぶのは、車椅子や
フランス国民議会選「2回投票制」の攻防――はじめの票は心で入れて、2度目の票は頭で入れる｜三春充希(はる) ⭐第50回衆院選情報部
今年6～7月に行われたフランスの国民議会選挙では、議席の過半数をうかがうとみられた極右勢力が、最終的に第3党へ追い込まれるという波乱がおこりました。フランスでは日程をかえて2度の投票を行う「小選挙区2回投票制」が採用されており、1回目を終えて極右の優位が鮮明になると、他の各党はその勢いを止めるべく協力して2回目へと臨み、形勢を逆転させたのです。そこで行われた攻防をデータを使って読み解いてみましょう。 小選挙区2回投票制 フランスの国民議会選挙は小選挙区制であるものの、投票を2回行うという独特なやり方が採用されています。 第1回の投票は、しばしば本選挙の前に行われる予備選に近い意味合いを帯びており、それが担う主な役目は有力候補の選別です。この段階で当選を決めることも可能であるものの、そのためには投じられた票の過半数を一人で得なければならないという高いハードルが課されています。選挙区内の最多得
限りなく官給品仕様！【イギリスの軍服】極地用迷彩スモック（DPM・PX品？）とは？1160 🇬🇧 ミリタリー BRITISH ARMY/MARINE CAMO ARCTIC SMOCK（DPM・COMMERCIAL MODEL）1980S - いつだってミリタリアン！
今回は、1980年代のイギリス軍極地用迷彩スモックを分析します。 以前分析したイギリス陸軍極地用DPMスモック（SASスモック）と同じモデルですが、今回はPX品（モデル品）ですね。 同じ製造ラインで造られたように官給品にそっくりでした。 普段使いの中古品ですが、程度は極上ですよ！ 目次 １ イギリス軍極地用迷彩スモック（DPM・PX品）とは？ ２ 全体及び細部写真です！ ３ その特徴とは？ ４ 製造とサイズのデータです！ ５ まとめ スポンサーリンク スポンサーリンク １ イギリス軍極地用迷彩スモック（DPM・PX品）とは？ 世界の主要国の多くは、その国が開発したいわゆる官給品の装備が支給されています。 これは兵士の入隊前の環境や貧富に関わらず、「同じ装備」を与え、その差を無くすことにより連帯感を醸成するという効果があります。 ところが予算の関係から、兵士へ無限に官給品を支給す
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
box-shadow で実装されたフォーカスリングはハイコントラストモードで表示されない
大宮アルディージャを買収したレッドブル社、クラブカラーのオレンジ色は継続する方針 拠点は引き続きさいたま市 :
文字数と行数［Word資料作成術］｜モリサワ note編集部
おしゃれな店舗/美容室/観光サイト向けWordPressテーマ | LIQUID PRESS
ガーデンのテーブル・チェア - くろねこ自由気ままな日記
生成AI・LLMを用いて「あなた」にパーソナライズされたUIの実現を目指す「生成UI」の可能性｜r-kagaya
iOS18、音楽を再生しながらビデオ撮影が可能に - iPhone Mania
気になったキーボード関連いろいろ（8月1日〜8月21日） - TALPKEYBOARD BLOG
色覚特性について学んだことをざっくりとまとめてみた #ヌーラボ真夏のブログリレー2024 | 株式会社ヌーラボ(Nulab inc.)