• ブログTOP
  • AI・ディープラーニング
  • AR
  • VR
  • WEBサイト
  • WEBマーケティング
  • SEO
  • SNS
  • その他
  • お問い合わせ

ALAKI株式会社

COZIKEEいつまでも使えるTech情報発信ブログ

リクルートサイトはこちら >

賢くて仕事ができる人を気取るための、デザインにまつわる数字の話

2016年8月5日

  • このエントリーをはてなブックマークに追加

賢くて仕事ができる人を気取るための、デザインにまつわる数字の話

こんにちは!デザイナーの井谷です。

賢くて、仕事できる人って憧れますよね…!
どうしたらちょっとでも近づけるんでしょう?

そんなことを考えてる時に思いつきました。

せや!数字を使って話したらええんや!!

っということで、今日はデザインにまつわる数字の話をしてみます。

この記事の目次

  • 1 1:1.618
  • 2 1:1.414
  • 3 70:25:5
  • 4 100:86.6
  • 5 16:9
  • 6 男性9%、女性の0.5%
  • 7 まとめ

1:1.618

まずは王道、黄金比!
聞いたことある人も多いですよね。
レオナルドダビンチの絵画やギリシアのパルテノン神殿、エジプトのピラミッドでも使われてるそうです。

1:1.414

白銀比
一番日常生活の中で馴染みのある数字かも・・・?
ノートの比率は大体白銀比になっています。

70:25:5

カラーを決めるときに使われる数字ですね。
メインカラー75%
サブカラー25%
アクセントカラー5%
この比率を守れば、統一感のあるまとまった配色になります。

100:86.6

正三角形の比率です。
グラフィックソフトでは100:100で三角形を作ってしまう場合もあるかとは思いますが、100:100で作ってしまうとなんだか縦に微妙に長い三角形になり、少し違和感が出てしまうので注意です。

16:9

動画の比率はこれが多いですね。現在販売されているテレビやディスプレイ、動画投稿サイトなどのアスペクト比は基本的に16:9になってます。
もちろんyoutubeもこれに該当します。

男性9%、女性の0.5%

色覚異常の人の割合です。
色覚異常は男性の方が女性に比べて圧倒的に多いのですが、これは染色体の問題が大きく関わっています。色を感じるのはX染色体なので、Xを1つしかもっていない男性の方が色覚に問題が出やすくなるようです。
xが二つあることもあり、女性の方が色がよく見えるようで、特に赤い色を見分けるのは得意らしいです。化粧品売り場にたっくさん並んでいる赤い口紅の微妙な赤の変化も、男性は同じに感じるけど女性からすると全然違って見える場合もあるみたいですよ・・・!

まとめ

いかがでしたでしょうか?
ちょっと賢そうに見え・・・ませんか?
これからのデザインのお役に立てれば幸いです!
それでは良いデザインライフを・・・!

  • ツイート
  • このエントリーをはてなブックマークに追加

You may also like...

  • 良いデザインとは何か?

    良いデザインとは何か?

    11 7月, 2016

  • スクリーンショット 2018-03-02 0.54.59

    Webサイトに動きを!グリッチエフェクトを実装する「CSS Glitch Effect」

    2 3月, 2018

  • スクリーンショット 2017-10-12 0.51.54

    DTP入門part.2 グラフィックデザインで3種類の”黒”を使いこなす

    16 10月, 2017

デザイナー募集
  • Next story twig30分クッキング-テンプレート編(1)-
  • Previous story YouTubeのデフォルト設定を使いこなして管理を楽にしよう!

弊社サービス

MONJI+ MUGHEN ALAKI クラウド型受発注システム さよなら過去のAR。WebARがイベント集客に革命を起こします。

運営会社

ALAKI株式会社 ALAKI株式会社採用サイト

