「ユニバーサルデザイン」の版間の差分

提供: 広島大学デジタル自然史博物館 植物
移動: 案内検索
(フォント)
(色使いの工夫-カラーユニバーサルデザイン)
 
(1人の利用者による、間の2版が非表示)
10行: 10行:
 
== デザイン ==
 
== デザイン ==
 
* 伝わるデザイン|研究発表のユニバーサルデザイン  http://tsutawarudesign.web.fc2.com/
 
* 伝わるデザイン|研究発表のユニバーサルデザイン  http://tsutawarudesign.web.fc2.com/
 +
 +
*ページ番号をわかりやすくしたり,色だけでなく模様で区別するなど.
  
 
== 色使いの工夫-カラーユニバーサルデザイン ==
 
== 色使いの工夫-カラーユニバーサルデザイン ==
34行: 36行:
 
**上記の概要版 http://jfly.iam.u-tokyo.ac.jp/colorset/CUD_color_set_GuideBook_2018_for_print_cs4.pdf
 
**上記の概要版 http://jfly.iam.u-tokyo.ac.jp/colorset/CUD_color_set_GuideBook_2018_for_print_cs4.pdf
 
*https://twitter.com/norionakatsuji/status/1085061878009683970?s=19
 
*https://twitter.com/norionakatsuji/status/1085061878009683970?s=19
 +
 +
*プログラマが知っているとよい色使い(安全色)  https://qiita.com/kaizen_nagoya/items/cb7eb3199b0b98904a35
 +
**#Qiita ver. 1.25 カラーユニバーサルデザイン推奨配色セット ガイドブック 第2版, 愛知県資料 追記 20190612
  
 
== フォント ==
 
== フォント ==
41行: 46行:
 
*モリサワの「UDデジタル教科書体」が「Windows 10 Fall Creators Update」に採用―教育現場の要望に応えたユニバーサルデザイン対応フォント(樽井秀人,2017年10月17日13:19) https://forest.watch.impress.co.jp/docs/news/1086484.html
 
*モリサワの「UDデジタル教科書体」が「Windows 10 Fall Creators Update」に採用―教育現場の要望に応えたユニバーサルデザイン対応フォント(樽井秀人,2017年10月17日13:19) https://forest.watch.impress.co.jp/docs/news/1086484.html
 
*モリサワ「Windows 10 Fall Creators Update」での「UDデジタル教科書体」正式採用を発表 https://www.morisawa.co.jp/about/news/3681
 
*モリサワ「Windows 10 Fall Creators Update」での「UDデジタル教科書体」正式採用を発表 https://www.morisawa.co.jp/about/news/3681
 +
 +
==教科書の例==
 +
*http://www.mext.go.jp/a_menu/shotou/kyoukasho/tenji/1416485.htm
 +
*大日本図書の教科書編修趣意書(算数6年)
 +
**http://www.mext.go.jp/component/a_menu/education/micro_detail/__icsFiles/afieldfile/2019/05/16/1416503_012.pdf
 +
***専門家監修のもと特別支援教育やユニバーサルデザインに配慮
 +
***'''全面的にUDフォントを使用'''~本文や吹き出し,ページ番号など,全面的に,見やすく読みやすいユニバーサルデザインフォントを使用しました。特に教科書体は,デジタル教科書でも読みやすい書体を採用しました。
 +
***'''カラーユニバーサルデザイン'''~色覚の特性によらず情報が読み取れるよう,配色に配慮しました。インデックスでは,□(灰色斜線)のような模様の処理を施し,より判別しやすくしました。
 +
***'''読みやすい位置での改行'''~単語の途中で改行せず,読みやすい位置で改行しています。
 +
***'''ページ番号'''~ページ番号は枠を囲むとともに太い書体を採用し,判別しやすくしました。
 +
***'''問題解決の段落を示すタグ'''~問題解決の段階を示したタグを入れて,特別な配慮を必要とする児童を含め,全ての児童にとって今何をしているのかが把握しやすく,安心して学習に取り組めるようにしました。
  
 
==脚注==
 
==脚注==

2019年6月14日 (金) 18:56時点における最新版

「広島大学デジタル自然史博物館」-「ユニバーサルデザイン」のQRコード[1]

目次

ユニバーサルデザイン Universal Design (UD)

デザインや色使い,サインなど,特定の性質に依存するようなデザインになっておらず,誰でも利用しやすいように工夫されていること.

方法

  • デザインの工夫
  • 色使いの工夫
  • フォントの工夫

デザイン

  • ページ番号をわかりやすくしたり,色だけでなく模様で区別するなど.

色使いの工夫-カラーユニバーサルデザイン

色に関して,特定の性質に依存するようなデザインになっておらず,誰でも利用しやすいように工夫されていること.

フォント

教科書の例

  • http://www.mext.go.jp/a_menu/shotou/kyoukasho/tenji/1416485.htm
  • 大日本図書の教科書編修趣意書(算数6年)
    • http://www.mext.go.jp/component/a_menu/education/micro_detail/__icsFiles/afieldfile/2019/05/16/1416503_012.pdf
      • 専門家監修のもと特別支援教育やユニバーサルデザインに配慮
      • 全面的にUDフォントを使用~本文や吹き出し,ページ番号など,全面的に,見やすく読みやすいユニバーサルデザインフォントを使用しました。特に教科書体は,デジタル教科書でも読みやすい書体を採用しました。
      • カラーユニバーサルデザイン~色覚の特性によらず情報が読み取れるよう,配色に配慮しました。インデックスでは,□(灰色斜線)のような模様の処理を施し,より判別しやすくしました。
      • 読みやすい位置での改行~単語の途中で改行せず,読みやすい位置で改行しています。
      • ページ番号~ページ番号は枠を囲むとともに太い書体を採用し,判別しやすくしました。
      • 問題解決の段落を示すタグ~問題解決の段階を示したタグを入れて,特別な配慮を必要とする児童を含め,全ての児童にとって今何をしているのかが把握しやすく,安心して学習に取り組めるようにしました。

脚注

  1. QRコードの商標は株式会社デンソーウェーブの登録商標です.