読者です 読者をやめる 読者になる 読者になる

色彩関連

自分用メモ

Color Supply
コンプリメンタリー(補色)(対面)、アナログ(隣接)、トライアッド(三角)、スプリットコンプリメント(スプリット補色)、スクエア(四角)など。



Material Design Colors



カラーホイール | カラースキーム - Adobe Color CC

画像からもカラーパターンを抽出可能。

フォント関連

■結論
・タイトル日本語
  → Winはメイリオか游ゴシック、Macヒラギノ角ゴか游ゴシック
  → Adobeで小塚ゴシック、りょうゴシック
  → Noto Sans CJK JP 英数プロポーショナルで7ウェイト。M+ 1c(斜体可)もok
・タイトル英語
  → Win ならTahomaやSegoe UI、MacならHelvetica Neue。AvenirやMyriadも良い。
・長文日本語
  → Winなら游明朝、Macならヒラギノ明朝
  → Adobeで小塚ゴシック、りょうゴシック
  → IPAex明朝 英数字がプロポーショナル
・長文英語
  → WinならTimes New RomanMacならTimes
  → AdobeAdobe Garamond Pro や Adobe Caslon Pro、Adobe Hebrew


■ロジック
□書体を選ぶ時の4つの基準(視認性・可読性・判読性が大事)
1長文か短文か(タイトルか本文か)
2読みやすく綺麗な文字か
3太字斜体に対応してるか
4ユニバーサルデザイン

1長文か短文か(タイトルか本文か)
・日本語長文には可読性の高い「細い明朝体
 ゴシック > 明朝体、太い > 細い
・英語長文には可読性の高い「細いセリフ体」
 サンセリフ > セリフ(細いセリフ体)  ※太いセリフはサンセリフと変わらないので
 ※どうしてもサンセリフにしたい時はHelveticaなどの細いサンセリフを。
・プレゼン資料はゴシック体、サンセリフ体」が基本(視認性を重視)
・タイトルや見出しにはゴシック体、サンセリフ体。とりわけ「太いゴシック」

2読みやすく綺麗な文字か
・和文も欧文もシンプルなゴシック体で判読性を高める
 
3太字斜体に対応してるか
・太字がないとPC上で疑似ボールドされる。(メイリオ、M+ 1c、ヒラギノ角ゴが良い)
・斜体に対応した欧文書体を選ぶ
 斜体に対応していないフォント(例えば、Century)を無理に斜体にするので読みにくい。
 実際には欧文書体はほとんど斜体対応。日本語書体はほとんどが非対応なので斜めにしない。
 
4ユニバーサルデザイン
 濁点半濁点などが小さい文字サイズの時に判別不明になるのでユニバーサルデザイン書体(UD書体)が使えるなら使った方がいい。WinのメイリオはUDに近い。
 
□その他
・英文には等幅ではなくプロポーショナルを使う。
・英文には和文フォントを使わない。
・和欧混植ではアルファベットの書体に注意。※メイリオヒラギノ角ゴ、小塚ゴシックは欧文も美しい。
・タイトルなどの大きな文字は詰める。※連続ひらがな連続カタカナスカスカになるので。
・記号は詰める
・避けるべきはcentury MSゴシックMS明朝

■参考にさせていただいた記事

with my respect for 伝わるデザイン|研究発表のユニバーサルデザイン

PhotoStockサイト

自分用メモ
写真ストックサイト

 

f:id:lukemori:20170410215224p:plainBURST

フォント関連

 

フォントを自分用にメモ。
気になるものがありましたらリンク先へどうぞ。
フォントは著作物ですので、各フォントのライセンスを確認するのをお忘れなく。


Rounded Mgen+ Rounded Mgen+
HigashiOmeHigashiOme Gothic /HigashiOme Gothic C

GL-築地五号
GL-Runen (ルーン文字)

あおぞら明朝
源暎アンチック
源暎ラテゴ/源暎ラテミン
源暎ゴシック H-KL(Heavy Kana Large)

g_えんぴつ楷書フォント-教漢版
ぎゃーてーるみねっせんす
じゆうちょうフォント

機械彫刻用標準書体
みつバッチフォント

JKゴシックL
JKゴシックM

飴鞭ゴシック
飴鞭ラノベPOP

無心 -むしん-
ふんわりうさぎフォント
うたミンフォント
自家製 Rounded M+
源真ゴシック
源柔ゴシック
Mgen+
Rounded Mgen+

ほのか明朝
ほのか丸ゴシック
ほのかアンティーク丸
ほのかアンティーク角

JapanSans
みちます
ダーツフォント

けいふぉんと!
殴り書きクレヨン
仕事メモ書き
遊びメモ書き

851チカラヅヨク
851チカラヨワク

ニコモジ+(プラス)
ニコ角

キルゴU
魔方陣文様フォント: Magic Ring

ゆるもじ
ラノベPOP
フリーフォントやさしさアンチック
はれのそら明朝

こころ明朝体
はんなり明朝
プラネタリウム

うつくし明朝体+
かんじゅくゴシック
フロップデザインフォント

源ノ角ゴシック(Source Han Sans)


M+ FONTS
M+ BITMAP

ハッピールイカ
えれがんと

GD-高速道路ゴシック
たぬき油性マジック

PixelMplus
Ueten







スマートフォントUI
なごみ極細ゴシック
ロゴたいぷゴシック
コーポレート・ロゴ(転職サイトかと思った。。。)
刻明朝
刻ゴシック Light
851テガキカクット
フィバ字

 

f:id:lukemori:20170408204543p:plain AQUATICO Affogato
Akrobat
Mosk
PEACE SANS
Abyssopelagic
ARTYPA
ANURATI
Bravery

■参考にさせていただいた記事

2017年用、日本語のフリーフォント260種類のまとめ-商用サイトだけでなく紙や同人誌などの利用も明記
完全無料!デザインがかっこいい日本語16フォント!
デザインが楽しくなる、すごいフリーフォント56個まとめ 2017年3月度

写真使用ライセンス料

DeNAまとめ問題「迷惑料」1件千円の謎 被害者「ちょっと意味が…」 - withnews(ウィズニュース)という記事を拝見した。

写真のライセンス料について日本写真家ユニオンというところが使用料規定(PDF)というのを出している。わかりやすい。

アマナイメージズなんかはもっと細分化された料金規定になっていた。

自分用メモとして。

2分割デザインで使えそうなデザインcss

今回はcolissさんから。

流行りの2分割デザインで使えそう。

See the Pen PpdbZN by Yoshiki MORI (@luke_mori) on CodePen.

斜めヘッダー

珍しくferretから。

 

こんな感じの。


See the Pen bqKvLX by Yoshiki MORI (@luke_mori) on CodePen.