design
またまた先月公開したwebサイト「ナノナノファクトリー」の制作関連の実績になるのですが・・。
ナノさんのwebサイト制作実績にも書いた通り、木工や木材へのレーザー加工を中心としたサービスを展開されているクライアントさまなので、「木工、手づくり感と工房感」を伝えられるようなサイトデザインを心がけて制作しました。
webサイトをつくっていく上でアイコンを用いることは訪問ユーザーを迷わせない、視覚的に伝えやすいといったメリットがあり、現代のwebサイトには欠かせないものになっています。
ですが、ボクは同じ意味を持つアイコンであったとしてもいろんなwebサイトで使い回すようなことは絶対にしません。アイコンひとつのデザインですらデザイン面からのブランディングに貢献できるはず・・。そんな考えからwebサイトを制作する毎にアイコンのデザインもすべてイチから制作させていただいています。
アイコンももちろんコンセプトに合わせたものをデザインする
各サービスを紹介するページの制作時にアイコンが必要になったので、まずはそのサービスを伝えるために、比較的わかりやすいイメージでアイコンを制作します。下記の画像は「看板・サイン制作サービス」を承っていることを伝えるために制作したアイコンです。
まずは看板のアイコンを制作(写真左)。木工なので立て看板のイメージでできるだけクセを省きながら誰でもわかるような形を意識してつくります。
左のアイコンからナノナノファクトリー用にオリジナリティを出すには、「木工や手作り、工房」というキーワードをヒントにどのような加工を施すことがいいのかを導き出します。今回は木工と馴染みの深いステンシル調の加工を施すことにしました。
ステンシルは基本的に文字をシートに転写し、カッターでシートを文字の形にカットし、スプレーや塗料をくり抜いたシート越しに塗装することで味のある加工を施すことができる技法です。
文字をくり抜くので、「O」や「4」などをそのままくり抜いてしまうと文字の中のスペースがなくなってしまうので、文字をカットしてくり抜けるようにする必要があります。この立て看板のアイコンは2箇所くり抜けないスペースがあるので、アイコンをそれぞれカットしました。ひとまずステンシル調のアイコンができました。
ステンシルアイコンをさらに加工する
このままでも充分オリジナリティのあるアイコンにはなっていますが、もう少しオリジナリティを出したい。
木材に文字やマークのレーザー加工を施した場合、マークの周辺に少し焦げたようなにじみができるんですね。そのにじみを少しでも表現できないか?と考え、アイコンの線も少し加工し、「にじみ」を表現することにしました。
グラフィックソフトのillustrator(イラストレーター)にてラフ加工と角を丸くする加工を施し、レーザー加工の風合いに少しでも近づけたアイコンが完成しました。
ひとつアイコンができたら他のアイコンも加工を合わせて、統一感を出すことを意識しつつ制作していきます。線の太さやサイズ感を全体的に合わせながらつくるとよりアイコンのデザインに統一感を出すことができます。
はじめましてBUROKIです。
ベンチャー企業にて11年間webやグラフィックデザインとブランディング経験を経て、2019年5月よりフリーランスデザイナーになりました。完全独学でフリーランスになった異色の経歴の持ち主だと思います(笑)
制作実績やインハウスデザイナーのことなど日々更新しています。デザイン制作のご依頼やお問い合わせなども受け付けてますので、なんでもお気軽にご相談ください。
ベンチャー企業でマスターデザイナーとして働いた後、フリーランスになりました。制作実績やインハウスデザイナーのことなど日々更新しています。制作のご依頼なども受け付けてますので、なんでもお気軽にご相談ください。
latest contents
最新コンテンツ一覧
categories
カテゴリ一覧
Design Ranking
人気デザインランキング
2日間ぶっ通しでつくった36枚のECサイト用バナーデザイン
2020.05.31.
最近制作したバナーデザインをまとめて公開vol.1
2021.08.09.
より統一感のある仕上がりに。webメディア「anna」の広告媒体資料デザインvo...
2020.07.10.
最近制作したバナーデザインをまとめて公開vol.2
2022.02.22.
数字を使ってユニークに見せる。プレゼン資料デザインその1
2019.02.07.
design ranking
人気デザインランキング
2日間ぶっ通しでつくった36枚のECサイト用バナーデザイン
2020.05.31.
最近制作したバナーデザインをまとめて公開vol.1
2021.08.09.
より統一感のある仕上がりに。webメディア「anna」の広告媒体資料デザインvo...
2020.07.10.
最近制作したバナーデザインをまとめて公開vol.2
2022.02.22.
数字を使ってユニークに見せる。プレゼン資料デザインその1
2019.02.07.