参考になるデザイン10選！SのMEMO-design ver-#28

お疲れ様です！
今週も更新します！SのMEMO！
今回は、会社の強みをみせるデザインを紹介します！

DESIGN❶

・ステップのデザインだが矢印部分などを変更することで、ポイントのデザインにも使用できる
・4つのポイントがラインで繋がっており流れがある
・アイコンも使用しメインでなにを指しているのか表すことで、ぱっと視覚に分かりやすい。詳細は線でつなぎ目線誘導。

DESIGN❷

・上記とはまた別の表現でポイントにつながりがあるデザイン
・こちらも目に見て分かりやすいアイコンを使用し、詳細を記載。
┗詳細も数字やタイトル、内容でフォントサイズやウェイトを変えることで情報に優先順位をつけている

DESIGN❸

・丸や視覚のシェイプが多い中、6角形は丸よりもスペースがあり、四角よりも横の余白が広くないのですっきり使用することができる。
┗単体でも複数でもデザイン性がある
・科学的なイメージもあるためスマートな印象にも○

DESIGN❹

・アイコンには色をつけず、円にカラーをつけて配置したデザイン
┗円でカラーをつけることでアクセントになる
・目線の流れに沿ってジグザグの構成

DESIGN❺

・角丸の帯に要素を配置した、立体感のあるデザイン
・数字を大きくみせることで目を引いている
・ポイント部分はオレンジで、詳細は白とカラーの使いわけ
・全体的に丸み有+境界線なしでポップよりなきれいめの印象

DESIGN❻

・斜めカットのシェイプが印象に残るデザイン
┗スタイリッシュ
・数字の数に合わせ、タイトルサイドのラインの本数を増やしている
・それぞれメインで使用する色とサブで使用する色味の系統を揃えることでまとまりが出る。

DESIGN❼

・インデックス風のユニークなデザイン
・見出し部分（ABC...）の位置をずらすことで、縦ながのスペースをうまく使っている。
・シャドウを取り入れることでレイヤー感もUP

DESIGN❽

・半透明さと細いラインに丸いシェイプがデジタルの印象を与えるスマートなデザイン
・数字の円の中の3つの点は（･･･）数字の数に合わせて色づけ
外側のライン上にある円も上部アイコンや下部のデータへの印になっている。
┗意味を持たせた円の使用

DESIGN❾

・先ほどまでのデザインよりもアイコンの線のウェイトが軽いことで、きれいめな印象。
・白との組み合わせで、数字が主張しすぎず内容がしっかり目に止まる。

DESIGN❿

・角丸四角形に、あえて枠外に装飾を設置。一部かぶせることでレイヤー感を出している。
・四角シェイプしたにシャドウをつけてるので、装飾はフラットにすることで、メリハリを。
┗レイヤーがあるため、シャドウなしにすることでバランスが整う

-END-