マガジンのカバー画像

デザインのルール設計

41
デザイン原則、デザインシステム、ガイドラインの考え方や運用について理解を深めるためのまとめ
運営しているクリエイター

#アメリカ

アメリカ政府のWebデザインシステム(4) スタイルガイド

(1)(2)(3)ときてようやくガイドライン本体です。Components、Design Tokens、Utilities、Page templatesに分かれています。 コンポーネント ComponentsはボタンやヘッダーなどUIを構成する部品です。 USWDS components are designed to set a new bar for simplicity and consistency across government services. set

アメリカ政府のWebデザインシステム(3) デザイナー向け

(1)(2)に続いて、次はデザイナー向けのページです。前にも書きましたが、誰が何をまず読むべきかという情報が整理されているのは良いですね。 イントロ USWDS offers a flexible yet coherent visual style you can apply to any government website. Our visual style offers a clean, modern aesthetic that meets high standar

アメリカ政府のWebデザインシステム(2) ディベロッパー向け

前回の続きで、まずはディベロッパー向けのページを見てみます。 Progressive Enhancement USWDS components are built on a solid HTML foundation, progressively enhanced to provide core experiences across browsers. All users will have access to the same critical information a

アメリカ政府のWebデザインシステム(1)

United States Web Design Systemというアメリカ政府が公開しているwebデザインのガイドラインがあります。ソースコードがgithubで公開されていてデザイナー向けのSketchファイルもダウンロードできる充実のデザインシステムです。面白い素材なので何回かに分けて読んでみたいと思います。 ドキュメントが開発者向けとデザイナー向けに分かれているのも、ちゃんと読む人を想定して作っている感じがして好感度高いです。 日本はどうかなと思って「日本政府 w