DESIGN IT YOURSELF.

BUROKI


top

design

  • top
  • design
  • よりオリジナリティを引き立てる。ステンシルのアイコンデザイン

よりオリジナリティを引き立てる。ステンシルのアイコンデザイン

graphic

  • top
  • design
  • よりオリジナリティを引き立てる。ステンシルのアイコンデザイン

よりオリジナリティを引き立てる。ステンシルのアイコンデザイン

2020.09.08.

スポンサーリンク

スポンサーリンク

またまた先月公開したwebサイト「ナノナノファクトリー」の制作関連の実績になるのですが・・。

ナノさんのwebサイト制作実績にも書いた通り、木工や木材へのレーザー加工を中心としたサービスを展開されているクライアントさまなので、「木工、手づくり感と工房感」を伝えられるようなサイトデザインを心がけて制作しました。

webサイトをつくっていく上でアイコンを用いることは訪問ユーザーを迷わせない、視覚的に伝えやすいといったメリットがあり、現代のwebサイトには欠かせないものになっています。

ですが、ボクは同じ意味を持つアイコンであったとしてもいろんなwebサイトで使い回すようなことは絶対にしません。アイコンひとつのデザインですらデザイン面からのブランディングに貢献できるはず・・。そんな考えからwebサイトを制作する毎にアイコンのデザインもすべてイチから制作させていただいています。

アイコンももちろんコンセプトに合わせたものをデザインする

各サービスを紹介するページの制作時にアイコンが必要になったので、まずはそのサービスを伝えるために、比較的わかりやすいイメージでアイコンを制作します。下記の画像は「看板・サイン制作サービス」を承っていることを伝えるために制作したアイコンです。

まずは看板のアイコンを制作(写真左)。木工なので立て看板のイメージでできるだけクセを省きながら誰でもわかるような形を意識してつくります。

左のアイコンからナノナノファクトリー用にオリジナリティを出すには、「木工や手作り、工房」というキーワードをヒントにどのような加工を施すことがいいのかを導き出します。今回は木工と馴染みの深いステンシル調の加工を施すことにしました。

ステンシルアイコン制作ステップその1
ステンシル調に加工する

ステンシルは基本的に文字をシートに転写し、カッターでシートを文字の形にカットし、スプレーや塗料をくり抜いたシート越しに塗装することで味のある加工を施すことができる技法です。

文字をくり抜くので、「O」や「4」などをそのままくり抜いてしまうと文字の中のスペースがなくなってしまうので、文字をカットしてくり抜けるようにする必要があります。この立て看板のアイコンは2箇所くり抜けないスペースがあるので、アイコンをそれぞれカットしました。ひとまずステンシル調のアイコンができました。

ステンシルアイコンをさらに加工する

このままでも充分オリジナリティのあるアイコンにはなっていますが、もう少しオリジナリティを出したい。

木材に文字やマークのレーザー加工を施した場合、マークの周辺に少し焦げたようなにじみができるんですね。そのにじみを少しでも表現できないか?と考え、アイコンの線も少し加工し、「にじみ」を表現することにしました。

ステンシルアイコン制作ステップその2
レーザー加工っぽく線を揺らす加工をする

グラフィックソフトのillustrator(イラストレーター)にてラフ加工と角を丸くする加工を施し、レーザー加工の風合いに少しでも近づけたアイコンが完成しました。

ひとつアイコンができたら他のアイコンも加工を合わせて、統一感を出すことを意識しつつ制作していきます。線の太さやサイズ感を全体的に合わせながらつくるとよりアイコンのデザインに統一感を出すことができます。

スポンサーリンク

BUROKI写真

BUROKI写真

はじめましてBUROKIです。

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

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

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

ご依頼・お問い合わせ

ご依頼・お問い合わせ

related contents

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

文鳥とデザイナー

スポンサーリンク

design list

デザイン作品一覧

graphic

2021年は丑年。牛乳石鹸をパロディした年賀状デザイン

昨年はwebサイトやロゴ、名刺を制作させてくださった福岡の木工集団ナノナノファクトリーさん。 昨年の11月ごろに2021年の年賀状デザインのご依頼も…

2021.01.07.

logo

漢字をモチーフにシンボルマークを考案したロゴデザイン

先月頭にご依頼をいただき、制作させていただいたワインバーのロゴデザインです。 見慣れない「驀(ばく)」という漢字をシンボルマークとして落とし…

2020.12.26.

graphic

デザイナーと謹賀新年のコラボ!?なタイポグラフィデザイン

今年も喪中なので年賀状の制作などはやらないのですが・・。 このwebサイトやSNSなどにちょっとした新年のご挨拶用に何か簡単なマークでもつくろうか…

2020.12.18.

logo

来年春にオープンする美容室「salon de chin」のロゴデザイン

数年前に通っていた美容室でボクのカットを担当してくださっていた美容師さんが、来年の春に独立されるとのことで制作させていただいたロゴデザイン…

2020.12.08.

logo

梅田ディアモールで開催されたDIA CONNECT(ディアコネクト)のロゴデザイ...

2018年の6月ごろのことですが、ハンドメイドのアクセサリーブランドたちの展示・販売イベントが梅田のディアモールで開催されました。 そのイベント…

2020.11.28.

graphic

ラベル用に制作したヴィンテージ風のタイポグラフィデザイン

インスタには何年か前に載せていたのですが、今でも意外と評判がいいこのタイポグラフィ。このwebサイトにはまだ載せていなかったので、改めて紹介し…

2020.11.18.

designをもっと見る

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

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

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

topトップページ

aboutブロキについて

designデザイン

voiceお客さまの声

blogブログ

films制作動画

cassetteカセットテープ

snsソーシャル