HUMOR in DESIGN and CREATIVE.

BUROKI


top

BUROKI design

デザイン

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

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

graphic

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

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

2019.04.09.

スポンサーリンク

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

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

フラットデザインとは?

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

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

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

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

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

スポンサーリンク

BUROKI写真

BUROKI写真

はじめまして! BUROKIです。

ブログをご覧いただきどうもありがとうございます。ブロキと申します。ベンチャー企業のインハウスデザイナーとして11年間様々な媒体のデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います。(笑)

他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。

ブログをご覧いただきどうもありがとうございます。他にもいろんな作品の紹介やブログを書いてるのでぜひ見てみてください。制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談くださいね。

ご依頼・お問い合わせ

ご依頼・お問い合わせ

design list

デザイン作品一覧

web

new

元ラクビー日本代表・廣瀬俊朗さんが立ち上げた「株式会社HiRAKU」のwebサイトデザイン

元ラクビー日本代表・廣瀬俊朗さんが立ち上げた「株式会社HiRAKU」のwebサイ...

唐突ですが、日曜日に最終回を迎えたTBSドラマ「ノーサイド・ゲーム」をご覧になっていましたか? そのノーサイド・ゲームに出演していた元ラグビー…

2019.09.17.

logo

new

サイコロトークをもっと楽しむ!「ダイトーーク」のロゴデザイン

サイコロトークをもっと楽しむ!「ダイトーーク」のロゴデザイン

前職には毎朝の朝礼時にミニコーナーがあって、そのコーナー内でいろんなイベントというか、スタッフ全員が楽しめるような催し物をしていたんですね…

2019.09.13.

web

初心者でも壁収納ができる「RoomMakit」のランディングページデザイン

初心者でも壁収納ができる「RoomMakit」のランディングページデザイン

先週の金曜日にボクがフリーランスになる前に在籍していた会社のECサイトがリニューアルされました。ボクはリニューアルの話があった頃の6月から制作…

2019.09.09.

graphic

デザイナーが持つ名刺デザインは1種類だけじゃなくてもいいと思う

デザイナーが持つ名刺デザインは1種類だけじゃなくてもいいと思う

クライアントさまに渡す名刺は以前このサイトでも紹介した活版印刷で制作した名刺をお渡しさせていただいております。 しかし活版印刷名刺にはひとつ…

2019.09.01.

graphic

エレガントなカラーと要素でつくる。プレゼン資料デザインその4

エレガントなカラーと要素でつくる。プレゼン資料デザインその4

プレゼン資料のデザイン、どんなものがいいのか、それともプレゼン資料のデザインそのものを学びたいのかはわかりませんが、ボクのこのwebサイトで紹…

2019.08.24.

logo

工具とカフェのコラボ?DIY FACTORY cafeのロゴデザイン

工具とカフェのコラボ?DIY FACTORY cafeのロゴデザイン

2018年の冬ごろの話ですが、オリジナル商品(主に塗料関係)の開発のときに「カフェテイストのアイテムをシリーズにして売り出していこう」という流…

2019.08.11.

all design list

Latest contents

最新コンテンツ一覧

Do you like "B"?

最後まで見てくださって、本当にありがとうございます。

最後まで見てくださって、
本当にありがとうございます。

topトップページ

aboutブロキについて

designデザイン

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル