[RUBY] Image couleur de conception Web

introduction

Nous créons actuellement une application originale. J'ai étudié le concept de teinte lors du montage du recto de la première page. Écrivez-le pour vous en souvenir même si vous l'oubliez.

Environnement de développement ruby 2.6.5 Rails 6.0.3.4

table des matières

  1. Effet de couleur
  2. Jeu de couleurs de l'application d'origine

1. Effet de couleur

Les couleurs utilisées dans la conception Web doivent être sélectionnées en fonction de leur objectif. Il est important de se tenir du point de vue de l'utilisateur qui utilise le site Web.

Rouge </ font>

Chaud, vitalité, avertissement </ font>

Orange </ font>

Intimité, gaie

Jaune </ font>

Curieux, coopération

vert </ font>

Nature, détendez-vous

bleu </ font>

Froid, tranquillité, honnêteté </ font>

Violet </ font>

Tard, dignité

Rose </ font>

Doux et mignon

marron </ font>

Stabilité, confiance, histoire

2. Jeu de couleurs de l'application d'origine

L'application d'origine est à peu près divisée en deux fonctions. Mis en œuvre pour que chaque lien puisse être transféré de la page principale ・ Proposition de nettoyage aux utilisateurs ・ Partage d'images de bureau nettoyées

Le lien "Suggestions de nettoyage aux utilisateurs" a été rendu rougeâtre. Ceci est pour encourager le nettoyage (d'avertissement). «Partage d'images de bureau nettoyées» est bleu. Puisqu'il s'agit d'un bureau après le nettoyage, j'ai choisi le bleu pour donner une image de propreté. image.png

référence [Cours d'introduction à HTML-CSS et à la conception Web pour tout apprendre en un seul livre](https://www.amazon.co.jp/1%E5%86%8A%E3%81%A7%E3%81%99% E3% 81% B9% E3% 81% A6% E8% BA% AB% E3% 81% AB% E3% 81% A4% E3% 81% 8FHTML-CSS% E3% 81% A8Web% E3% 83% 87% E3% 82% B6% E3% 82% A4% E3% 83% B3% E5% 85% A5% E9% 96% 80% E8% AC% 9B% E5% BA% A7-Mana / dp / 4797398892 / ref = asc_df_4797398892 /? tag = jpo-22 & linkCode = df0 & hvadid = 295723231663 & hvpos = & hvnetw = g & hvrand = 14579486333190010068 & hvpone = & hvptwo = & hvqmt = / hvdev = c & hvd = cint & hvdoc Comment colorier avec Qiita Markdown [140 couleurs]