見出し画像

Microsoft Officeソフトの公式っぽい色を調べてみた

ずず | Webデザイナーを目指して

こんにちは、ずずです。
今回はMicrosoftの公式アイコンの色を調べていきます。

前回のSNS編も、たくさんの人に読んで頂けて嬉しいです😊
皆さんの1スキ1ビューに支えられております💕👀

今回参考にしたMicrosoftの公式サイトはこちら。ここからSVG形式でダウンロードできます。

前置き


スポイトツールを当てる位置は、図柄から2番目に濃い色とします。
イニシャルの下の色なら単一カラーだろう、とずっと思っていたのですが、
よーく見ると、ほんのーーりグラデーションが掛かってました😲

イラレの調子が悪かったので画像はFigmaです



これでは正確性に欠けるので、イニシャル下以外の図柄(こっちは全て単色)から採取します。

2番目に濃い場所を調べます

最近Twitter(Xとは言わない信条)を賑わせている、Google Chormアイコンが目の錯覚で単色なのに単色に見えなくなるから、あえてグラデーションをかけて単色に見せているというあの話と一緒で驚きました😲😲
そして自分で発見できてちょっぴり嬉しい✨
元ネタ↓


キャラクター化しちゃうネットのノリ、最高。

では、本編始めます。

Excel #107C41


Excelのアイコン

社会人の必須アイテムと言っても過言ではないツール。私もExcelが無ければ仕事が成り立ちません。
モチーフは表計算ツールらしく、セルを模しているようです。

Word #185ABD


Wordのアイコン


こちらも社会人の必須アイテム。レポート課題のある学生にとってもマストアイテムです。

なんのモチーフか分からないから解体してみた。が、ますます分からなくなる


Power Point #D35230


Power Pointのアイコン


図柄の円形の濃い色です。イニシャルより淡いので、#D35230から若干赤みを足した方が本物感があります。
たぶん円グラフモチーフですかね。

Outlook #0078D4


Outlookのアイコン


言わずと知れた連絡ツール。オンボロオフィスに勤める私は、未だにオレンジ色のOutlookを使っています🤭

ノスタルジーを感じる


モチーフは手紙です。解体してみると、手紙の蓋の部分まで作り込まれててびっくり😲
見えないところだからこそこだわる。魂は細部に宿る、というやつですね。

まさかと思い、パーツを動かしてみたら……

Teams　#5059C9


Teamsのアイコン


コロナ渦で急速に広まったミーティングツール。卒論の考査も就活の面接もTeamsでこなしました。
人間をモチーフにした図柄で、パッと見でなんとなく用途が伝わってきます。

まとめ


私はこの企画を「順番にイニシャルらへんの色を調べればいいんでしょ～楽勝よ～！」と、どこか軽く捉えていましたが、実際は驚きの連続でした。
特に薄っすら施されたグラデーション、とても興味深いです。こんな風にグラデーションを使いこなしてみたい…これからも頑張ります😤

いいなと思ったら応援しよう！