[RUBY] Webdesign-Farbbild

Einführung

Wir erstellen derzeit eine originelle App. Ich habe das Konzept des Farbtons bei der Montage der Vorderseite der oberen Seite untersucht. Schreiben Sie es auf, damit Sie sich daran erinnern können, auch wenn Sie es vergessen haben.

Entwicklungsumgebung ruby 2.6.5 Rails 6.0.3.4

Inhaltsverzeichnis

  1. Farbeffekt
  2. Farbschema der Original-App

1. Farbeffekt

Die im Webdesign verwendeten Farben müssen entsprechend dem Zweck ausgewählt werden. Es ist wichtig, aus der Perspektive des Benutzers zu stehen, der die Website nutzt.

Rot </ font>

Heiß, Vitalität, Warnung </ font>

Orange </ font>

Intimität, fröhlich

Gelb </ font>

Neugierig, Zusammenarbeit

grün </ font>

Natur, entspannen

blau </ font>

Kälte, Ruhe, Ehrlichkeit </ font>

Lila </ font>

Spät, Würde

Pink </ font>

Weich und süß

braun </ font>

Stabilität, Vertrauen, Geschichte

2. Farbschema der Original-App

Die ursprüngliche Anwendung ist grob in die folgenden zwei Funktionen unterteilt. Implementiert, damit jeder Link von der oberen Seite überführt werden kann. ・ Reinigungsvorschlag an Benutzer ・ Freigabe gereinigter Schreibtischbilder

Der Link "Reinigungsvorschläge für Benutzer" wurde in "Rot" geändert. Dies soll die Reinigung fördern (Warnung). "Freigegebene Schreibtischbilder freigeben" ist blau. Da dies nach der Reinigung ein Schreibtisch sein soll, habe ich Blau gewählt, um ein Bild von Sauberkeit zu vermitteln. image.png

Referenz [Einführungskurs zu HTML-CSS und Webdesign, um alles in einem Buch zu lernen](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 = jpgo-22 & linkCode = df0 & hvadid = 295723231663 & hvpos = & hvnetw = g & hvrand = 14579486333190010068 & hvpone = & hvptwo = & hvqmt = / hvdev = c & hv = So färben Sie mit Qiita-Markdown [140 Farben]