🗂️ Design Materials ＃デザイン資料

本

デザイン、リソースやテンプレートを集めてここでご紹介しています。

運営しているクリエイター: noko

#UXデザイナー

🗂️ Design Materials：デザイナーが選ぶ！おすすめのUXUIリソース2022年版

デザイナーとして適切なリソースを適切なタイミングで見つけることもスキルの一つです。毎回検索して素材を探し出すこともできますが、せっかく見つけた素材が有料であったり、まったく異なるものが含まれている場合があります。今回は、インスピレーションが浮かばなかったり、行き詰まったときに使えるUXUIリソースをご紹介します。 UXリソース優れたUXコンテンツを見つけた時は、とてもときめきます。今までにも多くの素晴らしいオンラインリソースに出くわしました。素晴らしいもの、そしてなくて

🗂️ Design Materials：デジタルデザイナーにとって非常に貴重なリソースGoogle Fonts。オススメフリーフォントまとめ

この記事では、Google Fontsで使えるオススメフリーフォントをまとめてご紹介します。 Google Fontsとは？Google Fonts とは、Googleが提供するWebフォントのサービスです。 2010年にリリースされて、無料で利用可能、また様々な言語のフォントにも対応している点が大きな特徴です。 Google Fontsは、デジタルデザイナーにとって非常に貴重なリソースです。Webフォントを直感的に利用でき、安定したオープンソースディレクトリとなってい

デザインシステムとは？参考にしたいデザインシステムまとめ

デザインシステムは、さまざまなページやチャネル間で共有言語と視覚的な一貫性を作成しながら、冗長性を減らしてデザインを大規模に管理するために作られています。マイクロソフトやApple、Uber、Airbnbなど、海外の大企業が活用し始め、その有用性が認知され導入する企業が増えてきました。繰り返し使用できるコンポーネントを最大限に活用することで、コラボレーションのスピードまた効率性を向上することができます。デザインシステムのメリットデザインシステムは、適切に実装される

️🗂️ Design Materials： UXデザイナーなら知っておきたいデザインに関する基本的なデザインの原則

今回はUXデザイナーなら知っておきたいデザインに関する基本的なデザインの原則をまとめたいと思います。これらのいくつかはUIデザインにも関連しています。プロジェクトを開始する前または後で、必要に応じてプロジェクトを改善できるように、この資料をチェックリストとして使用してみてください。 1. 実際のユーザーのニーズについて考えよう実際のユーザーのニーズは、あなたがそれについてどう思うかではなく、重要な側面です。例えばデザインが素晴らしいものでも、主要な対象者に属していな

🗂️ Design Materials：アクセシビリティ・ガイドライン：エンジニアのためのチェックリスト

このチェックリストを使用して、プロジェクトでの役割や段階に関係なく、プロセスにアクセシビリティを組み込むことができます。プロジェクトに適用されるガイドラインのチェックボックスをオンにします。チェックリストをプレビューしてクリップボードにコピーします。チェックリストをドキュメント、クリックアップ、Slack、Trelloなどのマネージメントソフトに貼り付けます。それ以外の場合は、チームがプロジェクトを編成します。エンジニア□ コンテンツに適切なHTML要素を使用

🗂️ Design Materials：アクセシビリティ・ガイドライン：デザイナーのためのチェックリスト

このチェックリストを使用して、プロジェクトでの役割や段階に関係なく、プロセスにアクセシビリティを組み込むことができます。プロジェクトに適用されるガイドラインのチェックボックスをオンにします。チェックリストをプレビューしてクリップボードにコピーします。チェックリストをドキュメント、クリックアップ、Slack、Trelloなどのマネージメントソフトに貼り付けます。それ以外の場合は、チームがプロジェクトを編成します。デザイナー□ テキストとその背景色の間に十分なコン

🗂️ Design Materials：アクセシビリティからデザインを学ぼう。アクセシブルなフォームを作成するためのベストプラクティス

Webアクセシビリティとは、障害者など心身の機能に制約のある人でも、さまざまな条件に関わらず、ウェブで提供されている情報にアクセスし利用できることを意味します。しかし、現在のインターネットの多くは、まだ障害を持つユーザーに対応するようにデザインされていません。たとえば、Deque Systemsの調査によると、視覚障害を持つ人々はWebサイトの70％にアクセスできませんでした。アクセスできないフォームは、単に思いやりがないだけでなく、ビジネスの妨げになります。逆にア

