タグ

2010年7月6日のブックマーク (2件)

  • Tokyo O life - ずばぴたテック » Webサイト構成書用テンプレート for PowerPointを作ってみた

    Webサイト ディレクターのみなさんに質問。画面構成書ってどうやって作っていますか? Webの世界では、サイトの企画者・発注者が画面構成書もしくはワイヤーフレームという設計図を作る。ディレクターが構成書を作成し、それをもとにデザイナーがUIデザインを作り、プログラマがUIの適用されてないプログラムを作成。コーダー(マークアップエンジニア)がUIデザインをHTMLCSSにして、プログラムに適用する、という流れでWebサイトを作るという感じ。プログラマ向けにはもっと細かい資料も必要に応じて提供されるけど、サイトマップと画面構成書がサイト制作発注から完成までの土台になる。これは、雑誌作りだと、台割りとラフレイアウトが仕事の土台となるのによく似ている。 画面構成書の例は、たとえば、かなりラフだけど、こんな感じ… (こんなサイトを作る予定はありません。いまのところ…) 画面構成書を作るツールとして

  • Visualize Website Structure – Sitemap

    2014年8月17日 Webサイト制作, 便利ツール Webサイト制作の準備編2:Webサイトの構成図(サイトマップ)。どのページがどこへリンクするのか、ページの重要度など、Webサイトの構成を図にまとめておくと製作途中で変更があった場合でも整理しやすくなります。Webサイトの構成図を作るときのポイントと便利なオンラインツールをまとめてみました。 ↑私が10年以上利用している会計ソフト! 実践で学ぶWebサイト制作ガイド:その2 目標:Webサイトの構成を明確にする 必要なもの:紙とペン 対象レベル:超初心者OK! 目次 誰のため?何のため?Webサイトを作り始める前に。 Webサイトの構成図を簡単に作れる便利ツール ←今ここ Webサイト設計図 – ワイヤーフレームの作り方 PhotoshopでWebサイトのデザインをしよう Photoshopでスライスし、パーツ画像を作成するコツと方法

    Visualize Website Structure – Sitemap