目次

はじめに

ここでは、DENIMを用いて簡単なニュースサイトのデザインを行う手順を紹介します。
DENIMの使い方と同時に、ペーパープロトタイピングの流れを掴むことも出来ます。

用語について

DENIMは、ペン・タブレットを用いて使うことを強く推奨します。
そこでこのチュートリアルでは、基本的にタブレットを用いての操作を説明していくことになります。

以下は、タブレットの操作について説明する際の用語になります。
このチュートリアルでは以降、「Tappingします」のように使われますので覚えておいて下さい。

Tapping


マウス操作で言うところのプライマリ・ボタン(通常は左)クリックです。
スクリーンをペンでタップします。

Tap-and-hold

タブレット上でペンを押し当て、しばらくそのままにしておくことです。
DENIMにおいてtap-and-holdとはオブジェクトを選択(オブジェクトの周辺に灰色の四角が配置される)することを指します。
マウスであれば、左クリックしながらオブジェクトの周辺を円く囲んでやります。

:!:TabletPCにおいては、tap-and-holdを行おうとしても先にbarrel-tappingとなってしまい、うまく操作できません。代わりにstroke-and-holdを使うようにしてください。

Stroke-and-hold

基本的にtap-and-holdと同じ操作ですが、滑りやすいタブレットなどを使っていてtap-and-holdになるまで静止させておくことが難しい場合などに用いると便利です。
選択したいオブジェクトの上でペンを押し、小さな丸や波線、チェックマークなどを描いてそのまま少し静止させると、オブジェクトを選択状態にすることができます。
最後の静止が短いとラインが描かれてしまいますが、慣れると最も使いやすい操作かもしれません。

Barrel-tapping


ペンの軸にあるボタンを押しながらタップすることです。
マウスでは、単純に右クリックすることになります。
DENIMにおいてはPie Menuを表示するために用います。




画面概要