[B! wireframe] moronbeeのブックマーク

ワイヤーフレーム（モックアップ）を作るアプリがすごい進化してた |　バニデザノート

ウェブサイトをデザインをするときに、ワイヤーフレームを作るのって私にとっては「どこに何を置いて、どういう動きをするのか」というメモのようなもので。手描きでレポート用紙に描いて、スキャンしてプロジェクトフォルダへ入れておくことも多いのですがデザインの前に「こういう配置でいいですよね？」って共有したいとき清書するアプリを時々探してしまうんですよね。まだしっくりくるものがなくて。最近調べてすごいなーとおもったアプリや、無料でもざくざく使えそうなものまでご紹介。 Moqups Free Plan (offers 2 active projects and 5MB of storage) Monthly：Standard active project 10 で $9〜ログインしなくても無料で組めます。 960gsグリッド表示可能です。ほぼコンポーネント揃ってます。ほぼ装飾なしなステン

moronbee 2015/04/08

リンク

ウェブサイトのワイヤーフレームをコレクションした -Wireframe Showcase

他の人が作成したワイヤーフレームがちょっと見たいなあ、という人向けのウェブサイトのワイヤーフレームをコレクションしているサイトを紹介します。 Wireframe Showcase サイトでは現在20余りのワイヤーフレームがあり、それぞれ3ページぐらいコレクションされています。その中から、興味深かったものをいくつかご紹介。

moronbee 2010/08/24

リンク

HugeDomains.com

Captcha security check coolcoding.com is for sale Please prove you're not a robot View Price Processing

moronbee 2010/08/03

wireframe

リンク

A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio | Morten Just

JustA wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio Google Drawings is one of the best wireframing tools out there, but no one is using itI’ve been playing around with the newest addition to Google Docs, Google Drawings, and I’m quite liking it. I tried drawing a few diagrams and even a wireframe, and it turns out the basic drawing interactions are just as good – i

moronbee 2010/08/03

Google Drawings

wireframe

リンク

第3回　サイトマップと情報の構造化 | gihyo.jp

インターネット黎明期に、稀にあったWebデザイン系イベントでも設計図としての「サイトマップ」の重要性をよく耳にしました。当時のWebサイトの規模は現在と比較すると少ないほうだと思いますが、サイトマップを作ることで全体を把握して進めていくプロセスは、今もそれほど変わりません。今回は、その「サイトマップ」のツールについて紹介します。前回同様、呼び名もいろいろあり、サイトの構造をそのまま「サイトストラクチャ」と表現したり、図面のデザインとして「ダイヤグラム」と表現することもあります。また、一連の動作や遷移を示し「フローチャート」として表現することもあります。サイトマップについてサイトマップとは、情報アーキテクチャでいう「⁠（⁠情報の）組織化」が当てはまります。もちろんページタイトルを整理することも含まれますが、ここでいう情報とはページよりも抽象度の高い単位として扱う場合を指します。情報

moronbee 2010/08/03

リンク

第2回　ワイヤーフレームと設計ツール | gihyo.jp

前回、「⁠IA One Sheeters」をご紹介しましたが、もちろんそれらを指してすべてが「IAタスクである」とは言い切れません。ただ少なからずIAというロール（役割）において関係してくるタスクであることは間違いないと思います。そこで今回は、そのサンプルにもあった「ワイヤーフレーム」についてのツールを紹介します。そもそも画面のレイアウトおよび原稿の整理という意味では、いろいろなツールが関係してきます。Web制作の現場においてはWebデザイナーやWebディレクターというロールが関わり、タスクベースにするとどのロールがそのタスクを遂行するのかが混乱しがちです。この連載ではWebデザイナーを対象として、ツールの使い方やぶつかる課題にフォーカスをあててみたいと思います。ワイヤーフレームについてワイヤー（線形状）でフレーム（枠）にしていくことから名前がついたと思われますが、もともとはCG（

moronbee 2010/08/03

wireframe

リンク

http://www.designwalker.com/2009/04/wireframe-2.html

moronbee 2010/08/03

wireframe

リンク

Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する

2013年3月23日 Webサイト制作, 便利ツール Webサイトのデザインを始める前に、レイアウトやページ内で使われる機能を「設計図」として作っておきます。ワイヤーフレームと呼ばれるWebサイトの骨組みをしっかり作っておくと、デザインする段階でスムーズに仕事がすすみます。またクライアントとの打ち合わせでも大活躍。ここではワイヤーフレームを作る為の便利なオンラインツールと「ワイヤーフレームは手描き派！」という人のためのPDFテンプレートを紹介します。 ↑私が10年以上利用している会計ソフト！オンラインで使えるワイヤーフレーム作成ツール iPlotz iPlotzのWebサイトとにかく多機能でおすすめ。ワイヤーフレームを作る他にプロジェクトマネージメントもできます。オンラインでシェアしたり、JPG, PNG, PDFでの書き出し可能。トライアルをするにはまずトップページから「Get S