ウェブサイトのイメージキャラクターデザ

イン

北海道情報大学　情報メディア学部

情報メディア学科　新井山ゼミ0421104　金子　拓磨　

今回の研究報告

• ウェブサイトのマスコットキャラクターデザイン– 対象サイト： ugNews.net

• キャラクターを用いたウェブ素材の作成– サイトのトップバナー

研究手順キャラクターデザイン

• 基本的な形作り–提示されたデザインテーマ

• かわいい絵を描いてほしい• 魔女• 髪が長い

–サイトのコンセプトの把握• オシャレな個人ニュースサイト• ニーツオルグ・俺ニュースの流れを組むサイト→ラフなスタイルの個人ニュースサイト→プリミティブなスタイルの個人ニュースサイト

• イメージカラーは黒

• 準備稿の作成

研究手順キャラクターデザイン

• 依頼主との打ち合わせ–準備稿から決定稿へ

• 第一案がそのまま通過

研究手順キャラクターデザイン

開発成果• キャラクターデザインの完成

＊画像のロゴは既存のものを流用

• サイトバナー–トップ用–リンク用

• 様々な形での使用を企画中–今後も継続的に企画／制作予定

研究手順キャラクターの用途

• ロゴは既存のものを流用• イラストは新規描き起し• 現行のバナーのコンセプトを尊重

– 現行のバナー

研究手順トップバナーの制作

• コンセプトの決定–黒を基調–コントラストを高く

• イラストの作成

研究手順トップバナーの制作

開発成果• トップバナーの完成

開発成果• もう 1つのパターンのバナーも本日完成

–現在依頼主の返信待ち

開発成果• バナーの元となったイラスト

評価• 管理人 gazo 氏から好評価

• 各ニュースサイトの反応は皆無

考察• デザインのインパクトが不足？

• ありきたりなデザイン

• 今後の展開が必要–イラストを用いた素材の増加など

今後の課題• キャラクターとサイトを連動させた企画の維持–バナーのパターンを増加– Etc…

次回の発表　イントロダクション

色彩工房の改良

主な改良予定• コンテンツの強化

–カラーネームリスト–配色シミュレータの機能増強

• その他–誤字脱字の訂正–色以外の要素のシミュレート

• フォント• 画像• Etc…

Coming soon…

参考資料／素材　キャラクターデザイン

– OTAKU×DESIGN 　 1• オタクとデザイン　著• 2006 年 12 月• http://www.balcolony.com/otak

udesign/

– Kipple 01-04 総集編 • 原田たけひと　著• 2005 年 12 月• http://members3.jcom.home.ne

.jp/u1h/

– 魔女 – Wikipedia• http://ja.wikipedia.org/wiki/%E9

%AD%94%E5%A5%B3

既存バナーデザイン／ロゴデザイン

– タクミノセカイ。• http://tak-mi.sakura.ne.jp/

準備稿／決定稿／素材　準備稿

– 服– 顔– 総合イメージ– バナー案

決定稿– 決定稿

トップバナー A– 描き起こしイラスト– 試作– バナー

トップバナー B– 描き起こしイラスト– バナー