DESIGN IT YOURSELF.

BUROKI


top

design

  • top
  • design
  • graphic
  • シンプルで直感的でわかりやすいアイコンデザイン

シンプルで直感的でわかりやすいアイコンデザイン

graphic

  • top
  • design
  • graphic
  • シンプルで直感的でわかりやすいアイコンデザイン

シンプルで直感的でわかりやすいアイコンデザイン

2019.04.09.

スポンサーリンク

スポンサーリンク

もはやwebサイトにはなくてはならないものとなっているアイコン。ボクが制作するサイトにもアイコンをよく使用します。視覚的にもかなりわかりやすいし、アイコンのデザインが統一されていると「このサイトしっかりしてるなー」という良い印象も与えることができますね。そのアイコンがどこかのサイトの素材ではなく、オリジナルであればあるほどより信用度も上がります。

このアイコンは法人様向けのデータ提供サービスを開始するにあたってLP(ランディングページ)や営業資料、フライヤーなど一貫してデザインを手掛けたときにつくったもので、当時流行していたフラットデザインを当サービスにも採用し、各媒体に統一感を持たせることを意識して制作しました。

フラットデザインとは?

「フラット」という言葉が平らであったり平坦なという意味なのですが、その意味そのまま、あまり起伏がなく平坦なデザインということで「フラットデザイン」と呼ばれています。今から約5年ほど前から流行しはじめたのですが、その背景には情報過多やシンプルで力強いものじゃないと伝わりにくいなどがあり、画面を通して見るものなのに立体的になっているのはおかしいという、本質的な話にも及んでいたと思われます。

そんなフラットデザインは今やwebでは主流となり、iPhoneを筆頭にスマホのアイコンにも採用されるようになりました。平坦ですがわかりやすく洗練されているように見えるデザインなので画面を通して見たときに違和感がないんですよね。特にボクくらいの世代はファミコン全盛期の頃を経験しているので余計に平坦なデザインが好きなのかもしれません。(笑)フラットデザインの対義語としては「リッチデザイン」がよく用いられます。

リッチデザインもその名のとおりカメラアイコンならカメラをそのままアイコンと使用したり、webページの背景に木の板を敷き詰めたりと豪華に見えるというか立体的な装飾がされているデザインのことです。昔のiPhoneのアイコンはかなり立体的でしたね。リッチデザインというとひと昔前の主流デザインという印象だと思います。

だいぶ話が逸れましたがこのアイコンもフラットデザインを採用し、よりシンプルにフラットになるように同じ太さの線のみで各役割のアイコンをデザインしました。この頃は線のカラーもできるだけおさえ、1色で統一させてつくるのが通常でしたが、流行は繰り返すのか、徐々にリッチデザインに近づいてきているような気がしますね。

実は現在制作中のwebサイトにもアイコンをふんだんに使用しているためかなりの数のアイコンを制作しています。サイト公開後にまた紹介できそうなら紹介しようと思っています。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)

制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。

ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

関連コンテンツ一覧
スポンサーリンク

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

graphic

削ろう会 大阪 交野大会のイベントロゴ、パンフレットデザインをお任せいただきまし...

先月の話になりますが、4月の12日と13日の二日間、大阪交野市で「削ろう会 全国大会 第41回 大阪 交野大会」というイベントがいきいきランド交野にて…

2025.05.03.

web

明朝体フォントをアクセントに。IVARA LEARNのランディングページデザイン

当サイトにwebの制作実績として紹介させていただいている実績は、基本的にデザインとコーディングの両方を担当させていただいた制作案件がメインなの…

2025.04.09.

graphic

黒の用紙に活版印刷でグレードアップ。株式会社FORGEの名刺デザイン

昨年の9月に制作実績にて紹介している株式会社FORGEさまの名刺デザイン。 ブランドの世界観をより引き立てる。株式会社FORGEの名刺デザイン 名刺のデ…

2025.04.01.

goods

創業54周年。のぼり刃物店さんのロゴデザインと缶バッジ&ステッカー

毎年恒例としてお任せいただいている制作物が、今年も完成。 きたる2025年4月1日(火)、いつもお世話になっている大阪府茨木市にあるのぼり刃物店さ…

2025.03.27.

graphic

数字で各特徴を視覚的に伝える。ハイブアイキューのフライヤーデザイン

会社員時代の元同僚が働いている株式会社ハイブアイキューさまから、会社の強みや特徴を伝えられるチラシをデザインしてほしいというご依頼をいただ…

2025.03.17.

graphic

LPの世界観をさらに広げる。キシヒロエステートのフライヤーデザイン

いつもお世話になっているパートナーの辻本さん(株式会社FORGE)からのご紹介で、昨年末に久しぶりの紙媒体のデザインを制作させていただきました。…

2025.02.25.

designをもっと見る

制作のご相談・お問い合わせはフォームから

デザインのご依頼や予算のご相談、お問い合わせなどお気軽にお問い合わせください。
また、書いてほしいブログのリクエストやファンレター(笑)もお待ちしております。

問い合わせフォームはこちら

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル