
コメントが一番多い記事(233コメント):人の心理の裏をかくホームページ集客術:リピータになってもらうためには
ツイートが一番多い記事(94ツイート):ちょっと待て!twitterやfacebookに子供の写真を掲載する親達への警告
いいねが一番多い記事(574いいね):facebookスパムに要注意。なりすましの見分け方とアカウント乗っ取りの手口(2013年度版)
« 新googleアナリティクス ABC分析(2013年度10月版)で参照元とURLを調べる方法 | Main | Not Providedによるgoogle analyticsのYahoo検索キーワード取得用カスタムレポート»
カテゴリー » フリーソフト October 17, 2013
ワイヤーフレームをHTML出力できるソフト ID:1381984610
・iPlotz
http://iplotz.com/index.php
説明ページ
http://www.webcreatorbox.com/tech/website-wireframe-tools/
出来上がったワイヤーフレームをHTMLで表示
jQueryを使ったアコーディオンやタブも実際に動作するとのこと
無料版は制限があり
無料版だと5つまで
http://penguinbox.net/web%E3%81%AE%E3%81%8A%E5%BD%B9%E7%AB%8B%E3%81%A1%E6%83%85%E5%A0%B1/99/
・Prototyper
http://www.justinmind.com/
説明ページ
http://www.find-job.net/startup/wireframetool10
インストールしてみたが、PDF出力はフリー版でもいける。
HTML出力は有料のPro版を使わないとダメなようだ。
・Pencil
http://pencil.evolus.vn/
FireFox のアドオンとして提供されている。
Windows、Mac、Linuxに対応しているワイヤーフレーム作成ツール
スマホのパーツ有り。
HTML、PDF、PNGのエクスポートなどが可能
HTMLはExport Document→Single web page→All pages in the document
でフォルダを指定すれば、HTML出力(画像出力+貼付けされたHTML)される
日本語フォント使用可能
使用例
「Pencil」を使って行う、皆が幸せになれるペーパープロトタイピング
http://annex-forkwell.heroku.com/2012/04/23/paper_prototyping
あとは、最近googleから公開された「Google Web Designer」を使うと
描写したものが、HTML5+CSS3で書き出せるので
Google Web Designerでワイヤーフレームを書くのもありかも。
Google Web Designer
https://www.google.com/webdesigner/
・その他ワイヤーフレームソフト
全部無料で試せる!厳選ワイヤーフレーム作成ツール10
http://www.find-job.net/startup/wireframetool10
楽しく作れる!スマホアプリ/サイトのワイヤーフレーム・モックアップ作成支援ツール7選
http://dev.classmethod.jp/smartphone/wireframe-tools-7/
[コメントが多かった順の記事]
・人の心理の裏をかくホームページ集客術:リピータになってもらうためには(233)
・ホームページ心理学第2弾「メールの書きだしとホームページ運営・集客の関係」(76)
・娘が生まれた(69)
・ゲームと言えば、何を思い出す? (50)
・Microsoftからアクセス (30)
・「目標の立て方」と「努力」と「実行力」(26)
コメントをどうぞ。名前(ペンネーム)は必須です。URLはオプションです。
最近のコメント