初心者でスイマセン・・
お客のウェブを制作しているのですが、
最近はいろんなサイトで利用されている小さいフォントでも読みやすいテキスト素材を作りたいのですが、どういうフォントを利用すればいいのかわかりません。。
いろいろ調べているのですが、ビットマップフォントや小さいフォント・・とか、思いつくキーワードで検索しても、自分の思った答えがあるサイトにいきつきません・・
なんか言い答えがあるのでしょうか?
というか、こんなにたくさんのサイトで小さいのにくっきりしたフォントで制作されているのに、自分がその「作り方」を見つけられないのが悔しいです・・・
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
WEBの仕事をしているものです。
masamayuさんのおっしゃることは
くっきりしたフォント、というより
くっきりした画像という判断で良いかと思います。
文字をボタンにするのなら、色の使い方も影響します。
フォトショップなら色数を指定してgifにする、
これだけでもかなり良いかと思いますよ。
フォントは普通のゴシック体が見やすいかと思います。
蛇足ですが、ボタンなどのWEB素材を作成するならば
アドビのイラストレーターを使うと便利です。
マクロメディアのファイヤーワークスもなかなか使えます。
No.2
- 回答日時:
小さいフォント?
どんなものを指しているのか、掴めないので、想像でアドバイスします。
まず、どんなフォントを利用すべきか。
閲覧者が見やすいのは、システムフォントではないかと思います。
フォント指定していない場合、Windowsでは、MSゴシックや、MS明朝、
Macintoshでは、Osakaや、ヒラギノでテキストを表示します。
一番見慣れているものが、一番見やすいとは限らないかもしれませんが、
見慣れているというのは一つのポイントです。
> 小さいのにくっきりしたフォントで制作されている
これは素材に使用されているフォントということでしょうか?
例えば、Yahoo!JAPANの、トップのメニューは画像で作成されており、
「Yahoo!BB」や「新着情報」といったテキストも画像になっています。
これをイメージされていますか?
この画像のフォントの場合は、アンチエイリアスをオフにして作成されています。
四角いドットで、一色で描かれています(ドット絵の表現)。
サイズでは、9pxくらいまでが、はっきりときれいにレンダリング出来る限界のサイズじゃないかな?と思います。
もっと小さくてもアンチエイリアスと、フォント、サイズの組み合わせによってはきれいに見せることは可能です。
もう一つ大切なのは、言葉を選ぶこと。
「写真」と「Photos」は同じ意味だけど、小さな文字にした時は、漢字はつぶれやすくなるので、
アルファベットの方が見やすいことが多いです。
しかし、横のサイズの制限がある時には、アルファベットよりも漢字の方が文字を大きくすることが出来ます。
こんなことがヒントになりますでしょうか?
この回答への補足
すいません。皆様。。早速のアドバイス誠にありがとうございます!!
とはいいつつ、掴みづらい質問でスイマセンでした・・
えー。まさしく、yahooのヘッダー部分の"新着情報"や""メッセンジャー"等の小さい文字(画像として・・)のことなのです。
アンチエイリアスに関しても、どういったものかという知識はあるのですが、、
ちなみに画像加工・編集はフォトショップを利用しています。
僕自身のこれまでの勘違いだったと思うのですが、フォトショップでテキストを入力し、"なし""シャープ""鮮明""強く"・・"滑らかに"などの設定がありますが、その設定で"なし"にすると、今回僕が疑問に思っていることが実現できるのかと思ってました。。で、また、あるいみそれが「アンチエイリアス」的な設定なのかな・・と思ってました。
でも、いろんなフォントで"それ"を試してみましたが、見やすくなってくれるフォントがありませんでした。
では実際に、そのドットで漢字や平仮名等和文を、所謂YAHOOのヘッダーテキスト画像のように制作するには、PHOTOSHOPを利用して、アンチエイリアスの設定等、どのようにすれば良いのでしょうか?(もしくは、"そのような文字専用のフォントをどこからか入手する必要があるのか・・?)
えー。
本当に、知っている方にとってはバカバカしい質問のようで申し訳ございません・・・
目からウロコてきなこと・・かもしれませんが(僕にとっては)ご教授頂けますようお願い致します。。
No.1
- 回答日時:
具体的な素材が使われているURLを例に出してもらって、これといってもらうほうがわかりやすいですが…。
フォントの種類としてはビットマップフォントを使用し、そのフォントの対応しているサイズを使用すればよいと思います。
使用する画像ソフトでアンチエイリアスなしにしておく必要があります。
この回答への補足
早速のアドバイスありがとうございます。
例えば、このページの、"この回答は参考になった!や"運営スタッフに連絡"のボタンのテキストです。。
それらに対応したビットマップフォントはどういったものがありますか??それはmacのosakaとかでもアンチエイリアスなしにすれば、okなのでしょうか?ちなみに、もうおひとかたから頂いたお答えにも補足させた頂いたのですが、フォトショップで、テキストに対して、アンチエイリアスなしにする方法って、どうすれば良いのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Illustrator(イラストレーター) 作者不明のフォントについて 「Caslon antique」というフォントを商用で使いたいのですが( 2 2022/10/11 17:21
- 画像編集・動画編集・音楽編集 動画作成をしているのですが、使いたいフォントが見つかりません。。。 平井大がPVに使用してるフォント 2 2023/05/28 09:51
- Word(ワード) ワードフォント 一括置換の方法 4 2022/12/31 00:27
- Illustrator(イラストレーター) 添付画像の帽子マーク~Tは、既成のフォントに類似フォントがありますでしょうか 1 2022/08/17 20:51
- プリンタ・スキャナー 平成明朝体について お世話になります。 自分の好みで、ワードで文書を作るときはMS明朝ではなく、HG 1 2023/05/29 20:44
- HTML・CSS Web font 会社のホームページを作成についてですが、webフォントを使用することを検討しており 4 2022/11/04 10:36
- 政治 私の発明した「二階建て漢字」は使えるでしょうか? 3 2023/02/08 16:40
- Excel(エクセル) [テーマのフォント]、[見出しのフォント]、[本文のフォント]とは何ぞや? 2 2023/02/27 09:18
- その他(インターネット接続・インフラ) Webサイトのフォント・級数変更について 1 2022/10/18 18:08
- その他(プログラミング・Web制作) 文字コード及びフォントに関する次の記述を読み,適切なものをすべて選べ。 ASCIIとは,英数字だけを 4 2023/01/11 19:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
パソコンに行書体がありません...
-
アスタリスクににているマーク...
-
webデザインについてです。 カ...
-
フォントのインストール
-
シート追加をした時のフォント...
-
adobe PDFに変換すると.logファ...
-
Macにもともと入っているHelvet...
-
フォントについて
-
このすばのフォントについて
-
DTPです、モリサワ リュウミン...
-
商用でのフォント利用について(...
-
Word文書をPDFにすると使用して...
-
Imprint MT Shadowというフォン...
-
下が太い丸ゴシックを探してい...
-
行書体がつかえる無料の縦書き...
-
MS明朝をイラストレーターで使...
-
YEBISUビールロゴについて
-
斜めのビックリマークがあるフ...
-
EXCELのフォントに「江戸...
-
Adobeのフォントに「Yumincho D...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
パソコンに行書体がありません...
-
adobe PDFに変換すると.logファ...
-
シート追加をした時のフォント...
-
DTPです、モリサワ リュウミン...
-
フォントのインストール
-
アスタリスクににているマーク...
-
webデザインについてです。 カ...
-
indesignでのフォント一括変換
-
フォントについて
-
フォントに優先順位をつけるには?
-
Macにもともと入っているHelvet...
-
初音ミクのロゴに使われている...
-
PDFをプリントすると文字が...
-
行書体がつかえる無料の縦書き...
-
動画編集でAdobePremier Proを...
-
このすばのフォントについて
-
動画編集でAdobePremier Proを...
-
Adobeのフォントに「Yumincho D...
-
斜めのビックリマークがあるフ...
-
無印良品の化粧水とかのパケの...
おすすめ情報