このエントリーをはてなブックマークに追加

フォームのデザインをカスタマイズ

業務管理、販売管理ソフトなどを使用するなかで、とても大事なものに毎日使うフォームのデザインがあります。毎日使うフォームなので、飽きのこない気持ちの良いデザインで気持ち良くお仕事をしたいものです。そこで今回は、Accessで作成したサンプルフォームのデザインと配色を見ていきたいと思います。

フォームの背景色

こちらは、データ入力用のサンプルフォームです。背景色には、薄めのグリーンを基調にしたカラーを使っています。背景色は濃いめの色を使うと、圧迫感があり使いづらいので、薄めのカラーを使うようにします。フォームの上下部分に、ヘッダーとフッターを表示し、少しアクセントを付けています。ヘッダー部分には、フォームのタイトル「売上入力」をラベルコントロールで表示しています。

 

ヘッダーとフッターの表示は、フォームをデザインビューで開いて設定します。「詳細」セクションバーのところで、右クリックします。「フォーム ヘッダー/フッター(H)」をクリックします。

 

すると、フォームの上下部分に、フォームヘッダーとフォームフッターが表示されます。

 

フォームヘッダーのプロパティシートの、「書式」タブから、「高さ」を「1cm」、「背景色」を#EBF1DDに指定しています。フオームフッターも同じ値にしています。

 

「詳細」セクションのプロパティシートでは、「背景色」と「代替の背景色」のふたつの背景色を指定します。ここでは、どちらも#CAE3BFに指定しています。ちなみにこの色は、日本の色名で「白緑(びゃくろく)」という名前が付いています。

この「代替の背景色」というのは、「帳票フォーム」(ここでは、サブフォームで同じページ内でレコードを一覧表示していく場合)で表示するときにレコード毎に交互に色違いの背景色を付けて、行をわかりやすく表示するためのものです。

 

フォントの指定

ラベルやテキストボックスなどに指定するフォント名ですが、デフォルトでは、「MS Pゴシック」があてられています。ですが、フォント名を「MS UI Gothic」にすることで、全角のひらがなとカタカナについては、文字の幅を「MS Pゴシック」よりも少し狭くすることができます。これは、フォーム上のコントロールなどが小さいサイズのものを多く配置している場合でも、コンパクトに文字を表示することができたり、少しでも多くの文字を表示することができるメリットがあります。

Windows8のシステムフォントでもある、「Meiryo UI」は、漢字やひらがな、カタカナは、「MS UI Gothic」と同じ幅ですが、「MS UI Gothic」がやや無機質感なフォントであるのに対し、「Meiryo UI」は、丸み感のあるポップな感じなフォントで、私はラベルや、ボタンコントロールの文字に使っています。

ただ、「Meiryo UI」の数字については、「MS UI Gothic」よりも、文字幅が広いので、表示スペースに余裕があるときや、集計結果などを表示する場合などで、見た目の印象を強くしたい場合にはいいと思いますが、テキストボックスに連続して入力作業をするときなどは、「MS UI Gothic」を使うほうが、無難な感じで良いと思います。

 

こちらのフォームは、左側が「MS UI Gothic」、右側が「Meiryo UI」フォントです。フォントサイズはどちらも同じ数値に設定しています。

フォーム

コマンドボタンの設定

「詳細」セクションの下部にコマンドボタンを4つ配置しています。ここでは、デフォルトの色をそのまま使っていますが、少しだけデザインを変更しています。
フォームをデザインビューで開きます。リボンの「フォームデザインツール」の「書式」タブの中から、「図形の変更」をクリックします。デフォルトでは、角に丸みを帯びた形ですが、これを長方形に変更します。

図形の変更

あとは、プロパティシートで指定します。

  1. 「標題」には、ボタンに表示させる文字を入力します。
  2. 「幅」と「高さ」を指定します。
  3. 「上位置」「左位置」を指定します。
  4. 「境界線スタイル」は表示しないので、透明に指定しています。
  5. 「フォント名」をMeiryo UIにしています。
  6. 「フォントサイズ」を10にしています

ラベルの設定

ラベルコントロールもプロパティシートで、値を指定します。

  1. 「標題」には、ラベルに表示させる文字を入力します。
  2. 「幅」と「高さ」を指定します。
  3. 「上位置」「左位置」を指定します。
  4. 「背景色」を#C0D8E2に指定しています。
  5. 「境界線スタイル」は表示しないので、透明に指定しています。
  6. 「フォント名」をMeiryo UIにしています。
  7. 「フォントサイズ」を10にしています。
  8. 「前景色」(文字の色)をテキスト(黒)にしています。

 

このエントリーをはてなブックマークに追加

コメント

  • […] Access カスタマイズ(ブログ)サイト内のフォームのデザインのカスタムの記事では、私が実際に業務で使っているフォームのデザインをご紹介しました。こちらの記事では、さらに、その他のデザイン(配色を)ご紹介していきます! […]

    2017年8月14日7:40 AM| フォームのカラーの変更。 » Accessカスタマイズ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

コメントフィード

トラックバックURL : http://gyoumuka.work/wp-trackback.php?p=38

PAGE TOPへ戻る