人気の記事

  • alaki1462_A_businessman_who_works_logically_1da80a2e-c297-4911-bdd6-feba0ebf1357

    仕事術

    【書籍要約】数学的な仕事術大全

    4 11月, 2024

  • fv-main-img-min

    空間コンピューティング

    世界初!「空間コンピューティング」を専用端末不要、スマホのWebブラウザのみで実現する『Web XR Site』を公開しました

    22 6月, 2023

  • Virtual reality players isometric vector illustration. VR UI and navigation. Futuristic digital technology. Virtual screen. Mixed reality 3d concept. Person in VR headset. Web banner idea

    AR

    Appleから新世代MRグラス「Vision Pro」の登場 – デジタルと現実世界が融合する新時代へ

    6 6月, 2023

  • AWE

    未分類

    ARアプリ『MUGHEN』が世界最大のAR/VRアワード「AWE」のファイナリストに選出されました!

    26 5月, 2023

  • python-logo-master-v3-TM

    pyhotn / 業務効率化

    「SwinIR」で高画質化した画像を pythonを使用して一括で元のサイズに戻す方法

    2 2月, 2023

カテゴリー

  • AI・ディープラーニング
  • AR
  • BtoB
  • CMS
  • Git
  • Google AdWords
  • gulp
  • Javascript
  • Laravel
  • Photoshop
  • Pug
  • pyhotn
  • Sass
  • SEO
  • SNS
  • Twitter広告
  • VR
  • Web3.0
  • WEBサイト
  • WEBマーケティング
  • YouTube
  • コーディング
  • システム開発
  • スマートフォンサイト
  • セキュリティ
  • セミナー
  • その他
  • ツール
  • デザイン
  • ベトナムレポート
  • 仕事術
  • 未分類
  • 業務効率化
  • 空間コンピューティング
  • 色

アーカイブ

  • 2024年11月
  • 2023年6月
  • 2023年5月
  • 2023年2月
  • 2023年1月
  • 2022年12月
  • 2022年11月
  • 2022年10月
  • 2022年9月
  • 2022年2月
  • 2021年12月
  • 2021年9月
  • 2021年7月
  • 2021年6月
  • 2020年10月
  • 2020年9月
  • 2020年8月
  • 2020年6月
  • 2019年6月
  • 2019年5月
  • 2019年4月
  • 2019年3月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年11月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年5月
  • 2018年4月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年12月
  • 2017年11月
  • 2017年10月
  • 2017年9月
  • 2017年8月
  • 2017年7月
  • 2017年6月
  • 2017年4月
  • 2017年3月
  • 2017年2月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年10月
  • 2016年9月
  • 2016年8月
  • 2016年7月
  • 2016年6月
  • 2016年5月
  • 2016年4月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年11月
  • 2015年10月
  • 2015年9月
  • 2015年7月
  • 2015年3月
  • 2015年2月
  • 2015年1月
  • 2014年12月
  • 2014年11月
  • 2014年10月
  • 2014年9月
  • 2014年8月
  • 2014年7月
  • 2014年6月
  • 2013年10月
  • 2013年9月

Facebook

お問い合わせ

お問い合わせ

人気の記事

  • 【書籍要約】数学的な仕事術大全
  • 世界初!「空間コンピューティング」を専用端末不要、スマホのWebブラウザのみで実現する『Web XR Site』を公開しました
  • Appleから新世代MRグラス「Vision Pro」の登場 – デジタルと現実世界が融合する新時代へ
  • ARアプリ『MUGHEN』が世界最大のAR/VRアワード「AWE」のファイナリストに選出されました!
  • 「SwinIR」で高画質化した画像を pythonを使用して一括で元のサイズに戻す方法

カテゴリー

  • AI・ディープラーニング
  • AR
  • BtoB
  • CMS
  • Git
  • Google AdWords
  • gulp
  • Javascript
  • Laravel
  • Photoshop
  • Pug
  • pyhotn
  • Sass
  • SEO
  • SNS
  • Twitter広告
  • VR
  • Web3.0
  • WEBサイト
  • WEBマーケティング
  • YouTube
  • コーディング
  • システム開発
  • スマートフォンサイト
  • セキュリティ
  • セミナー
  • その他
  • ツール
  • デザイン
  • ベトナムレポート
  • 仕事術
  • 未分類
  • 業務効率化
  • 空間コンピューティング
  • 色

検索

ALAKI株式会社 © 2025. All Rights Reserved.