チャートステンシル - Yahoo! Design Stencil Kitより抜粋

Yahoo!は2日(米国時間)、デザイナ向けに新しくYahoo! Design Stencil Kit v1.0を公開したことを発表した。Yahoo! Design Stencil Kitは仕様に対するユーザテストを実施したり要求に対するモックアップ作成を迅速に実現するためのデザインステンシルキット。それぞれのステンシルオブジェクトはインタラクションや特定の種類ごとにモジュール化され特定の意味を持つように構成されている。

Yahoo! Design Stencil KitはDesign Pattern Libraryを補完する目的にも活用でき、YUIコンポーネントに対するリンクも含んでいる。今回提供されたステンシルキットはOmniGraffle、Visio (XML)、Adobe Illustrator (PDF、SVG)、Adobe Photoshop (PNG)の形式で提供されている。主要なステンシルオブジェクトは次のとおり。

  • 広告ユニット
  • カレンダ
  • カルーセル
  • チャートおよびテーブル
  • UIコントロール
  • フォームエレメント
  • グリッド
  • メニューおよびボタン
  • モバイル(一般、iPhone)
  • ナビゲーションおよびページネーション
  • OSエレメント
  • プレースホルダーテキスト
  • スクリーンレゾリューション
  • タブ
  • ウィンドウおよびコンテナ

モバイルiPhone - Yahoo! Design Stencil Kitより抜粋

ナビゲーション/ページネーション - Yahoo! Design Stencil Kitより抜粋

Yahoo! Design Stencil Kitはそのままデータとして配布されているため、扱いたいアプリケーション用のデータをダウンロードしてきてそのまま使えばいい。Design Stencil Kitは随時アップデートが実施されるほか、YUIチームが新しいバージョンのコアライブラリをリリースすることになっているという。