Windows XP/7、Mac OSX 10.5+の両OSに対応、iPhone, Android, iPad向け(デスクトップも)のサイトやアプリのワイヤーフレームを作成するソフトウェアを紹介します。
Got something to say? Share your comments on this topic with other web professionals In: Columns > The Working Designer By Jesse Bennett-Chamberlain Published on March 20, 2007 US/Canada Border Officer: “Are you coming for business or pleasure sir?” Me: “Business” Officer: “What is the nature of your stay?” Me: “I’m a web developer and I’m meeting with a client in Oregon to discuss a project.” Bor
私がwebサイトのラフを作る時の流れを書いてみました。 独学で身に付けた方法であり、 一般的な方法ではないかも知れないことを予め断っておきます。 私にはやりやすい方法ですが、 他の人にとってはそうではないかもしれません… 本エントリーはラフデザインのみ注力するため、既にコンセプト、ターゲット、サイト構成などは決まった状態と仮定します。 (※本文中のショートカットキーは全てMacの場合です) 希望デザインのヒアリング ※委託業務の場合です どんなデザインが希望かを先方にヒアリングします。 この時にできるだけ、クライアントのイメージを明確にするため 抽象的でも良いので沢山言葉を貰います。 明るい、可愛い、ポップ、カッコいい、シンプル、落ち着いた…etc 具体的にデザイン参考にしたいサイトがあるのなら聞いておきます。 また頂いた言葉と自分のイメージのギャップを埋めておきます。 ”シンプル”と言う
WordPress で Webサイトを構築する時に、設計の段階で知っておきたい投稿のタイプ(ポストタイプ)について、その特徴などをまとめてみました。とても長い記事になってしまい、うまくまとめられなかったかもしれません ... WordPress ... 奥が深いんだもん ... Webサイトを作るぞーってなってから、アップロードして公開するまでには、本当にたくさんの色んな工程がありますよね。まず発信したい情報があって、誰に見てもらいたいとか考えて、設計してデザインして、コーディングして … 。 Webサイトを作るとき、いきなりデザインやらコーディングから始めるってことはありませんよね。今回は実際にデザインを始める前の段階、サイトの設計やワイヤーフレーム作りをする段階のお話。WordPress で Webサイトを作る時に、設計の段階で知っておくといいかなーと思う、ポストタイプ(’post_t
めっきり冷え込んできて朝起きたくない kimoto です。 どこか南の方に行きたい。 さて、既存のサイトで機能追加や変更があった場合、まずワイヤーフレームを作る事も多いと思います。 ワイヤーフレームを作るにはいろいろな方法がありますが、既存のサイトの改修で、デザインにも大きな変更が無いのであれば、Firefox のアドオン、Firebug と Screengrab でぱぱっとやるのが手軽でいいと思います。 まずは改修したいページに行きます。 Firebug で HTML を直に編集。 リアルタイムでくるくる変わってくれるのがいいですよね。 変更点が出来上がったら Screengrab でチャッとキャプチャ。 これまた必要な部分だけくるっと囲えたりして便利なアドオンです。 できた画像をパワポに貼り付けるなりして、ざざっと説明文など付ければ、あっという間に簡単なワイヤーフレームの出来上がり。
他の人が作成したワイヤーフレームがちょっと見たいなあ、という人向けのウェブサイトのワイヤーフレームをコレクションしているサイトを紹介します。 Wireframe Showcase サイトでは現在20余りのワイヤーフレームがあり、それぞれ3ページぐらいコレクションされています。 その中から、興味深かったものをいくつかご紹介。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く