Accessのフォームデザインについてお探しですね。
広告
Accessっぽさを消す!見やすく使いやすいフォームデザインのコツ
Microsoft Accessって、業務アプリをサクッと作れる便利なツールなんですが、初期設定のままフォームを作ると、どうしても「昔のデータベース画面」って感じになっちゃいますよね。
機能的には問題なくても、見た目が古臭いと使う気が起きなかったり、なんとなく使いにくく感じたりするものです。
でも実は、Accessにはデザインをカスタマイズできる機能がたくさん用意されていて、ちょっとした設定変更だけで、最近のWebアプリみたいなオシャレな画面に変身させることができるんです。
この記事では、Access特有の野暮ったさをなくして、ユーザーにとって見やすくて使いやすいフォームを作るための具体的なテクニックを紹介していきます。
なぜAccessは「古臭く」見えるのか?3つの原因
Accessで作った画面が「いかにもAccess」って感じになってしまう一番の理由は、初期設定で適用されている立体的なデザインにあります。
Windows 95や98の頃は当たり前だった、テキストボックスがへこんで見えたり、ボタンが浮き出て見えたりする「3D表示」。
これが今のフラットデザインが主流の時代には、どうしても違和感を生んでしまうんです。
特に、入力欄の背景が白で、周りに影みたいな枠線がついているスタイルは、画面全体を重たく見せてしまいます。
これを解消するには、まずコントロールの「立体表示」の設定を見直して、すべてを平面的(フラット)にすることが第一歩です。
あと、項目と項目の間隔が狭くて、画面いっぱいにぎゅうぎゅうに詰め込まれているレイアウトも、古臭さを感じさせる原因の一つですね。
もう一つの大きな原因は、Access特有のパーツがそのまま表示されていることです。
たとえば、フォームの左端に出てくる縦長のバー(レコードセレクタ)や、画面下部の「1/10」みたいな表示(レコード移動ボタン)。
これらは管理者には便利かもしれませんが、普通にデータ入力する人にとっては必要ないことが多いんです。
これらのパーツが残っていると、「データベースの裏側を触ってる」という感じがして、アプリとしての完成度が低く見えてしまいます。
さらに、デフォルトのフォント「MSゴシック」も、文字の輪郭がガタガタして見えるので、画面全体の質を下げる要因になっています。
プロパティ設定だけで変わる!Webアプリ風の画面を作る基本
フォームをWebアプリみたいなモダンな見た目にするには、まずフォーム全体のプロパティ設定を見直していきましょう。
デザインビューでプロパティシートを開いて、「書式」タブの設定を変更していきます。
ここで特に重要なのが次の4つです:
– **レコードセレクタ**:基本的に「いいえ」にして非表示に
– **移動ボタン**:これも「いいえ」にして非表示に
– **スクロールバー**:必要に応じて調整
– **境界線スタイル**:「ダイアログ」や「なし」に変更
レコードセレクタと移動ボタンを非表示にすると、画面の左端と下部にあった独特のグレーの領域が消えて、フォーム全体がすっきりします。
境界線スタイルを変えると、ウィンドウの枠線がシンプルになって、専用アプリみたいな雰囲気になります。
次に、テキストボックスやコンボボックスなどの個々のコントロールの設定も変更していきます。
複数のコントロールをまとめて選択して、プロパティシートで次のように設定します:
– **立体表示**:「なし(フラット)」に設定
– **境界線スタイル**:「実線」に設定
– **境界線色**:薄いグレー(#CCCCCCなど)を指定
これだけだと入力欄の境界がわかりにくくなるので、境界線を薄いグレーの実線にします。
さらに、入力欄の高さを少し広めにとって、文字の配置を調整すると窮屈さがなくなります。
Webフォームでは入力エリアに十分な余白があることが多いので、Accessでも「上余白」「下余白」のプロパティを1〜2mm程度設定すると、文字が枠線にくっつかなくて読みやすくなります。
こういう細かい調整の積み重ねが、全体のクオリティを大きく変えるんです。
配色とフォントで印象が変わる!
デザインの印象を決める「配色」については、色を使いすぎないことがポイントです。
ベースカラー、メインカラー、アクセントカラーの3色を基本に構成するとまとまりが出ます。
Accessのデフォルトのグレーの背景色は見にくいことがあるので、思い切って背景色を「白」または「とても薄いグレー」に変更するのがおすすめです。
その上で、ヘッダー部分には会社のイメージカラーや落ち着いた濃い青などを使って、画面全体を引き締めます。
そして、登録ボタンや検索ボタンなど、重要なボタンにだけ目立つ色(アクセントカラー)を使います。
Accessでは色をRGB値で指定できるので、Webデザインの配色サイトなどを参考にしながら、派手すぎない、目に優しい色を選びましょう。
原色に近い赤や青を多用すると安っぽく見えるだけでなく、長時間作業する人の目の負担にもなるので注意が必要です。
フォント選びも、フォームの「今風」な雰囲気を作るには欠かせません。
デフォルトの「MSゴシック」や「MS Pゴシック」から変更しましょう。
Windows Vista以降なら、見やすい「Meiryo UI」や、よりスマートな印象の「Yu Gothic UI」が使えます。
フォーム上のすべてのコントロールを選択して、フォント名をこれらのモダンなフォントに変更するだけで、画面の読みやすさがグッと向上します。
特に「Meiryo UI」は文字幅が最適化されていて、狭いスペースでも文字が潰れにくいので、情報量の多い業務画面に向いています。
文字サイズも、デフォルトの9ポイントや10ポイントでは小さすぎて読みづらいので、基本サイズを11ポイント程度に上げましょう。
見出しなどはさらに大きく太字にするなど、情報の重要度が一目でわかるようにメリハリをつけることが大切です。
**おすすめのフォント設定**
– **フォント名**:Meiryo UI または Yu Gothic UI
– **フォントサイズ**:本文・入力値は11pt以上、見出しは14pt以上で太字
– **文字配置**:数値は右揃え、短いテキストは中央揃え、長文は左揃えと使い分ける
使いやすさを高めるレイアウトとボタン配置
使いやすいフォームを作るには、見た目の美しさだけでなく、ユーザーの視線の動きやマウス操作の流れを考えたレイアウト設計が大切です。
人間の視線は一般的に左上から右下へと「Z」の字を描くように移動するので、重要な入力項目や検索条件は左上に配置して、「登録」や「更新」ボタンは右下に配置するのがセオリーです。
Accessのフォームデザイン機能には、コントロールを整列させる「整列」や「サイズ調整」の機能があります。
さらに便利なのが「集合形式(表形式)」レイアウト機能です。
これを使うと、ラベルとテキストボックスがセットでグループ化されて、行間や列幅を一括で調整できます。
メンテナンスもしやすくなるし、きれいに整ったレイアウトを簡単に作れます。
コントロール同士の間隔がバラバラだと、ユーザーは無意識にストレスを感じてしまうので、グリッドに合わせてきっちり配置することを心がけましょう。
ボタンのデザインも工夫すると、Webアプリみたいな操作感を出せます。
従来のAccessのボタンは文字だけのシンプルなものでしたが、プロパティの「ピクチャ」設定でわかりやすいアイコン画像を表示させたり、「ポイント時の色(ホバー色)」を設定して、マウスカーソルを乗せたときにボタンの色が変わるようにすると、クリックできる場所だとすぐわかります。
あと、タブオーダー(Enterキーを押したときのカーソルの移動順序)を適切に設定することも忘れずに。
見た目がきれいでも、キーボード操作でカーソルがあちこちに飛んでしまうようでは、作業効率が悪くなってしまいます。
デザインの仕上げとして、必ず実際の入力作業をシミュレーションしながらタブオーダーを確認して、入力の流れがスムーズになるよう修正しましょう。
これで、本当に「使いやすい」フォームが完成します。
広告
