ウェブサイトの
イメージキャラクターデザイン
北海道情報大学 情報メディア学部
情報メディア学科 新井山ゼミ
0421104 金子 拓磨
今回の研究報告
• ウェブサイトのマスコットキャラクターデザイン
– 対象サイト:ugNews.net
• キャラクターを用いたウェブ素材の作成
– サイトのトップバナー
研究手順
キャラクターデザイン
• 基本的な形作り
– 提示されたデザインテーマ
• かわいい絵を描いてほしい
• 魔女
• 髪が長い
– サイトのコンセプトの把握
• オシャレな個人ニュースサイト
• ニーツオルグ・俺ニュースの流れを組むサイト
→ラフなスタイルの個人ニュースサイト
→プリミティブなスタイルの個人ニュースサイト
• イメージカラーは黒
研究手順
キャラクターデザイン
• 準備稿の作成
研究手順
キャラクターデザイン
• 依頼主との打ち合わせ
– 準備稿から決定稿へ
• 第一案がそのまま通過
開発成果
• キャラクターデザインの完成
*画像のロゴは既存のものを流用
研究手順
キャラクターの用途
• サイトバナー
– トップ用
– リンク用
• 様々な形での使用を企画中
– 今後も継続的に企画/制作予定
研究手順
トップバナーの制作
• ロゴは既存のものを流用
• イラストは新規描き起し
• 現行のバナーのコンセプトを尊重
– 現行のバナー
研究手順
トップバナーの制作
• コンセプトの決定
– 黒を基調
– コントラストを高く
• イラストの作成
開発成果
• トップバナーの完成
開発成果
• もう1つのパターンのバナーも本日完成
– 現在依頼主の返信待ち
開発成果
• バナーの元となったイラスト
評価
• 管理人gazo氏から好評価
• 各ニュースサイトの反応は皆無
考察
• デザインのインパクトが不足?
• ありきたりなデザイン
• 今後の展開が必要
– イラストを用いた素材の増加など
今後の課題
• キャラクターとサイトを連動させた企画の維持
– バナーのパターンを増加
– Etc…
次回の発表 イントロダクション
色彩工房の改良
主な改良予定
• コンテンツの強化
– カラーネームリスト
– 配色シミュレータの機能増強
• その他
– 誤字脱字の訂正
– 色以外の要素のシミュレート
• フォント
• 画像
• Etc…
Coming soon…
参考資料/素材
キャラクターデザイン
–
OTAKU×DESIGN 1
•
•
オタクとデザイン 著
2006年 12月
•
http://www.balcolony.com/otaku
design/
–
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
–
–
描き起こしイラスト
バナー
ダウンロード

キャラクターデザイン