記事一覧
#1日1サイトレビュー 135 美味しい、楽しい、新しい!ペヤングのある日常 | ニコアンド
https://www.dot-st.com/cp/nikoand/202210product_zakka ◎フォント ・ヒラギノ角ゴシック ・Adso Adobe fontに存在してました!部活の時に使っていたデジタルのスト…
#1日1サイトレビュー 125 ラストマイルワークス株式会社
フォント ・Josefin Sans https://fonts.google.com/specimen/Josefin+Sans#about 見た目がほとんどFutura。 この書体のアイデアは、幾何学的でエレガント、そしてヴィン…
#1日1サイトレビュー 137 やさしい切りかた辞典 | 貝印
◎フォント
日本語はZen Kaku Gothic Newで数字や記号はBarlowで分けている
・KintoSans
・Zen Kaku Gothic New
・Barlow
◎カラー
◎トーン
ビビッド、ブライト、ペール(背景)
◎配色
上下は隣色、類似色相配色になっている。
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8
#1日1サイトレビュー 136 AtomsWorld|エネルギー革命を目指すトータルソリューショングループ
◎フォント
・Rajdhani
・游ゴシック体
◎カラー
◎トーン
ライト、ライトグレイッシュ、ペール
◎配色
三角形がそれぞれ中差色相配色
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)
◎配色技法
三角形がそれぞれトライアドになっている
◎ユニバーサルデザイン
誘目性・視認性・明視性・可読性
#1日1サイトレビュー 135 美味しい、楽しい、新しい!ペヤングのある日常 | ニコアンド
https://www.dot-st.com/cp/nikoand/202210product_zakka
◎フォント
・ヒラギノ角ゴシック
・Adso
Adobe fontに存在してました!部活の時に使っていたデジタルのストップウォッチのフォントににてる。レトロデジタルな雰囲気が一気に増すので、使用するシチュエーションによってはとても素敵なフォント!
◎カラー
◎トーン
ライト、ソフ
#1日1サイトレビュー 134 クラフトとレザーの新たな提案。|ロエベ 公式サイト
◎フォント
・LOEWE
・Noto Sans JP
◎カラー
◎トーン
ブラック、ダークグレイ、ライトグレイ、ブライト、ライト
◎配色
隣接色相配色
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)
◎配色技法
無彩色とブルーのトーンオントーン
◎ユニバーサルデザイン
誘目性・視認性・明視性・可
#1日1サイトレビュー 133 西山製麺 ドイツ法人
◎フォント
・DNP Shuei Gothic Kin Std - 400
・Shippori Mincho
・Roboto
◎カラー
◎トーン
ダークグレイッシュ、ダーク、グレイッシュ
◎配色
無彩色中心
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)
◎配色技法
無彩色中心だが、kvのタイト
#1日1サイトレビュー 132 Otherside
◎フォント
・Coanda
・Inter
・F37 Judge Compressed
◎カラー
◎トーン
ダークグレイッシュ、ソフト、ダル、ビビッド
◎配色
無彩色中心
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)
◎配色技法
モノトーン
◎ユニバーサルデザイン
誘目性・視認性・明視性・可読
#1日1サイトレビュー 131 CA BASE NEXT
◎フォント
・Montserrat
◎カラー
◎トーン
ブライト、ソフト、ストロング、ビビッド
◎配色
緑がメインカラーで補色のピンクが使われている。
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)
◎配色技法
fvだとダイアードかな。
◎ユニバーサルデザイン
誘目性・視認性・明視性・可読性・識別
#1日1サイトレビュー 130 重力から守るボディケアかるた
◎フォント
・Arial
・Helvetica
・Hiragino Kaku Gothic Pro N
◎カラー
◎トーン
ライトグレイッシュ、ソフト、ブライト
◎配色
赤紫周りの中差色相配色
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)
◎配色技法
背景はドミナントトーン配色。トーンが統一さ
#1日1サイトレビュー 129 はたらくおとなのビーミング
◎フォント
・Proxima Nova
・Ryo gothic plusn
◎カラー
◎トーン
ソフト
◎配色
中差色相配色と無彩色
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)
◎配色技法
基本はモノトーン。
写真が映える。
写真はナチュラルな感じ。
◎ユニバーサルデザイン
誘目性・視認性・
#1日1サイトレビュー 128 株式会社FUNDINNO
◎フォント
・din-condensed
・Noto Sans JP
◎カラー
◎トーン
ビビッド、ブライト、ライト、ペール
◎配色
類似と補色の組み合わせ
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)
◎配色技法
背景はドミナントカラー配色で、トーンオントーン配色
朝日やボールは補色になってい
#1日1サイトレビュー 127 UZUZ
◎フォント
・CoalhandLuke TRIAL
・Hiragino Kaku Gothic Pro
・DINPro-Bold
◎カラー
◎トーン
ビビッド、ブライト、ライト
◎配色
基本は類似+無彩色
同一色相配色(0)隣接色相配色(1)類似色相配色(2-3)
中差色相配色(4-7)対照色相配色(8-10)補色色相配色(11-12)
◎配色技法
背景はドミナントカラー配色で、ト
#1日1サイトレビュー 126 ⽬⽩⼤学まるわかりサイトメジナビ
すごい、期間があいてしまった。
最近、WebGLスクールにも参加していてその数学にかなり苦戦をしている。という言い訳をする。
色彩検定2級で勉強した内容をサイトレビューに反映した。
せっかく勉強した内容を無駄にしないように。
不要な作業が増えている、プログラマーなので自動化しなくちゃ。
◎フォント
文字がほとんどSVGとか画像になっている。
それ以外はHiragino Sans
◎カラー
配色技法の一覧表を作りました
最近、色彩検定2級の勉強をしていて、これはサイトレビューに使えると思ったので一覧を作りました。
今後のサイトレビューに活用できればと思っています。
使っている参考書はこちらです↓
#1日1サイトレビュー 125 ラストマイルワークス株式会社
フォント
・Josefin Sans
https://fonts.google.com/specimen/Josefin+Sans#about
見た目がほとんどFutura。
この書体のアイデアは、幾何学的でエレガント、そしてヴィンテージ感のある、大きなサイズでの使用を想定したものである。1920年代の幾何学的なサンセリフのデザインにインスパイアされている。ベースラインからキャップハイトまでの高