質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

91.27%

  • HTML

    6420questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    4051questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • HTML5

    2967questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

フォントの種類や色を見分ける力はある程度必要か?

解決済

回答 7

投稿

  • 評価
  • クリップ 1
  • VIEW 323

skpro

score 16

課題を作っている時に指示者に微妙に色が違うとかフォントが違うとかの指摘を受けるのですが、見分ける力はある程度必要でしょうか?
全く違う色やフォントの種類にしているわけではないです。
病院に行って検査してきたらと言われました…

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • yoshinavi

    2017/12/11 19:56

    もう皆さまが答えまくってくれてますので、特に言う事や聞くことはないのですが、心の「助けて!」に皆さまがすごい敏感で一人で感動しております。質問者さん「負けるな、頑張って!」

    キャンセル

  • skpro

    2017/12/11 20:32

    ありがとうございます。

    キャンセル

回答 7

+10

色に関しては、人間の眼力に頼るより、ColorPickerと呼ばれるような「画面に表示したものの色を拾う」ツールがありますので、それを使えばRGBぴったりな色を指定できます。

もしそういうことのできない紙の資料で、なおかつカラーコードも書かないのに「色が違う」と指摘だけしているのでしたら、確実にそれは指示する側の怠慢です。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/12/11 18:06

    ありがとうございます。
    なるほど、ColorPickerを使えばいいんですね。

    キャンセル

  • 2017/12/11 18:08

    そして、Webフォントに頼る、あるいは文字まで画像化してしまうのでなければ、Webサイトは「閲覧者にある」フォントで表示するしかないので、細かなフォントの違いにこだわらせること自体が、設計の間違いかもしれません。

    キャンセル

  • 2017/12/11 19:14

    もしかしたら、ColorPickerというソフトは、使わせてくれないかもしれません。
    ウイルス感染などにうるさい所なので。

    キャンセル

  • 2017/12/11 19:22

    上との折り合いも悪いようですし、転職したほうがいいかもしれませんね。

    キャンセル

+8

パワハラを受けて精神的苦痛を感じていますと病院に相談するのはどうでしょう。

おそらく指示した上司がデザインサンプルだけを提示して、あなたがそれを実装したときに、「私の指示と違いすぎる」と言ってきているのだと想像するのですが、その場合それは上司の指示が悪いです。「フォントはこれを使え」「ここのカラーコードは#XXXXXXだ」と明確な指示を出していないのにも関わらず、そこを「間違い」として指摘してくるのはパワハラだと私は思います。

診療を受けるという判断をされるのであれば、医療関係者ではないので正確な情報ではないかと思いますが、色の見分けというのは色盲とかが関わってきますし、フォントの違いは識字能力が関わってくると思います。心配ならそのへんのことを頼りに医者に聞いてみるのもよいかと思います。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/12/11 20:29

    ありがとうございます。
    ひょっとしたら、違うOSで見ていたせいかもしれません。

    キャンセル

+5

見た目で判別する必要は無いと考えます。
体裁にこだわるのであれば、指示する際に何かのドキュメントにフォント名やRGBを記載するようにしてもらうべきです。
何の課題なのかは存じ上げませんが、あまり深刻に気にする必要はありません。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/12/11 20:30

    ありがとうございます。

    キャンセル

+5

https://twitter.com/vzenya/status/906183109682503680/photo/1
ガチのWebデザイナーならこのレベルです。

要するに、質問者さんは何の職業なのかって話です。
もしWebエンジニアと呼ばれる方向の人間になりたいのであれば他の回答者のように、
「そんなに拘るならフォント名とカラーコードよこせカス」と言い返せばおしまいです。
…実際の業務ではそんなこと言えませんけどね。


もしWebデザイナー寄りの人間になりたいのであれば、
フォント云々に関してはある程度は慣れましょう。
フォントの効果は意外と馬鹿にできないので、時間を取って体系的に学ばれる事をオススメします。

色味に関しては、質問者さんが大らかな性格なだけかもしれませんが、
色弱さんの可能性があるので一回は病院へ行くと良いでしょう。
もし仮に色弱だったとしても諦める必要はありません。

Webデザイナーのなんたるかの価値は色味では決まりません。
UXを含めた導線設計、使い勝手、配置、流行…etc
理詰めで素晴らしいデザインはいくらでも作れますのでハンデにはなりえません。
こちらも時間とって体系的に学ばれることをオススメします。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

checkベストアンサー

+4

デバイスによってデフォルトで入っているフォントは違います。どういう課題かはわかりませんが、確認する人間に合わせたフォントを選ぶのが妥当でしょう。

