美しいUIを持つWebアプリケーションのためのモックアップ作成を支援
Stencilsは、Adobe Illustrator、Sketch、Balsamiq向けの完全なUIアセットキットで、他のプログラムでSVG/PNGとしても利用できます。Stencilsには、Ext JS ClassicおよびModernツールキット、さらにはExtReactコンポーネントで使用しているすべてのコンポーネントとスタイルが含まれています。デザイナーは、Senchaが提供するすべてのUIコンポーネントに、1ピクセルまで完全に適合するビジュアルアセットを用いることができます。コードを一切記述することなく、コンポーネントをベクターファイルとシンボルとしてデザインに利用可能。Stencilsを用いれば、デザイナーはWebアプリケーションの外観を規定するモックアップの作成プロセスを効率化できます。Stencilsは、無料でダウンロードできます。
ワイヤーフレームをすばやく作成
Stencilsを用いれば、デザイナーは、すばやくアプリケーションのワイヤーフレームを作成し、そのUIコンセプトを試すことができます。Balsamiqなどのツールを使って、Sencha Stencilsをアートボードにドラッグ＆ドロップすることで、デザイナーや開発者は実際に開発を始める前に、さまざまなデザインのテストを容易に反復することができます。
忠実なモックアップを作成可能
デザイナーは、Stencilsを使って忠実なモックアップを簡単かつ迅速に構築できます。IllustratorやSketchバージョンのStencilsを使用すれば、UIコンポーネントのドラッグ＆ドロップ操作で美しいデザインを作成可能。Pixel-Perfectのデザインにより、開発者はユーザーインターフェイスの構築が容易に行えるようになります。
Sencha ThemerでCSS値を使用
コーディングを行う前に、テーマの配色を検討したいデザイナーや開発者は、Stencilsを使って配色の組み合わせを試すことができます。さらに、Themer最新バージョンでは、Stencilsファイルから配色データを容易にインポートできるようになりました。
はじめに
サポート・プログラム
- Adobe Illustrator
- Sketch
- Balsamiq
- SVG/PNG
サポートフレームワーク
- Ext JS 6.5 – ClassicおよびModernツールキット
- ExtReact 6.5