| 【発明の名称】 |
Ｗｅｂページデザイン用方眼紙、その方眼紙上に使用されるテンプレート及びそれらの使用方法 |
| 【発明者】 |
【氏名】浦 友博
|
| 【要約】 |
【課題】Ｗｅｂページを作成するときコンピュータ画面外で予めその画面に表示される表示要素を配置してみるために使用される方眼紙を提供するとともに、その方眼紙に表示要素を書き込むのに最適なテンプレートを提供する。
【解決手段】コンピュータ画面外でＷｅｂページをデザインするときに使用される方眼紙を、縦線７と横線８とを多数本、直交させて描いた方形の方眼Ｓ０がコンピュータ画面のピクセルの整数倍単位の広さで仕切られている構造のものにする。またその方眼紙の上に載せて使用するテンプレート１０として、その内方に切欠き形成されている窓枠１２の形状が前記方眼の集合体の周面形状と一致した構造のものにする。 |
【特許請求の範囲】
【請求項１】 縦線（７）及び横線（８）を多数本直交させて構成される多数の方眼が、コンピュータ画面のピクセル当り２以上の整数倍単位で配列することを特徴とするＷｅｂページデザイン用方眼紙。
【請求項２】 上記方眼の集合体は、１又は２種類以上の上記コンピュータ画面の大きさに合わせて区画されている請求項１記載のＷｅｂページデザイン用方眼紙。
【請求項３】 上記整数倍単位は５ピクセル、１０ピクセル、１５ピクセル又は２０ピクセルである請求項１又は２に記載のＷｅｂページデザイン用方眼紙。
【請求項４】 縦線（７）及び横線（８）を多数本直交させて構成される多数の方眼が、コンピュータ画面のピクセル当り２以上の整数倍単位で配列し、上記方眼の集合体は、２種類以上の上記コンピュータ画面の大きさに合わせて区画され、その区画された領域を識別するための識別手段を有することを特徴とするＷｅｂページデザイン用方眼紙。
【請求項５】 縦線（７）及び横線（８）を多数本直交させて構成される多数の方眼が、コンピュータ画面のピクセル当り２以上の整数倍単位で配列する方眼紙上で使用され、上記方眼の集合体の周面形状と一致する所定形状を切欠いてなる切欠き窓部（１２）を有することを特徴とするテンプレート。
【請求項６】 上記所定形状は、所定大きさの１文字に相当する正方形、又は所定大きさの画像に相当する長方形である請求項５記載のテンプレート。
【請求項７】 縦線（７）及び横線（８）を多数本直交させて構成される多数の方眼が、コンピュータ画面のピクセル当り２以上の整数倍単位で配列する方眼紙上で使用され、上記方眼の集合体の周面形状と一致する所定大きさの１文字に相当する正方形を切欠いてなる切欠き窓部（１２）と、上記方眼の集合体の周面形状と一致する所定大きさの画像に相当する長方形を切欠いてなる切欠き窓部（１２）とを有することを特徴とするテンプレート。
【請求項８】 Ｗｅｂページをデザインするために、請求項１乃至４のいずれか一項に記載のＷｅｂページデザイン用方眼紙と、請求項５乃至７のいずれか一項に記載のテンプレートとを使用することを特徴とする使用方法。
|
【発明の詳細な説明】【０００１】
【発明の属する技術分野】本発明は、コンピュータの画面外で予めＷｅｂページをデザインしてみるときに使用される方眼紙、その方眼紙上に使用されるテンプレート及びそれらの使用方法に関するものである。
【０００２】
【従来の技術】インターネットやイントラネット等でＷｏｒｌｄＷｉｄｅＷｅｂ用のページ（以下、Ｗｅｂページと略す）を公開する場合、予めコンピュータ画面に文字、図形、写真、模様及び色彩等の表現要素をどのように配置するか検討する過程がある。従来、この過程ではコンピュータに予め記憶させてある種々の表現要素をコンピュータ画面上に引き出し、それらを組み合わせたり部分的に修正したりして新たな表現要素とする方法が一般的に採用されているが、全く新規なＷｅｂページをデザインするとき、前記表現要素をどのようにコンピュータ画面上に配置するかという、いわゆるレイアウト作業を白紙上で行うことがある。
【０００３】
【発明が解決しようとする課題】ところが、前記レイアウト作業を白紙上で行ってＷｅｂページのデザインをし、それを実際のコンピュータ画面上に再現してみると、表現要素の大きさや配置位置が白紙上で想定したもの異なってくることがある。これは次のような問題によって引き起こされる。まず、デザイナーが白紙上でコンピュータ画面の形状や大きさをイメージし続けることが困難であるという第一の問題がある。次に、白紙上に描いた表現要素や表現領域の大きさ及び後者の配置位置をコンピュータに入力するとき、コンピュータ画面を見ながら再度前記表現要素をレイアウトしても、コンピュータ画面では表現情報の最小単位であるピクセルの制約を受けて必ずしも白紙上でレイアウトしたようにコンピュータ画面に映し出されないという第二の問題がある。
【０００４】しかもＷｅｂページはその用途・種類によっては前記表現領域の大きさや配置位置を特定しなければないものがある。例えば、図５に示すように、コンピュータ画面１を分割して種々のフレーム２ａ、２ｂ、２ｃ、２ｄ、２ｅを作り、それらのフレーム２ａ、２ｂ、２ｃ、２ｄ、２ｅ内に表現要素３の画像情報４を表すための表現領域５ａ、５ｂ、５ｃを所定の位置に所定の形状・大きさでレイアウトされるようデザインしなければならないものがある。この場合、さらにデザインが制約されるので一層表現領域のレイアウトが難しくなる。
【０００５】そこで本発明者は、コンピュータ画面１上で表現要素３を配置してデザインするに先立って、コンピュータ画面１外の紙面上で表現要素３を予めレイアウトしてＷｅｂページをデザインし、そのデザインをコンピュータ画面１上に再現したとき、意図した通りにＷｅｂページをできるよう、鋭意、研究したところ、特定の構造の方眼紙を使用するとともにその用紙に併せて特定の用具を使用すればよいという事実を見出し、本発明を完成した。したがって、本発明の課題は、Ｗｅｂページをデザインするときコンピュータ画面上に映し出される画像情報の表現領域を予め画面外でデザインをし、そのデザインをコンピュータの画面上に再現しても、予想通りの結果が得られるようなＷｅｂページデザイン用用紙、その用紙に表現要素を書き込むのに最適なテンプレート及びそれらの使用方法を提供することにある。
【０００６】
【課題を解決するための手段】本請求項１記載発明は前記の課題を解決するために、縦線及び横線を多数本直交させて構成される多数の方眼が、コンピュータ画面のピクセル当り２以上の整数倍単位で配列することを特徴とするＷｅｂページデザイン用方眼紙（以下、ピクセル方眼紙という）を使用する。このピクセル方眼紙を使用してＷｅｂページをデザインすると、方眼に表現要素を記入でき、それをパソコン画面上でそのままデザインすることが可能になる。したがって、予めピクセル方眼紙上でデザインした結果と画面上に再現されたＷｅｂページのデザインとのイメージ上の相異を解消できる。
【０００７】本請求項２記載発明は、前記コンピュータ画面の大きさが種々異なる場合にも態様できるように、上記方眼の集合体が、１又は２種類以上の上記コンピュータ画面の大きさに合わせて区画されているピクセル方眼紙とする。この方眼紙を使用してＷｅｂページをデザインすると、コンピュータ画面の大きさをピクセル方眼紙上にイメージし続ける必要がなくなるとともに、１種類のピクセル方眼紙を用意するだけで大きさが種々異なるコンピュータ画面に入力される画像情報をデザインする場合に対応できる。また、上記整数倍単位は５ピクセル、１０ピクセル、１５ピクセル又は２０ピクセルであることが好ましい（請求項３記載発明）。さらに、請求項４記載発明は、縦線及び横線を多数本直交させて構成される多数の方眼が、コンピュータ画面のピクセル当り２以上の整数倍単位で配列すると共に、上記方眼の集合体は、２種類以上の上記コンピュータ画面の大きさに合わせて区画され、その区画された領域を識別するための識別手段を設けたピクセル方眼紙とする。
【０００８】本請求項５記載発明は、縦線及び横線を多数本直交させて構成される多数の方眼が、コンピュータ画面のピクセル当り２以上の整数倍単位で配列する方眼紙上で使用され、該方眼の集合体の周面形状と一致する所定形状を切欠いてなる切欠き窓部を有するテンプレートとする。そのため前記ピクセル方眼紙の上にテンプレートを載せ、その切欠き窓部内に表現要素を記入すれば、ピクセル方眼紙の方眼の集合体に表現要素を所定の表現領域内に収めることが可能になる。また、上記所定形状は、所定大きさの１文字に相当する正方形、又は所定大きさの画像に相当する長方形であることが好ましい（請求項６記載発明）。また、本請求項７記載発明は、縦線及び横線を多数本直交させて構成される多数の方眼が、コンピュータ画面のピクセル当り２以上の整数倍単位で配列する方眼紙上で使用され、該方眼の集合体の周面形状と一致する所定大きさの１文字に相当する正方形を切欠いてなる切欠き窓部と、該方眼の集合体の周面形状と一致する所定大きさの画像に相当する長方形を切欠いてなる切欠き窓部とを有するテンプレートとする。さらに、本請求項８記載発明は、Ｗｅｂページをデザインするために、上記Ｗｅｂページデザイン用方眼紙と、上記テンプレートとを使用する使用方法とする。
【０００９】上記「識別手段」は、例えば、区画された上記領域の夫々に形成される異なる色彩部、濃淡部、模様部等のうちの１又は２つ以上を組合わせたものであることができる。また、上記「Ｗｅｂページデザイン用方眼紙」は、例えば、書込み欄を有していることができる。上記書込み欄は、例えば、Ｗｅｂページのファイル名、タイトル名、アドレス名等の書込み用であることができる。また、上記「テンプレート」は、例えば、その周縁部に形成され、コンピュータ画面のピクセル当り２以上の整数倍単位で配列する目盛りを備えることができる。さらに、上記「テンプレート」は、例えば、上記切欠き窓部の所定大きさを表示する表示部を有することができる。上記「使用方法」は、例えば、上記Ｗｅｂページデザイン用方眼紙の方眼の集合体の外周縁に、上記テンプレートの切欠き窓部の内周縁を一致させ、この状態で、該切欠き窓部内に表現要素を表現（例えば、文字等の記入、シール等の貼付など）することができる。
【００１０】
【発明の実施の形態】次に図面を参照しながら本発明の最も好ましい実施形態について詳述する。図１に示すように、本発明に係るピクセル方眼紙６は横長の用紙からなり、その内方寄りには空色の縦線７と横線８とが多数本、直交して多数個の方形の方眼を形成している。
【００１１】前記縦線７及び横線８は、線幅０．２ｍｍ程度の普通縦線７ａ、普通横線８ａと、線幅０．０５ｍｍ程度の極細縦線７ｂ、極細横線８ｂとからなり、相隣接する普通縦線７ａ間に４本の極細縦線７ｂが、同様に普通横線８ａ間に４本の極細横線８ｂがそれぞれ指定間隔をおいて配置されている。なお、図１には極細縦線７ｂと極細横線８ｂはピクセル方眼紙６の一部の領域にしか描かれていない。
【００１２】前記方眼は前記コンピュータ画面の単位ピクセルの整数倍の広さを最小単位として有しており、この実施態様においては一つの方眼は１０ピクセルに相当する広さで縦線７と横線８で仕切られている。またピクセル方眼紙６には、前記縦線７と横線８のうち最も左外側にあるＹ軸線７ｃと最も上外側にあるＸ軸線８ｃに沿ってそれぞれ横線８、縦線７間の間隔を表示する目盛り９が施されている。前記目盛り９は、前記Ｙ軸線７ｃとＸ軸線８ｃとが交差する原点ｐを０として、Ｙ軸線７ｃに沿って５０ピクセル長さ毎に８００ピクセル長さに至るまで、そしてＸ軸線８ｃに沿って５０ピクセル長さ及び１００長さ毎に１１００ピクセル長さに至るまで、付与されている。なお、ここで５０ピクセル長さとは、前記Ｙ軸線７ｃとＸ軸線８ｃとそれらに平行な縦線７と横線８とによって形成される方眼の集合体が５０ピクセルの広がりを有する場合、前記原点ｐから前記縦線７又は横線８までの長さを称する（８００ピクセル長さ等についても同様に定義する）。
【００１３】さらに本発明に係るピクセル方眼紙６において、前記コンピュータ画面に広がりと同じ形状を示す縦軸７ｄ、７ｅ、７ｆと横軸８ｄ、８ｅ、８ｆが記入されており、前記縦軸７ｄと横軸８ｄとがなす第一交点ｑと前記原点ｐのそれぞれを対角点とする第一長方面Ｓ１が１３インチの画面に相当する大きさに区画されている。同様に、前記縦軸７ｅと横軸８ｅとがなす第二交点ｒと前記原点ｐを対角点とする第二長方面Ｓ２が１５インチの画面に相当する広さに、そして前記縦軸７ｆと横軸８ｆとがなす第三交点ｓと前記原点ｐを対角点とする第三長方面Ｓ３が１７インチの画面に相当する広さに区画されているとともに、それら第一、第二長方面Ｓ２、Ｓ３は第一長方面Ｓ１の原点ｐを共有している。なお、第二長方面Ｓ２において第一長方面Ｓ１と重ならない領域には第一長方面Ｓ１と異なる淡い色彩が施され、両者の領域が容易に識別可能になっている。同様に第三長方面Ｓ３の外側においても前記色彩が施されている（図１において前記色彩は斜め格子上のハッチングにより示されている）。尚、上記ピクセル方眼紙６は、図１に示すように、Ｗｅｂページのファイル名書込み用の書込み欄２０ａと、タイトル名書込み用の書込み欄２０ｂとを有している。
【００１４】このような構造をなしているピクセル方眼紙６にＷｅｂページをデザインするとき、まずピクセル方眼紙６上に区画された第一、第二、第三長方面Ｓ１、Ｓ２、Ｓ３の大きさがコンピュータ画面の大きさと同一になっているので、画面上のイメージをそのままピクセル方眼紙６の上に展開できる。次にピクセル方眼紙６の単位方眼が１０ピクセルの広さになっているので、Ｗｅｂページを映し出すコンピュータ画面の大きさに対応した長方面Ｓ１、Ｓ２、Ｓ３上に、複数個の方眼の集合体に対応する表現領域をレイアウトし、その表現領域の中に表現要素を書き込むことにより、画面外でＷｅｂページをデザインすることが可能になり、しかもそのデザイン通りにコンピュータに入力してその画面にそれを再現すれば、ほとんど予期した通りのＷｅｂページにすることが可能になる。
【００１５】しかしながら本発明において、前記表現領域の設定をより容易にするために、図２に示したような平面形状を有するテンプレート１０を使用する。すなわち、ほぼ正方形をなす透明に着色されたプラスチック薄板の直交する２つの周縁部に１０ピクセル長さの整数倍の間隔で目盛り１１が刻設されているとともに、内方寄りには種々の形状・大きさの切欠き窓部１２が１個又は複数個形成されているテンプレート１０を使用する。
【００１６】また前記切欠き窓部１２が長方形又は正方形である場合、その長さＬと幅Ｗを、単位ピクセル長さ、すなわち１０ピクセルの方眼の長さの整数倍になるようにしておく。この実施態様において前記切欠き窓部１２の大きさを長さＬと幅Ｗの積の表現形式にして、４６８（ピクセル長さ）×６０（ピクセル長さ）と２２４（ピクセル長さ）×３３（ピクセル長さ）と表示して、使用者が切欠き窓部１２の大きさを容易に判別できるようにしている。
【００１７】前記構造のテンプレート１０を使用する場合、図３に示すように、ピクセル方眼紙６の第一長方面Ｓ１、第二長方面Ｓ２又は第三長方面Ｓ３上に載せ、表現領域５とすべき位置でテンプレート１０を固定する。そして切欠き窓部１２から露出する前記長方面Ｓ１、Ｓ２、Ｓ３の一領域に表現要素を記入するか、切欠き窓部１２に沿って筆記用具（図示なし）を走らせることによりピクセル方眼紙６上に一旦表現領域５を作り、その表現領域５に表現要素を記入する。
【００１８】このような手法を使ってピクセル方眼紙６の上に表現領域６をレイアウトするとともにその中に表現要素を記入することにより、コンピュータ画面外でＷｅｂページをデザインする。すると前記テンプレート１０における切欠き窓部１２の大きさが前記表現形式で８０（ピクセル長さ）×３０（ピクセル長さ）の場合、図４に示すように、前記切欠き窓部１２の対角点ｔ、ｕを、例えば、縦線７と横線８との交点（２０，３０）、（１００，６０）に容易に合わせることができる。その結果、切欠き窓部１２内にピクセル方眼紙６の方眼の集合体をぴたり収めることができるので、ピクセル方眼紙６の所定位置に表現要素を記入することが可能になり、それをコンピュータに入力して画面上に表現すると前記表現要素が画面の所定位置に画像情報となって映し出される。その結果、デザイナーが効率的にＷｅｂページを作り上げることが可能になる。
【００１９】本発明はその技術思想を踏襲し発明の効果を著しく損なわない限度において前記実施態様の一部分を変更して実施することができる。例えば、テンプレートの平面形状を長方形にすることができる。
【００２０】
【発明の効果】以上詳述したようにデザイナーがＷｅｂページの画像情報を予め画面外でデザインするとき、本発明のピクセル方眼紙、さらに加えてテンプレートを使用して前記方眼紙上に表現領域をレイアウトしてそこに表現要素を記入することによりデザインし、そのデザインに基づいてコンピュータ画面上にそのデザインを再現しても、画面外で想定したデザインを確実に再現することを可能にするという優れた効果を発揮する。
|
| 【出願人】 |
【識別番号】５０２１８６４０８
【氏名又は名称】有限会社ワコー
【識別番号】５０２１８７２４３
【氏名又は名称】山田 裕之
|
| 【出願日】 |
平成１４年５月２４日（２００２．５．２４） |
| 【代理人】 |
【識別番号】１０００９４１９０
【弁理士】
【氏名又は名称】小島 清路 （外１名）
|
| 【公開番号】 |
特開２００３−３４１２６０（Ｐ２００３−３４１２６０Ａ） |
| 【公開日】 |
平成１５年１２月３日（２００３．１２．３） |
| 【出願番号】 |
特願２００２−１５１５２４（Ｐ２００２−１５１５２４） |
|