見出し画像

Tech Academy の受講メモ 第2回

皆様おはようございます🌞
とってもいい天気です🌞🌞🌟

外温23度くらいですが、長袖でポカポカするこのくらいの気温が丁度いいです…。

『”WEBデザイン”学習記録 ひとことメモ』として
学習して大事だと思った感想、学習noteを残します。
興味ある方どうぞ。


『”WEBデザイン”学習記録 ひとことメモ②』

★WEBデザインの原則〜配色・タイポグラフィについて〜
・レイアウトの基本原則:近接/整列/反復/コントラスト
・バランスの良い配色比率:ベースカラー70%、サブカラー25%、アクセントカラー5%

レイアウトでは、情報をグループ化することを意識し、ユーザーにとって心地よいデザインを心がける。

※お役立ちリンク※

・WEB上の配色ツール
Adobe Color CC
HUE/360
ColorHexa
Paletton

・カラーコードの一覧を見る場合
WEB色見本 原色大辞典
NIPPON COLORS
DICデジタルカラーガイド

・アクセシビリティ
Web Content Accessibility Guidelines (WCAG) 2.0
Web Content Accessibility Guidelines(WCAG)とは、W3Cが策定している、アクセシビリティに関する方針です。
Webサイトを新規で制作する場合、および、既存のコンテンツを更新する場合には、WCAGを用いることが推奨されている。
(現在、WCAGのバージョンは、2.0)

・インタラクション
インタラクション
インタラクションとは、英語の「inter(相互に)」と「action(作用)」を組み合わせた造語です。

・デザインアワード
CSS Design Awards
The FWA Awards
Awwwards
海外では、優れたUI/UX(ユーザーインターフェイス/ユーザーエクスペリエンス・体験)や革新的な作品を表彰する、国際的なWebデザイン・開発アワードがある

・デザインガイドライン
Google Visual Assets Guidelines - Part 1
Slack
Facebook
Mailchimp
Dropbox
Pinterest

・デザインシステム
MATERIAL DESIGN
Apple Developer
Fluent Design System
Mozilla


以上です。第3回に続きます(ू•‧̫•ू⑅)🌟



この記事が気に入ったらサポートをしてみませんか?