【標準の日本語フォント / もうパンツはかない】
http://rinrin.saiin.net/~aor/fonts/fonts

【2017年版個人的ベスト|CSSフォント指定WIN、MACでキレイに表示(ゴシック、明朝)|MWORKS】
http://mw-s.jp/2017css-font-win-mac/

特定のフォントをWebフォントとして利用することもありますが、日本語の場合有料サービスがほとんどなので、課題には向かないので使っていないとは思います。(そういった事情を知らない、知識の無い人間が実装サンプルを作っているなら、そもそもそこが問題です)

実装サンプルがJpegやpngなら、カラーピッカーについては、Chrome/Firefoxに標準で付いていますのでブラウザで表示してDevToolsを使ってみてください。(下記記事はChromeについてですがFirefoxでも付いています)

【DevToolsのカラーピッカーが超進化! - Qiita】
https://qiita.com/nakajmg/items/477728bff8b89664e1a4

DevToolsの出し方がわからなければ下記記事で。

【開発者ツールを使おう! カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/12/11 21:36

    ありがとうございます。
    DevToolsのカラーピッカーが一番参考になりました。
    探した限りでは、こちらも画像の色のコードが分かるようです。
    https://lab.syncer.jp/Tool/Image-Color-Picker/

    キャンセル

  • 2017/12/13 11:52

    windowsなら画面を print screen でキャプチャし、paintツールに張り付けて、スポイト機能で色を拾ってもrgb値を確認することが可能ですよ
    macならDigitalColor Meterというのがあるようです(私はwinユーザーなのでよくわかりませんが)

    キャンセル

  • 2017/12/13 20:56

    ありがとうございます。

    キャンセル

+3

色を再現しなければいけないならカラーピッカーを使ったらどうでしょうか?
男の人には意外と色覚異常の人が多いものです。
色覚異常 - Wikipedia

フォントは……気を付けるしか?

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/12/11 20:31

    ありがとうございます。

    キャンセル

+3

画像であれば、画像からフォントを調べてくれるサイトをつかうとか

このフォント何だろう?画像からフォント検索できるサイト「WhatTheFont」

色に関してはColorPickerでOK

HTMLとCSSからの指定であれば、ファイルを検索するようなツールを使うとかですかね。

「病院に行って検査してきたらと言われました…」っていうのは
結構パワハラなので、じゃぁあんたはこの世のすべてのカラーコードとフォントを認識できるのか?と言い返したいところですね…。
できないのがサラリーマンのつらいところです。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/12/11 20:31

    ありがとうございます。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

ただいまの回答率

91.27%

関連した質問

  • 受付中

    Androidアプリ開発 TextViewにおけるtextStyle及びtypefaceの適用

    Androidアプリ開発において、アプリ内のフォントを変更しようと思い、変更箇所のTextViewのtextStyleとtypefaceを変更した際にワークスペースで表示される画面

  • 解決済

    iOSでニュースリーダーアプリ開発、テーブルビューが崩れる

    「世界一受けたいiPhoneアプリ開発の授業」を進めているのですが画像のようにTableViewが崩れてしまいます。本書のp244ではPinでTrailingSpaceの数値を「

  • 受付中

    TableViewのセルの生成に時間がかかる

    TableViewを表示しようとするとTableViewが画面に表示されるまで時間がかかります。 セルにはImageViewがあり、画像を軽くすればTableViewがすんなり表

  • 解決済

    Label の位置が更新ごとにずれてしまう

    タイマーを作成しています。 ラベルに Horizontally in Container と Vertical in Container を適用して表示範囲の縦方向、横方向に

  • 受付中

    SKLabelNodeにweightを指定する方法

    タイマーアクションで、0.1秒毎にある変数に+0.1してSKLabelNode表示させているのですが、iOS9から、新しいフォントになったせいか、表示されている数字が更新される度に

  • 解決済

    NetBeansの多言語表示について

    前提・実現したいこと NetBeansで日本語・英語以外の言語を表示したい 発生している問題・エラーメッセージ 特にエラーは出ていないが、表現不可文字の[▯]が文字数分表

  • 解決済

    googlefontの読み込み

    googlefontの読み込みについて質問です。 サンプルとして、pに適当なfontを読み込ませようしたのですが、うまくいきません。 一応、検証ではエラーも出ておりません。

  • 解決済

    PCで絵文字を表示

    iPhoneの絵文字をHTML上に書いて、pcで表示させたいです。 使用したい絵文字の8割は表示されるのですが、残り2割も表示させたいです。 iPhoneで見る分には全

同じタグがついた質問を見る

  • HTML

    6420questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • CSS

    4051questions

    CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

  • HTML5

    2967questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。