Q&A
これは、デザイン・レイアウトに関する内容なので、
プログラミングには関係ありません。
teratailでは、非推奨な内容かと・・・。
実現したいこと
黒・ブラック系のサイトのフォントの種類に関して質問があるのですが、
webサイトの背景をブラック系で、メインフォントの色を白にした時、
ブラック系の背景でも見やすいフォントを使いたいです。
問題点
現在は、メインフォントの色を白でヒラノギ角ゴシックを使用しているのですが、
フォントが薄くぼやけた感じ？で見にくくなってしまいます。
ヒラノギ角ゴシック以外で白でも見やすいフォントがあれば教えて頂けますと
幸いです。
失礼致しました！！
もうちょっとプログラミングと関連させれれば非推奨にならなさそうですが･･･
質問文捻れないかな
すでに回答がついているので、回答を参考に、解決にされるとよいかと。
デザイン系の質問できるサイトとか、他にあるかもしれないですね。
そうですね、、デザイン系の質問できるサイトをできるサイトをもう少し探してみます。。！
>デザイン系の質問できるサイト
広告になりそうだから具体名は上げませんけど、
幾つかあった気がしますね。
「Webサイト」を広義に捉えるとまだ関係させられなくもないかなと。
デザイン系のタグは３つあって2つは「設計」に関するものなので直接的な関係は確かに薄いですが、フォントや色も機能と捉えれば「デザイン」と解釈できなくもないです。
> 幾つかあった気がしますね。
（自分も探してみよう）
後は、なんだかんだこういうプログラミングに関係しそうぐらいのラインの話題は過去質問漁ると
大体幾つもされてるので見てみても良いかもしれませんね。
>デザイン系のタグは３つあって2つは「設計」に関するものなので直接的な関係は確かに薄いですが、フォントや色も機能と捉えれば「デザイン」と解釈できなくもないです。
そういうやり方もあるんですね。。参考になりました！ありがとうございます、！
>（自分も探してみよう）
私も探してみます。
回答2件
0
解決済み+プログラミングと無関係（？）+フォントの種類に関する回答ではないので書くべきか迷いましたが、ちょっと思うところがあったので回答します。
ご存じのことかもしれませんが、背景と文字でコントラストが強すぎると目に負担がかかります。
真っ白（#fff）と真っ黒（#000）ではなく、文字（または背景）をほんの少しグレイ寄りにするだけでも目の負担が減り、見やすくなるかもしれません。
私がごちゃごちゃいうよりもいろいろな方がまとめた記事があるので紹介しておきますね。
文字や背景にピュアブラックを使ってはいけない理由
ウェブサイトの黒と白
ウェブサイトの配色で気を付けたい9つのこと
見やすいホームページは必ず守っているデザインの法則
日本のWebサイトでよく使われるフォントまとめ
投稿2021/04/06 02:10
総合スコア3235
teratailの適切ではない問題文に対して、ご回答ありがとうございます！！
すごくお勉強になります。
今は、背景黒寄りの#171717を使っています！
貼っていただいた記事も参考にさせて頂きます。
ほんとうにありがとうございます！！
0
ベストアンサー
「配色」だと文字は黄色のほうが見やすくなりますが、フォントとなると全体のバランスや構成から考える必要もあり、好みの問題もあるので、一概に「これがいい」と決めるのは難しい問題です。
なので、色々試した上で自身が最もしっくり来るものを選ぶのがベストだと思います。
費用があるなら有料のフォントもご検討ください。
投稿2021/04/06 01:20
総合スコア80875
すみません、ありがとうございます！
もっと自分で色々試してみてしっくり来るものを探してみたいと思います。
例えば社会派の記事載せてるサイトに丸系は合わないし、要件次第なところもありますからね。
ホラーにあえて丸文字でギャップ狙って雰囲気だしている例はありますが、構成の作り方がうまい部分もあります。
やはり全体構成から考えてください
アドバイスありがとうございます、、！！
デザイナーになりたてで、まだまだ知識不足ですが、もっといろんなサイトの構成を参考にしつつ、
良いサイト作りができるよう努力しますoz_!!
Webデザイナーは昔片足突っ込んだことがあるくらいのレベルなので大層なことは言えませんが、UI/UXについて知見を深めておくと良いアプリケーションを構成できるようになると思います？
あなたの回答
tips
プレビュー
