Closed7

エンジニアもこれくらい知ってた方がいいかも?なデザインの話

yorokyorok

前提

ここではデザイン ≒ 機能としてまとめる

「Design is not just what it looks like and feels like. Design is how it works.」

スティーブ・ジョブズ
https://www.clairworks.com/words/detail/195

目的を達成するためにどんなデザインが適しているのかを考え実践する

yorokyorok

タイポグラフィ

とは?

もともとは印刷物における文字の体裁(文字の書体、大きさ、行間、配列など)を整える活版印刷術のことを「タイポグラフィ」と呼んでいましたが、現在はその定義が印刷物のみに限らず文字に関するもの全般に広がっています。
タイポグラフィという用語は、大きく分けると2通りの意味で使われることが多いです。
・文字を読みやすく、美しく並べること
・文字をデザインとして扱うこと

https://chot.design/concept-of-design/4d5a68747b49/

フォントについて

ゴシック明朝セリフサンセリフ
それぞれの特徴(可読性誘導性)をなんとなく知っておくと幸せかも
https://321web.link/fonts-type/

yorokyorok

普段生きてる世界に溢れてる色はセンスがある人が「これだ!」って決めてるわけではない(そういうこともあるかもだけど)
色にも機能がある
色から受ける印象についても調べてみるといいかも

色彩センスのいらない配色講座

色って何・ベースメインアクセントの話
https://www.freelife.jp/useful-color#:~:text=5. ColorZilla-,1. 色彩センスのいらない配色講座,-色の3

yorokyorok

レイアウト

Webとかだとコンテンツの配置とかで迷う
その中で知っておくと良さそうなこと

今日からなんとなくの中央揃えは辞めよう

デザインの4原則
https://321web.link/design-4principles/
https://fare.blue/2020/03/design-4rule/

大事な余白や配置の話

https://tsutawarudesign.com/miyasuku4.html

デザインの4原則を実践したつもりが微妙な時は👇

https://zenn.dev/sdb_blog/articles/02-design-rule-yokunaranai

yorokyorok

その他読んでみてもいいかもしれないサイトたち

もうちょい詳細なデザインの要素と原則の話

https://webnaut.jp/design/620.html

ディーター・ラムス グッド・デザインの10の原則

https://www.vitsoe.com/jp/about/good-design

UIのお作法

https://note.com/okamotomai/n/n6bba0b892778

書体・字体・字形・フォント何が違う

https://www.mbe.co.jp/blog/c20

みんな大好き任天堂のUX ←オススメ

https://goodpatch.com/blog/uicrunch-13

このスクラップは24日前にクローズされました