ブックマーク / atochotto.seesaa.net (2)

  • プロペパ君で作るオーソドックスなWebサイトのレイアウト(9パターン)

    春ですね。 「プロペパ君」(『キッズのための、紙で作るWebサイト(というかページ)設計』)の別バージョンを作ってみました。 少しパーツを増やしてみました。LEGOと一緒でパッケージになりすぎると想像力が刺激されなくなると思いつつも試しに増やしてみました。(そのうちpdfにするかもしれません)追記:しました。記事の終わりにあります。 地道にはさみでチョキチョキ・・・。 写真じゃわかりにくいですが、なんと今回はマグネットでペッタンコです。 では、Webでよく使うレイアウトをどこまで作れるかチャレンジ開始。(3カラムはやってません。第三の目で適当に右か左にナビゲーションを想像して追加してみるといいかもしれません。) ■トップページなどで多いオーソドックスなタイプ コンテンツ部分が広めで余りがち。トップはやはり配置するものがどうしても多くなるので、項目が多い場合は、あとでバナーをぺたぺた貼る羽目

    プロペパ君で作るオーソドックスなWebサイトのレイアウト(9パターン)
    nshash
    nshash 2009/04/08
    マグネットプロトタイピング。時間が出来たら自分もこしらえてみよう
  • キッズのための、紙で作るWebサイト(というかページ)設計

    こどもでも、コンピューターが触れなくても、絵があんまりかけなくても。作れるとはいわないけど、ほんの第一歩?にはなるかな?? 「キッズのための、紙で作るWebサイト(というかページ)設計」 ↓台紙セットをしよう! ↓ ロゴをつけてみよう!急にサイトに愛着が沸くかもしれないけど、見る人の気持ちをシカトしたらだめだよ! ↓ 次にグローバルメニューを置いてみよう!全部のページ共通のメニューだから厳選して項目は考えよう! でも、サイトを作ってから後でよく考えてなおせばOKだよ! ↓ さて、サイドメニューだよ!横っちょによくあるやつだけど、いらなかったら置かなくてもいいよ! 最後に必要なかったらとってしまってね! サイトのページがどんどん増えていくときはあったほうがいいと思うけど、横にあるのがベストかどうかは決まってないよ!紙だからどんどん動かしてみてね! ↓ 次は地味だよ! いわゆる、個人情報保護方

    キッズのための、紙で作るWebサイト(というかページ)設計
    nshash
    nshash 2009/03/31
    典型テンプレートはソシオメディアのUIテンプレとかを用意しとくのかな / 心のつぶやきから観察やシナリオの必要性に広げて説明できそう。卓上ホワイトボード+マグネットでやってもいいかもなぁ。
  • 1