Unstyled UI components for building accessible web apps and design systems.From the creators of Radix, Floating UI, and Material UI. Documentation
Design tokens are design decisions as data and serve as a single source of truth for design and engineering. Utilizing deployment pipelines, they enable automated code generation across platforms, allowing for faster updates and improved consistency in design. Organizing tokens in layers—progressing from available options to tokens that capture how they are applied—ensures scalability and a better
官僚主義からスタートアップ精神へ——。およそ10年前、新サービスの立ち上げ失敗を機に生まれた米国政府の新組織が作ったWebデザインシステムは、今では160サイト・11億ページビュー規模にまで広がりを見せている。 by Jon Keegan2024.07.03 412 9 この記事の3つのポイント 米国には公共デザインシステムとカスタムフォントがある 政府系Webサイトのアクセシビリティと一貫性を高めることが目的 これらのプロジェクトでは透明性や協働、継続的な改善が重視されている summarized by Claude 3 米国には、公式のWebデザインシステムとカスタムフォントがある。この公共デザインシステムは、政府のWebサイトを単に美しいものにするだけでなく、すべての人にとってアクセスしやすく機能的なものにすることを目的としている。 インターネットが普及する以前、米国民は印象的な石柱
そんな事もあり、4月10日は新しいフォントがいくつか発表された。今年の目玉はなんといっても「和文バリアブルフォント」であろう。 われわれが普段使用するフォントは、同じデザインでも細いもの、太いもの、横が詰まったものなどがそれぞれ個別のフォントとして提供され、1つのファミリーを形成している。 一方バリアブルフォントは、そうした文字の変形を1つのフォントで提供していこうという比較的最近のフォントフォーマットで、米Adobe／米Apple／米Google／米Microsoftが共同開発した。フォントパラメータとして、太さや字幅がバリアブルで変更できるため、従来はファミリーで提供しなければならなかったフォントデータが、1つのフォントで小さく提供できるというメリットがある。 もちろんデザインする側も、細いか太いかの2択ではなく「中間」も選べるし、縦長、横長も選べるので、表現の幅が広がるわけである。た
結論話題の記事「UIの色を変えただけで大量のクレームを頂戴してしまった話」を読みました。ユーザーを軽視した内容に驚愕したのですが、それよりも記事が批判されている原因を理解できていない様子の方が存在することに衝撃を受けました。 現職のデザイナーあるいはデザイナーを目指している方々にお伝えしたいことは以下の3点です。 具体的な不都合を訴える問い合わせは無益なクレームではなく有益なフィードバックです。プロダクトの価値向上につながる貴重な意見ですから無視するべきではありません。 時間の経過でユーザーがUIに慣れることはありません。問い合わせをしても無駄だと学習して離脱したパターンを疑いましょう。受け入れられる場合も含めて画面の変更はユーザーに負担を強いているのだと自覚してください。 色覚特性や色とコントラストについて学びましょう。色だけで情報を伝えるデザインはアンチパターンですから避けてください。
素材集の活用で、行政手続きをもっとわかりやすく専門的でわかりにくい行政手続きの改善へマイナンバーに関連するデジタル手続は専門用語が多く、イラストレーションやアイコンなどを活用して、ひと目でわかりやすく伝える必要があります。しかし、これまでは政府として公式に配布する専用の素材がありませんでした。 そのため、地方自治体や民間サービスの方々が独自に作成する必要があり、表現が伝え手によってバラバラになる課題を抱えていました。 コストを抑えて、わかりやすい表現が可能にイラストレーションやアイコン素材の作成には、専門的な知識と多くの時間が必要です。視認性が高く保たれているか？ 日本に暮らす人、訪れる人が理解しやすい表現になっているか？ など、さまざまな検討事項があります。どなたでもご利用できる素材を配布することで、別々の機関が同じものを制作したり、検討する時間を省くことができます。 また同時に、素材制
アニメ制作会社「CloverWorks」が、TVアニメ「ぼっち・ざ・ろっく！」の制作を今回担当。そのなかでキャラクターデザイン・総作画監督を務めた、けろりら氏にここではインタビュー。もともと原作のファンで、「（アニメ化したくて）自分から動いて、いろんなプロデューサーに聞いていた」と語るくらい、ピュアな“作品愛”の持ち主でもある。ほぼすべての話数に原画として参加し、本作の作画におけるキーマンに聞いた創作の裏側。 【場面写真を見る】記事中に出てくる「ぼっち・ざ・ろっく！」のシーン ※この記事は現在発売中の「Rolling Stone Japan vol.22」に掲載されたものです。 アニメ化したかった理由 ーアニメ化の話が浮上する前から、この作品でアニメを作りたい！と強く思わせたのはどういったところだったんでしょう？ けろりら 誰かがSNSで「ぼっち・ざ・ろっく！」のマンガを紹介していて、それ
Design thinking was supposed to fix the world. Where did it go wrong? 世界を変えるはずだった 「デザイン思考」とは 何だったのか？ 企業や自治体から一時注目を浴びた「デザイン思考」の輝きは近年、失われつつある。組織内での「イノベーション劇場」が常態化し、多くの課題が大量の付箋では解決困難であることが明らかになった今、デザイン思考のアプローチにもイノベーションが求められている。 by Rebecca Ackermann2023.04.07 409 95 2011年のことだ。カイル・コーンフォースがアイディオ（IDEO）のサンフランシスコ・オフィスに初めて足を踏み入れたとき、まったく新しい世界に迷い込んだように感じた。当時、非営利団体「エディブル・スクールヤード・プロジェクト（Edible Schoolyard Projec
<Layout config={{useWebDefaults: false}}> <Node style={{width: 250, height: 475, padding: 10}}> <Node style={{flex: 1, rowGap: 10}}> <Node style={{height: 60}} /> <Node style={{flex: 1, marginInline: 10}} /> <Node style={{flex: 2, marginInline: 10}} /> <Node style={{ position: "absolute", width: "100%", bottom: 0, height: 64, flexDirection: "row", alignItems: "center", justifyContent: "space-aroun
デジタル庁では「誰一人取り残されない、人に優しいデジタル化を。」の実現を目指し、ウェブサービス・ウェブアプリケーションの使い勝手や情報の探しやすさ、アクセシビリティ等の向上に取り組んでいます。 その一環として、「デザインシステム」の構築を推進し、官民問わずすべての方が参照できる形で公開しています。よりよいデザインの普及・啓発に向けて拡充と更新を継続的に行い、あらゆる人がデジタル化の恩恵を享受できる社会に貢献します。 2024年5月30日 デザインシステムのコンテンツは専用サイト「デジタル庁デザインシステムβ版」へ移行しました 専用サイトで、ガイドラインやデザインデータ等の各アセットを案内しています。 イラストレーション・アイコン素材 行政手続きをもっとわかりやすくするために作成した素材集です。どなたでもご利用いただけます。 最近の取組2024年5月 専用サイト「デジタル庁デザインシステムβ
デザイナーのキャリアオーナーシップ探索プロジェクト第1弾「高度デザイン人材のキャリアオーナーシップの獲得要因」レポート公開 「デザイナーのキャリアオーナーシップ探索プロジェクト」実施の背景 ビジネスの世界で、デザインの必要性が話題に上がるようになって久しいですが、いわゆる経営・テクノロジーの知識・経験を持つ高度デザイン人材はまだまだ不足しています。また、企業のデザイン人材が求められる知識量や役割の大きさに対して、キャリア形成の機会や活躍できるフィールドは少ない現状にあります。これらは、ロールモデルの不在なども要因として考えられます。 パーソルキャリアでは、「人々に『はたらく』を自分のものにする力を」をミッションに掲げ、「キャリアオーナーシップ」を育む社会の創造を目指す取り組みを行っています。「キャリアオーナーシップ」とは、自身のキャリアに対し主体的に取り組む意識と行動のことです。デザイン組
Designing accessible services General guidance on how to design more accessible services. The guidance covers best design practices for users from these areas: low vision, D/deaf and hard of hearing, dyslexia, motor disabilities, users on the autistic spectrum and users of screen readers. The guidance is also available in a poster set available to download as a PDF (1.2mb). You can help us make th
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
