Wired Elements - ラフなデザインになるカスタムタグ
ワイヤーフレームなど、ラフに作りたいという時は手書きなどが向いています。それをドローのソフトウェアなどできっちりと書き始めてしまうと、些細な部分にこだわってしまって目的であるプロトタイプがなかなか作れなかったりします。 そこで使ってみたいのがWired Elementsです。Web上でラフなデザインを再現できるWebコンポーネント集です。 Wired Elementsの使い方 こちらがデモです。枠などがラフですね。 デモです。スライダーなどを使ってスタイルを変えられます。 色を変えたりもできます。 リストボックスの例。 プログレスバー。 ラジオボタン。 テキストエリア。 カード。 Wired Elementsは <wired- ではじまるカスタムタグを定義しています。あらかじめ用意されているコンポーネントを組み合わせてデザインを作っていきます。元々良い感じに乱れたデザインになっているので、
指定したサイトをワイヤーフレーム化してくれるブックマークレット『Wirify』 | 100SHIKI
ちょっと試してみたところ微妙ではあったが、勉強に良さそうなのでご紹介。 Wirifyは指定したサイトをワイヤーフレーム化してくれるブックマークレットだ。 これがあればサイトの構造を視覚的に捉えることができるのではなかろうか。 ウェブデザインなどをしているときに資料としていいかもしれない。 なお、有料版もあって、そちらを利用するとワイヤーフレームをSVG化して編集可能にしてくれるらしい。なるほど。 情報デザインなどをしている人は使ってもいいかもですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
