> For the complete documentation index, see [llms.txt](https://yutakatay.gitbook.io/katapedia/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://yutakatay.gitbook.io/katapedia/doc/dezain.md).

# デザイン

## 色使い

### 割合

メインカラー 70%

サブカラー 25%

アクセントカラー 5%

### 色の種類

顕色系

マンセル色空間

シュヴリュール、オストワルト、ムーン＆スペンサー、ジャッド 色彩調和

## 色トレンド

Webサイト配色

<http://photoshopvip.net/archives/78800>

## ガイド

有名ブランドのガイドラインのまとめ

<http://coliss.com/articles/build-websites/operation/work/visual-identity-guidelines-for-ux-desiners.html>

## フォント

Googleフォントがカテゴライズされているので探しやすい

<http://coliss.com/articles/build-websites/operation/design/organize-google-fonts-font-library.html>

## 便利サイト

Webデザインの作業効率化に役立つWebサイト

<http://liginc.co.jp/web/design/47427>

### 色選び

* <https://www.colorhexa.com/>
* <http://hue360.herokuapp.com/>

<https://qiita.com/miwashutaro0611/items/7261c8597f1650575236>

## 色変換

256コードから16進コード

<http://www.calmar.ws/vim/256-xterm-24bit-rgb-color-chart.html>

16進コードからRGB

<http://www.peko-step.com/tool/tfcolor.html>

## マテリアルデザイン

### マテリアルデザインでやってはいけないこと

<https://saruwakakun.com/html-css/material/failure>

## アスキーアート

写真からアスキーアートを作る際に文字とかいろいろ指定できるサイト <https://asciiart.club/>