ウェブサイトのヴィジュアルを定義するスタイルガイド用のテンプレート素材 -UI Style Guide Template

UIスタイルガイドとはウェブサイトのヴィジュアルを定義するもので、コンテンツから切り離すことによりウェブサイトのスタイルを的確に確認するのに役立ちます。

UIスタイルガイドを作成する際にベースとなるテンプレート素材を紹介します。

素材のキャプチャ

UI Style Guide Template

UIのスタイルを一括で管理することでデザインの作業時だけでなく、コーディングや検証の時にも重要なガイドになるでしょう。また、クライアントがヴィジュアルの変更を求めてきた際も、部分的にみるのではなく、全体を通して整合性をもった対応を行うことができます。

テンプレート素材にはカラースキームや背景をはじめ、さまざまなUIエレメントのスタイルが定義されています。

素材のキャプチャ

素材のキャプチャ

ダウンロードできる素材のフォーマットはPSDで、各エレメントごとにフォルダで管理されています。

Photoshopのキャプチャ

Photoshopで開いたキャプチャ

素材の利用にあたっては個人でも商用でも無料、とのことです。
詳しくはダウンロードファイルの「License_Agreement.pdf」をご覧ください。

top of page

©2017 coliss