ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します。 30 Great Examples of Web Design Sketches ちなみに僕は勝負用にA3、携帯用にB5サイズでしゃこしゃこしてました。
ウェブサイトやブログを制作する時の手書きのワイヤーフレームのまとめ
ウェブデザイナー・ディレクターが実際に、サイトやブログ・ポートフォリオなどの設計をどのように行っているかが垣間見ることができる手書きのワイヤーフレームをDesignbeepからとプラスαで紹介します。 30 Great Examples of Web Design Sketches ちなみに僕は勝負用にA3、携帯用にB5サイズでしゃこしゃこしてました。
柔軟性あるデザインプロセスへ移行するためのヒント
電子書籍「エクスペリエンス ポイント」の紹介ページを作ったときのプロセスがStorifyに掲載されています。スケッチからブラウザー上でデザインのアイデアを固めていく様子を見られます ワイヤーフレームはWebデザインに必要か？ ここ数年で Web とユーザーとの関わり方が劇的に変わり、開発環境も大きく変わりました。こうした中で、私たちが10年近く培ってきた設計・開発における“当たり前”を見直す時期に来ています。WebサイトやWebアプリケーションの設計・開発において必須といわれていた「ワイヤーフレーム」もそのひとつです。 「ワイヤーフレームは必須だ」と思って作っていることもあるかもしれません。しかし、ワイヤーフレームにはいくつかの課題があります。 ワイヤーフレームは実物とかけ離れた存在であるため、描かれている内容を理解するにはWebサイトやWebアプリケーションへの深い理解が必要になります。
すごいWEB
Awesome and has more than a degree. We head out one. What it is overwhelming. It is dangerous stuff. Amazing what moves the people. And, in the sense of the excitement, the world can not be changed only amazing thing. I want to meet those amazing, really want to be. I think so anyone, I want to share with everyone and wow wow. It is amazing, amazing thing. Than it really is not that amazing. From
ワイヤーフレームでWebサイト制作を進める時の注意点 | モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。受託案件を何件もやっていると、お客さんによってはパワポで作ったワイヤーフレームを嫌がるお客さんもいらっしゃいます。 作り方にも拠ると思うのですが、四角とか丸で作られたレイアウトだけを見てもいまいちイメージ付かないし、実際にデザインされた際にどうなるのか見ないと判断付かないというのがもっぱらのご意見です。 作る側にとってみると、サイト作っちゃってからあれこれ直されても困っちゃうので念には念を入れて確認して制作を進めていくわけですが、我々業界の人間が当たり前に思っている進め方が、どんなお客さんにも通じるかというとそうではありません。 ワイヤーフレームは非常に重要なもので、作っちゃってから直すというと、頼んだ方も作った方もお互い不幸になってしまいます。 Web制作を何度も担当したことのあるお客さんなどであれば、スムーズかも知れませんが、必ずしもそうで
Wantedly 航海日誌 — 素人デザインのWantedlyが、一流デザイナーの手によって生まれ変わるまで
今日の航海日誌は仲がお送りします。 本日、Wantedlyが新デザインによって生まれ変わりました。それまでのプロセスを振り返ってみたいと思います。まだ名は明かせないのですが、めちゃくちゃ優秀なデザイナーがWantedlyに参画してくれました。暫定的に、T君と呼びます。 そもそもWantedlyのデザインの何が問題だったのか？ひとことでいうと、全体的に「筋が通っていなかった」というのが問題でした。旧デザインは、私が、「なんとなく、いいと思うから」という理由で、全体の整合性もとれないままにどんどん積み上げていったものでした。だから、ページごとにデザインの一貫性がなかったり、ところどころおかしいところも満載。 そこで、いつもチーム内では「プロのしっかりしたデザイナーにチームに入って貰いたい」という声がありました。そんなときに、CTO@kawasyの紹介でやってきたのがT君。 デザイナーT君の参画
デザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Lab
デザインが苦手な人、すぐに使いたい人にぴったりなウェブページ・ワイヤフレーム用のPSD素材 -Layout Lab
「焼肉 三十八」のリニューアルをしました！
2011年11月8日 Webサイト制作, Webデザイン こんにちは、ブログを書きつつちゃんとフリーランスのWebデザイナーとしてお仕事しています、Manaです。先月あたり「焼肉 三十八」様のWebサイトリニューアルのお手伝いをさせて頂いたのでそのレビューなんぞを紹介します。デザインや構成など、サイトリニューアルする上で参考になる部分があれば幸いです。 受注 福岡県でホームページ制作、広告運用等を手がけているCDP様より「焼肉 三十八」様のWebサイトリニューアルの依頼を頂きました。 簡単なリニューアル時のご要望をまとめると下記６点でした。 お知らせ欄は更新可能 WordPressで構築 写真やテキストは流用 携帯版作成（コンテンツは一緒） ブログ・口コミ掲示板は削除 IE6は非対応でOK（ありがとうございます！！！） 制作にかかわるお打ち合わせはCDP社デザイン担当の松野氏とSkypeや
第5回 ワイヤフレームもコンテンツ管理 - 実践的インフォメーションアーキテクト論 - MdN Design Interactive
IAになりたい人、IAと仕事をしてみたい人必見! 実践的インフォメーションアーキテクト論 文＝清水 誠 実践系Webコンサルタント。DTP・印刷・ネットビジネスの分野を中心に、ITとIAによる業務カイゼン を手がける。印 刷物とWebへ画像をシングルソースするためのカラーマネジメント、文字情報をシングルソースするECM・XML・自動組版、ビジネスを加速するITイノ ベーションが最近のテーマ。1995年国際基督教大学卒 第5回 ワイヤフレームもコンテンツ管理 Webの画面設計をするためにワイヤフレームを書くのは、IAに限らず幅広く行われている。が、何のアプリケーションを使うべきか、どう記述すべきか、など現場の悩みどころは多い。今回は、ひとつの解決策として、Excelを使ってワイヤフレームという設計書に含まれるコンテンツを効率よく管理する方法を紹介する。 ■理想のワイヤフレームとは? 理想のワ
構築のスピードとクオリティをあげる、本気のワイヤーフレームの書き方
要素を洗い出して、書き出す。 まずは、サイトの特長や企画特性に合わせて、各サイトの要素を洗い出します。コンテンツマップとは別に考える、いわゆる「パーツ」の部分も含まれるので、かなり量は膨大になりますが、しっかりやります。 んで、かならず「誰が読んでも何の事を言っているのかわかる一般用語で名称をつけます。」 例1：ECサイトの場合 ・ロゴ ・電話番号 ・SSLについての注釈 ・利用ガイド ・検索窓 ・買い物かご ・サジェストエリア ・商品画像 ・カテゴリーリスト ・TOPイメージ etc・・・ 上記の要素リストとは別に、コンテンツマップも作成したほうがいいです。 要素リストとは異なり、おおざっぱに言うとサイトの中にページとして存在させたい内容を洗い出します。 洗い出し終わったら、その内容を優先順位順に並び替え、一緒にできそうなところは一緒にして、分けた方がよさそうなところは分けて・・・とい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
I ♥ wireframes
in the looop | Looops communications
http://www.designwalker.com/2009/04/wireframe-2.html
Components · Twitter Bootstrap
Wireframe Showcase