Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」:phpspot開発日誌
Open-sourcing Stylo by Alex MacCaw Twitterエンジニアの作ったサイトデザインモック作成ツール「Stylo」。 CoffeeScript, Spine, Sprockets といったテクノロジーを使っているらしいです。 なんかwebkit限定だったりしますが、インタフェースが良い感じに出来ていて、同じようなツールを作るのに参考にすることもできそう。 ツール自体は非常にシンプルで図形を配置して図形をカスタマイズしたり文字を配置したりといったものですが、容易に習得でき快適に動くため素早くモックをブラウザ上で作りたい際に使えそう 単に置くだけじゃなくて、オブジェクトを綺麗に並べるような機能もついており、シンプルだけど、こういう地味に大切なところはちゃんとしています。 Twitterエンジニアが作ったということで、なんとなくインタフェースの印象がBootstr
【連載】セカイ系ウェブツール考 (53) ユーザビリティの高いWebサイトの設計に! サイトデザインに便利なもの | ネット | マイコミジャーナル
今回のテーマは「サイトデザイン」 Webサイトを作る場合、何らかの画面デザインを作成するだろう。配置する機能を決めるワイヤーフレーム制作、ラフやモックアップなどと呼ばれるサイトデザインを作るわけだ。通常、Webデザイナーの方が画像編集ソフトウェアなどを用いて作るかもしれない。だが、こうした作業は工数がかかる。ちょっとした修正を行うのも大変だ。 そこで使われるのは、サイトイメージを作成するためのソフトウェアだ。あらかじめ決められたパーツなどを組み合わせていくことで、手軽に機能レイアウトやラフなどを作成することができる。そして実際の画面遷移を検討したり画面の配置するパーツを決めたりするのだ。 この手のツールを使えば面倒に感じていたサイトイメージの作成が効率的かつ楽しいものになる。さらにユーザビリティも高いWebサイト構築につながるはずだ。今回はそうしたサイトイメージを作成するためのWebアプリ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
