これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
これは便利！レスポンシブで変化するエレメントを一元管理できるワイヤーフレーム作成ツール -RWD Wireframes
機能追加でワイヤーフレーム作るなら Firebug と Screengrab! でお手軽に | バシャログ。
めっきり冷え込んできて朝起きたくない kimoto です。 どこか南の方に行きたい。 さて、既存のサイトで機能追加や変更があった場合、まずワイヤーフレームを作る事も多いと思います。 ワイヤーフレームを作るにはいろいろな方法がありますが、既存のサイトの改修で、デザインにも大きな変更が無いのであれば、Firefox のアドオン、Firebug と Screengrab でぱぱっとやるのが手軽でいいと思います。 まずは改修したいページに行きます。 Firebug で HTML を直に編集。 リアルタイムでくるくる変わってくれるのがいいですよね。 変更点が出来上がったら Screengrab でチャッとキャプチャ。 これまた必要な部分だけくるっと囲えたりして便利なアドオンです。 できた画像をパワポに貼り付けるなりして、ざざっと説明文など付ければ、あっという間に簡単なワイヤーフレームの出来上がり。
Showcase of Beautiful and Unique iPhone Apps :Speckyboy Design Magazine
Designing the UI of a mobile app from scratch can be both fun and challenging, especially when it comes to creating the user interface (UI). It can be a time-consuming and arduous task that requires a great deal of attention to detail. To help streamline the design process and get you started on your next project faster, we’ve put together a collection of the best free mobile UI kits. These UI kit
10 Free Printable Web Design Wireframing Templates
One Ping Pingback: 11 UI Kits for iPhone and iPad Development | Freebies 24 Comments Nice Sharing, Thanks Thanks for these freebies…very useful for me VERY usefull… thanks guys! Man, this is great stuff. To think that I was using some crummy notepad to do this. This is going to help me visualise my websites so much easier. We offer a free printable copy of the Web Design Sketchbook which has vario
Web-ContentsSketch：ウェブを中心にデザイン活動している人の日々の記録 【モックアップ／ワーヤーフレーム作成に使えるウェブサービスとか。】
WEBデザイナーとして日々感じたこと、思ったこと。 写真、絵、デザイン、WEB、インタラクションなことがらについて。 フットサル／サッカーの話題なども。 簡単にそして不自由にモックアップとかワーヤーフレーム作りたいなぁとか思っていたんですが、ツイッター経由でタイムリーに知ることが出来ました！（ウチの会社ではほとんど力を入れないので、残念なんだけど。） ●無料でユーザー登録も不要。モックアップを直感で作成、PDFやjpgで保存できるLumzy - かちびと.net 紹介されてるサービスはコチラ ●Lumzy こちらは無料で、登録もしなくていいサービス。 メインのボタンとかのラベル変更までは出来ないみたい。一部日本語化可能。 次に紹介するMockingbirdの方がその辺は融通が利く感じ。 最終データをPDFまたはjpgにて書き出し可能。 ●モックアップはきれいに作りすぎてはいけない、という話
OmniGraffle Wireframe Stencils [Archived] | Konigi
AboutThis is a set of shapes for making wireframe in OmniGraffle 5 Pro or OmniGraffle 6 (Mac OS X). It consists of most of the basic elements you'll need to create user interface specifications. No Installation Required!The stencils ship with OmniGraffle! Find them in the Software category. To download them anyway, get the file and open it, when it appears click the Install button. DownloadDownloa
Free Web UI Wireframe Kit | Fuel Your Interface
Sometimes you don’t need to build interactive wireframes, or may not feel all that comfortable in Visio or OmniGraffle. I know here are times I just want to open up Photoshop and start laying things out. This web UI template kit is made completley with shape objects and in some cases converted into SmartObjects. So they’re totally scalable. There are no usage restrictions but if you find them hel
50 Free UI and Web Design Wireframing Kits, Resources and Source Files — Smashing Magazine
Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some gener
モックアップ作成AIRアプリ『MockFlow』 – creamu
モックアップを作成したい。 そんなときに使えそうなのが、『MockFlow』。モックアップ作成AIRアプリです。 元々Webサービスでモックアップ / ワイヤーフレームを作成・共有できたMockFlowですが、そのAIRアプリが出たようですね。Web版と連携しているようです。 UIが洗練されていて、使っていて気持ちいいですね。コンポーネントも充実していて、imageやBanner、Button、Pagination、Textなど、ドラッグして配置することでモックアップを作成できます。 AIRアプリのUI。なかなかいい感じ。 ドラッグしたコンポーネントをダブルクリックすると、値や色を変更できたり、deleteキーで削除できたりと使いやすいですね。 ただ日本語が使用できないのが難点。アルファベットしか打てないようになっています。 一度見てみてください。 MockFlow 斉藤和義の武道館ライブ
Cacoo - Web上で図の作成とリアルタイムコラボレーション
Online diagramming tool for collaborating on wireframes, flowcharts, and more
Visualize Website Structure – Sitemap
2014年8月17日 Webサイト制作, 便利ツール Webサイト制作の準備編２：Webサイトの構成図（サイトマップ）。どのページがどこへリンクするのか、ページの重要度など、Webサイトの構成を図にまとめておくと製作途中で変更があった場合でも整理しやすくなります。Webサイトの構成図を作るときのポイントと便利なオンラインツールをまとめてみました。 ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その2 目標：Webサイトの構成を明確にする 必要なもの：紙とペン 対象レベル：超初心者OK！ 目次 誰のため？何のため？Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール ←今ここ Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法
10 Completely Free Wireframe and Mockup Applications : Speckyboy Design Magazine
50 Free Wireframe Templates for Mobile, Web & UX Design Wireframing is an essential step in the initial stages of a UI project, allowing you to define the information hierarchy of your mobile app or web design project and plan for functionality and user flow. By stripping away non-essential design elements, wireframes help to communicate the layout effectively. Whether you use a whiteboard, pencil
Free Sketching & Wireframing Kit
Sketching & Wireframing kit is a free set of elements for sketching and wireframing. It consist of form elements, icons, indicators, feedback messages, tooltips, navigation elements, image placeholders, embedded videos, sliders and common ad banners. The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG vector format that can be easily modified. It can also be downloa
Mockingbird has Shut Down
Mockingbird is no longer in operation. We’re hoping to open-source the code sometime in the near future. In the meantime, some simple alternatives, in a similar spirit to Mockingbird, are: Excalidraw: https://excalidraw.com TLDraw: https://www.tldraw.com If you need a more comprehensive mockup solution, you might want to check out the following: FigJam: https://www.figma.com/figjam/ MockFlow: http
サイト設計時のワイヤーフレームをサクッと作って画像も生成できる「MockFlow」
サイトのモックアップ作成ツールと言えば、身近なところでFirefoxアドオンのPencilなどもありますが、それよりもパーツひとつひとつがリアルに再現されているところが特徴。しかし日本語が通らないところはとても残念。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! サイトのワイヤーフレームを作成し、画像でエクスポートできる「MockFlow」「MockFlow」は、ウェブサイト設計時のワイヤーフレームをサクッと作成して共有できるオンラインソフト 日本語は通らないものの、Firefoxアドオンと違って、どのブラウザでも対応できるところが便利です。 ワイヤーフレームの作り方 ↑これがワイヤーフレーム作成のUI。右メニューからパーツをドラッグで持ってくるだけで配置できます。 ↑文字が入っている部分をダブ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://e0166nt.com/blog-entry-872.html
ワイヤーフレームやユーザーインターフェイスのデザイン用のフリーの素材集
Wireframe Showcase
Photoshop Vip » ウェブデザインのワイヤーフレーム作成に使えるオンラインツール10選まとめ
ウェブの画面設計に使えるまとめ - DesignWalker
