Webデザインの勉強にいい!レイアウトやUIエレメントやカラーの使い方の参考になるStyle Guideのまとめ

レイアウトの基本構成・展開例、UIエレメントのバリエーション、カラーの使い方など、Webページのデザインの定義がまとめられたスタイルガイドを紹介します。

各リンク先では、スタイルガイドの大きいものやアニメーションなどを見ることができます。

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

UI Style Guide

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

UI Guide

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

Uber Brand Guide

元ページでは、アニメーションでスタイルガイドを楽しめます。

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

Lystable UI/X Style Guide

元ページでは、アニメーションでスタイルガイドを楽しめます。

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

Introducing the Salesforce Lightning Design System

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

Haywire Style Guide

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

Branding WIP

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

Brand Applied

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

Colors and Interface Elements

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

Style Guide

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

Salesforce UX Product Style

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

Colour And Type

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

Brian Johnson – Style Guide

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

WIC Styel Guide

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

UI Style Guide

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

UI Library

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

EL Passion UI Style Guide

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

Process Assets

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

Style Guide — Product guidelines

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

Duolingo Design Guidelines

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

UI Style Guide

top of page

©2016 coliss