web-dev-qa-db-ja.com

あなたはウェブアプリケーション用の所有物のようなフォントだと思いますか

企業が会計を行えるWebサイト/ Webアプリケーションを作成しています。これは、通常のデスクトップアカウンティングプログラムの一種です。

アプリケーションに、従来のWebサイトではなく、通常のデスクトップアプリケーションのルックアンドフィールを持たせたい。

どのようなフォントとフォントサイズが従来のデスクトップアプリケーションに近いと思いますか。

CSSでスタイリングしています。

1
Saif Bechan

この回答は、特定の推奨事項を直接示すものではありませんが、コンピューター画面で使用するために設計されたフォントがあることを指摘したいと思います。他のフォントと異なるのは、画面の2つの重要な要因によって制限された場合に失われるか、適切に劣化しないディテールがないことです。

  • 低解像度(特に、72 + dpi対600+ dpiなどの印刷と比較して)
  • 小さいサイズ-通常、アプリは10から12ポイントの範囲でタイプを表示するため

これの標準的な担い手は、印刷用ではなく画面用のフォントをいくつか備えたMacintoshで設定されました。

  • シカゴ、メニューの太字フォント
  • ジュネーブ、画面上で使用するためのサンセリフフォント
  • ニューヨーク、画面上で使用するためのセリフフォント
  • モナコ、画面上で使用するための固定幅フォント

アウトラインフォントやベクターベースのフォントが急増したとき(True Typeを介して、Adobe Type Managerを使用したPostscriptがそれ以前の一般的な標準だった)でも、画面上のフォントはそれだけです。しかし、最終的には、それらのフォントのアウトラインバージョンがリリースされました。

経験則では、都市名のフォントは画面上で使用し、他のフォント(Times、Helveticaなど)は印刷用でした。画面上のフォントは、さまざまな一般的なポイントサイズでオペレーティングシステムに使用可能であり、システムに含まれるポイントサイズ以外のタイプをスムーズにスケーリングする標準システムはありませんでした(Adobe Type Managerまたは "ATM"およびPostScriptを除く、以降、True Type)。

歴史に敬意を払うなら、要点は次のとおりです。

  • サイズと解像度を適切に縮小するものを選択してください
  • 理想的には、設計されたフォントを選択してくださいforビデオ画面の制限

2010年、アドビは Typekit と提携して、確立された書体の一部を改善し、今日の画面上の機能に合わせて修正しました(DPI、アンチエイリアス、ベクターベースのレンダリングの改善)。このパートナーシップにより、500を超えるタイプfacesが利用可能になりました(「フォント」とは1:1とはまったく異なります)。

(気になる場合は、「 フォントと書体の違いは何ですか? 」を参照してください)

Typekitを使用すると、標準メーカーの広く受け入れられているフォントの使用を非常に安価にライセンスできます。ライブラリには500を超える顔があり(すべてがAdobeから提供されているわけではありません)、Myriad Proなどのよく使用されるフォントが含まれています。個人的には、次の3種類の顔を選択するように誘導します。

  1. 一番上のメニューの「重い」重みと、アラートボックスのタイトル(おそらく重いと凝縮された)
  2. 他の非ユーザー生成UIテキスト用のSans Serifフォント、2つの太さ:太字と中
  3. serifまたはSlab Serifフォント、Sans Serifフォントの選択を補完することさえ意図されている可能性のあるもの(同様の名前が付けられ、時には補完として提案されることもあります)-これは、テキストの大きなパッセージやエンドユーザーが入力するテキスト

TypekitのAdobeフォントへのリンクは次のとおりです。これを選択プールとして使用しても間違いはありません。

http://typekit.com/foundries/Adobe/fonts/

個人的に、私は好きです:

  • ニュースゴシック標準、太字
  • Myriad Pro Semi Condensed、ライトまたはレギュラー
  • Minion Pro、レギュラー

(前述のカテゴリの順序に関係なく)

3
Chris Adragna

フォントが読みやすいかどうか、プロのように見えるかどうかを考慮する必要があると思います。コミックサンズをすべてに使用するつもりはありません。なぜなら、それがアマチュア風に見え、基本的には学校の子供向けに見えるようになるからです。

Helveticaのようなフォントは読みやすく、スタイリッシュに見えます。私はほとんどのWebサイトでこのフォントを使用し始めています(プロのように思えます)。ただし、フォントは別として、デザインの外観、およびデザイン自体(色やレイアウトなど)かどうかを考慮する必要があります。貧弱なデザインは、フォントが持つ効果を打ち消すことができます。たとえば、BBCがニュースWebサイト用に使用しているフォントは、Cartoon Networks WebサイトなどのWebサイト上で見栄えが悪い場合があります。およびその逆。

Helveticaやジョージアなどのフォントはプロ並みですが、サイトの実際のデザインがどのようなものかを覚えておく必要があります。デザインが十分に専門的でない場合、フォントは問題になりません。

3
mickburkejnr

あなたの質問を読んで、(興味深いプロジェクトに聞こえます)いくつかのことが頭に浮かびます。もし私があなたのクライアントの一人なら、私は価値があるでしょう:

  • 読みやすさ
    (一般的に、会計アプリケーションの特定の用途と同様に)

  • 目的
    目的/会計に固有の特殊文字のサポート。日本円やインドルピーなどの特別な通貨が国際的なトレーダーにサポートされず、真にプロフェッショナルなソフトウェアと別の安価なアプリケーションの違いを即座に明らかにすることはどれほど恥ずべきことでしょうか。

  • 受入
    長期使用に値するフォントであることが証明されているフォントはどれくらいありますか?

  • 視聴者
    (古いクライアントは小さくてエレガントだと思うものを読むのが困難です)

  • 数字
    会計は数字とメモを整理しています。おそらく同じような課題は、数字も美しく表示する書体を探すことです。なぜなら、私の収入である場合に限り、投稿で組み合わされたすべての単語よりも、426,119.00 $の私の年収をより頻繁に見つめるからです。

1
Sam

これは奇妙な質問です。

まず、すべてのデスクトップ環境に独自のルックアンドフィールがあるためです。 Windows XP!= Windows Vista!= Windows 7!= Mac OS X!= Gnome!= KDE ....

また、Windows XP with "Desert"テーマを使用する多くの人を知っています。はい、これは別のルックアンドフィールを提供します。クライアントOSを検出することは可能ですが、現在のルックアンドフィールを検出することはできません。そして、これはあなたの人生をこれから困難にするものです。

しかし、私はあなたが必要なものを知っていると思います。 http://4shared.com のようなサイトを作り、デスクトップのルックアンドフィールを作ります。まあ...それは参照です。そこに行き、CSSを入手してください。

0
Dave

フォントが不快ではなく、ボールドやイタリックなどのスタイルを慎重に使用している限り、あなたはほとんど正しい軌道に乗っています。

また、DO NOTは、Webアプリケーションのフォントを、最初の選択肢として単純にフォントファミリに設定するだけです。ある女性がSafariで自分のサイトをデザインしたときに技術サポートの電話をかけましたが、IEがヘッダーフォントにそれほど親切ではないことにかなりがっかりしました。彼女はそれを単純に「スクリプト」に設定したことがわかりました。これは、そのファミリに対するブラウザの選択にデフォルト設定されていました。

0
Kaji