DESIGN IT YOURSELF.

BUROKI


top

design

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

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

graphic

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

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

2019.04.09.

スポンサーリンク

スポンサーリンク

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

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

フラットデザインとは?

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

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

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

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

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

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

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

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

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

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

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

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

graphic

学校法人様向けに制作した展示会用A1ポスターデザイン

制作したのは2013年ごろだったと思いますが、今でもボクが「いいデザインしたな」と思えるポスターデザインを久しぶりに発掘したので制作実績として…

2021.04.17.

goods

のぼり刃物店さんの手ぬぐいデザイン。職人さんが使うことを想定して制作しました

少し前にのぼり刃物店さんの50周年ロゴデザインを紹介しました。 創業50周年を祝う。のぼり刃物店さんの周年ロゴデザイン この時にステッカーを制作…

2021.04.07.

graphic

トンマナを意識し明るい印象を与える。TBSラジオさんの媒体資料デザイン

日本で一番リスナーが多いラジオ局である「TBSラジオ」さん。 おそらく名前を聞いたことがないという人はほとんどいないと思います。 そんなTBSラジ…

2021.04.03.

logo

創業50周年を祝う。のぼり刃物店さんの周年ロゴデザイン

昨年はECサイトを制作させていただき、2019年にフリーランスになってからいろんな制作物をお任せくださっている「のぼり刃物店」さん。 のぼり刃物店…

2021.03.28.

graphic

よりオリジナリティを引き立てる。ビスケット風タイポグラフィデザイン

先日実績として紹介させてもらった「びすけっと保育園」のwebサイト。 梅田ディアモールで開催されたDIA CONNECT(ディアコネクト)のロゴデザイン w…

2021.03.06.

web

やわらかい雰囲気で伝える。びすけっと保育園のwebデザイン

2021年の一番はじめのwebサイト制作実績となります。 昨年末にお話をいただき、2月10日に無事公開となった「企業主導型保育園 びすけっと東戸塚」。…

2021.02.26.

designをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル