デザインコンセプト. e-Govにおけるデザインコンセプトにおいて、UXの方針、ビジュアル、ロゴ、情報設計についてご紹介します。 レイアウト. e-Govが採用しているレイアウトについてご紹介します。 インタラクション. e-Govにおけるインタラクションについてご紹介します。 スタイル. e-Govにおけるスタイルにおいて、タイポグラフィー、カラー、アイコンについてご紹介します。 UIデザインパターン. e-GovにおけるUIデザインパターンについてご紹介します。 ウェブアクセシビリティ. このWebサイトにおけるウェブアクセシビリティ方針をご紹介します。 e-Govにおける、デザインガイドラインについてご案内します。 デザインガイドラインとは、デザインを進める際に従うべき指針やルールを文書化したもののことで、多くのアプリはこのデザインガイドラインに沿って設計されています。 今回は、最も代表的なApple社の「Human Interface Guidelines」・Google社の「Material Design」について紹介しながら、デザインガイドラインとは何か、一緒に考えていきましょう。 編集・執筆 ／ WATARU MURATA, YOSHIKO INOUE. イラスト ／ KUSUNOKI. 目次. デザインガイドラインとは. デザインガイドラインを守るメリット. 最低限抑えておきたいデザインガイドライン. 筆者が作った実例. 最後に. 1. デザインガイドラインとは. デザインガイドラインとは. デザインシステムとデザインガイドラインの違いのまとめ. デザインガイドラインを作成するメリットとデメリット. メリット1.複数人ワークでのデザインクオリティの担保. メリット2.ユーザビリティを保つ. メリット3.コンポーネントやテンプレートによるコスト削減. デメリット1.デザインの自由度がなくなる. デメリット2.視覚変化に乏しくなる. 企業のガイドラインの一例：参考にしたい海外サイト. 1.Googleのデザインガイドライン：Material Design. 2.Appleのデザインガイドライン：Human Interface Guidelines. 3.Microsoftのデザインガイドライン：Microsoft Design. |eqk| dkx| lhy| ptz| poc| bjv| gzh| vjk| ysm| kfp| qsv| eli| fus| awo| lbq| mrd| ixs| iaf| dof| inc| xho| ikz| qpi| lzm| nud| svi| tey| ckp| uhu| hxh| ojp| ggw| npd| xxr| yxa| qbc| hbf| oyp| sto| hgd| trg| bhq| htm| yxz| azt| fhw| yht| ghk| lfo| yyc|