🗂️ Design Materials：業務効率化させるデータの制作と管理をしよう。ファイルをきちんと整理する方法。ファイリング・システムの簡単なルール。

あなたはファイルの検索に時間を費やした経験がありますか？例えば、ファイル名がプロジェクトと無関係であったため、探すのに手間がかかったり、適切なファイルを探すのに時間がかかってしまったり。特に期限が迫っている場合、ファイルの欠落、書体の紛失、および適切にソートされていないフォルダーが問題になる可能性があります。デザイナーとして仕事をする上で持つべき能力の一つに「データの制作と管理」があります。上記のような問題を解決するため、デザイン作業だけでなく、明確さと順序を持たせた

🗂️ Design Materials：色のアクセシビリティ–インクルーシブなプロダクトデザインに役立つツールとリソース

アクセシブルなプロダクトを作成する多くの方法の1つは、色覚異常のある人のためにデザインすることです。今回、色のアクセシビリティに特化して、インクルーシブなプロダクトデザインに役立つツールとリソースをご紹介いたします。この記事は定期的にアップデートしていきたいと思います。色覚異常とは？色覚異常とは、正常とされる他の大勢の人とは色が異なって見えてしまったり、色が異なっていると感じてしまう状態のことをいいます。そのために色の区別がつきにくい場合があり、このような方々は日常生

🗂️ Design Materials：アクセシビリティガイドラインを理解しよう。WCAG 2.0とWCAG 2.1の違い・チェックリスト・実用的なリソースガイド

WCAGとは？WCAGとは、Web Content Accessibility Guidelinesの省略で、デジタルコンテンツのアクセシビリティに関するガイドラインのことを示します。W3C（World Wide Webコンソーシアム）は、インターネットを可能な限り包括的にするために努力しているアクセシビリティ専門家のグローバルコミュニティです。またWAI（Web Accessibility Initiative）は、世界中の個人や組織からの意見を取り入れて、WCAGおよび関

🗂️ Design Materials：インターセクショナリティとは？ 交差性を理解することから始める、インクルーシブデザイン。

インクルーシブデザインとは、ユーザーの多様な視点を新たに発見し、できるだけ多くの人が使用できるようにデザイン、またアウトプットに生かすデザインのプロセスです。デジタルプロダクトへのアクセスや、別の方法での使用に問題がある可能性のあるユーザーを認識することから始まり、デジタルプロダクトが人々をどのように描写しているかを認識し続けるまで続きます。それに付け加え、インターセクショナリティとは、個人のアイデンティティが複数組み合わさることによって起こる特有の差別や抑圧を理解す

🗂️ Design Materials：スプリントプランニングとは？その構成方法とベストプラクティス。

スプリントプランニングとは、スプリントを開始するスクラムにおけるイベントです。選択されたプロダクト・バックログアイテムをこれから実行するスプリント内で実現するために、やるべきことをタスクに分解し、そのタスクを見える化するスクラムのセレモニーの１つです。スプリントプランニングの目的は、スプリントの実行内容や作業の達成方法を定義することです。スプリント計画は、スクラムチーム全体でのコラボレーションを通じて実行されます。スプリントプランニングの構成スプリントプランニング

🗂️ Design Materials：Webアクセシビリティ評価に障害のあるユーザーを対象としたユーザビリティテスト、評価に関する考慮事項

Webアクセシビリティ評価は、WCAGなどのアクセシビリティ標準への準拠に焦点を当てていることがよくあります。適合性は重要ですが、実際のユーザーと一緒に評価することには多くの利点があります。たとえば、サイトまたはツールがユーザーにとって実際にどのように機能するかを学び、アクセシビリティの問題をよりよく理解することができます。また障害のあるユーザーや年配のユーザーと一緒に評価することで、適合性評価だけでは発見されないユーザビリティの問題を特定できます。今回は障害のあるユ

🗂️ Design Materials：効率的にアイデアを生み出す「クレイジー8」とは？ワークショップを実行する際のファシリテーターのためのガイド

私たちUXデザイナーとして働く上で、日々様々なメソッドやツールを収集しそれらを使用しみて、テストして、ツールを自分用に改善しています。今回は「クレイジー8」と呼ばれている、デザインスプリント・プロセスでよく使用する手法についてご紹介したいと思います。ブレーンストーミングやスケッチ、またコピーライティングやロゴのデザインをする際にもよく使用します。 SPRINT 最速仕事術―あらゆる仕事がうまくいく最も合理的な方法クレイジー8とは、1つのアイデアから8つのバリエーショ