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

Post on:2013年9月9日

sponsors

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

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

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

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

素材のキャプチャ

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

Photoshopで開いたキャプチャ

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