Web制作者がチェックしておきたい!デザイン要素の定義や見せ方が勉強になる最近のスタイルガイドのまとめ

Webサイトを制作している時、そして納品する時、サイトのデザインで定義されているカラー・タイポグラフィ・エレメントなどのスタイルを一覧できるようにまとめたスタイルガイドを紹介します。

Photoshop, Illustrator, Sketchなどのアプリを使ったり、オンラインツールを使ったものなどいろいろあり、中身だけでなくその見せ方の参考にもなると思います。

スタイルガイドのキャプチャ

Often Style Guide

スタイルガイドのキャプチャ

Code Corp Brand Guidelines

スタイルガイドのキャプチャ

Evergreen Style Guide

スタイルガイドのキャプチャ

Affirm Android Guidelines

スタイルガイドのキャプチャ

MODERN

スタイルガイドのキャプチャ

Oscar Anatomy

スタイルガイドのキャプチャ

Project Style Guide Template

スタイルガイドのキャプチャ

Guiding the Styles

スタイルガイドのキャプチャ

Udacity Brand Guidelines

スタイルガイドのキャプチャ

Forms Are Sexy

スタイルガイドのキャプチャ

UI Style Guide

スタイルガイドのキャプチャ

UI Kit for Udacity

スタイルガイドのキャプチャ

Style Guide Print

スタイルガイドのキャプチャ

Branding Book Style Guide

スタイルガイドのキャプチャ

Colors and Interface Elements

スタイルガイドのキャプチャ

Housing UI Style Guide

スタイルガイドのキャプチャ

Style Guide

スタイルガイドのキャプチャ

Typeface and Hierarchy

スタイルガイドのキャプチャ

UI Style Guide

スタイルガイドのキャプチャ

Color Palette

スタイルガイドのキャプチャ

Refreshed Buttons Form Fields

スタイルガイドのキャプチャ

UI Library

スタイルガイドのキャプチャ

EL Passion UI Style Guide

スタイルガイドのキャプチャ

Style Guide Produce Guidelines

スタイルガイドのキャプチャ

UI Style Guide

スタイルガイドのキャプチャ

Haywire Style Guide

スタイルガイドのキャプチャ

Branding WIP

スタイルガイドのキャプチャ

Pattern Library

スタイルガイドのキャプチャ

UI Styel Guide

スタイルガイドのキャプチャ

UI Style Guide

スタイルガイドのキャプチャ

Mobile Style Guide

スタイルガイドのキャプチャ

Affirm Android Guidelines

top of page

©2017 coliss