![見出し画像](https://assets.st-note.com/production/uploads/images/79063191/rectangle_large_type_2_1fe7e64a1fe1cc57918b141ea44e312f.png?width=1200)
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
Mailchimp
Dropbox
・デザインシステム
MATERIAL DESIGN
Apple Developer
Fluent Design System
Mozilla
以上です。第3回に続きます(ू•‧̫•ू⑅)🌟
この記事が気に入ったらサポートをしてみませんか?