「デザインの仕事がないときにやることリスト」の版間の差分
編集の要約なし |
編集の要約なし |
||
| (同じ利用者による、間の4版が非表示) | |||
| 1行目: | 1行目: | ||
<div id="manual"> | <div id="manual"> | ||
デザイナーの仕事がないとき、何をすべきかのまとめ。自分から積極的にアウトプットした方が有意義ですよ。<br><br> | |||
==個人勉強・スキルアップ== | ==個人勉強・スキルアップ== | ||
===専門知識の習得・読書=== | |||
<div class="example"> | |||
・専門知識や関連知識の勉強をする。 | |||
</div> | |||
===ソフト(Photoshop・Illustrator)のスキルアップ=== | |||
<div class="example"> | |||
・本などを参考にして、スキルやテクニックを磨く。 | |||
</div> | |||
===仮想ページのデザイン=== | |||
<div class="example"> | |||
'''デザイン練習用課題をこなす'''<br> | |||
・トレーニング用の原稿依頼書/素材(要件定義、ワイヤーフレーム、写真)から、ページデザインを行う。<br> | |||
・トレーニング用の原稿一式を作成する。 | |||
</div> | |||
<div class="example"> | <div class="example"> | ||
''' | '''仮想リニューアル'''<br> | ||
・特定サイトを対象として、勝手に仮想リニューアルを行う。 | |||
・キャプチャ置き場:<em>WEBworks/ | </div> | ||
==デザイン前準備・資料集め== | |||
===素材作成=== | |||
<div class="example"> | |||
'''素材の事前準備'''<br> | |||
・後日役立ちそうなデザイン素材を予め作っておく。効率化や質の向上のため。<br> | |||
・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン | |||
</div> | |||
===キャプチャ収集=== | |||
<div class="example"> | |||
・他サイトから、参考になるページデザインのキャプチャを収集する。<br> | |||
・キャプチャ置き場:<em>WEBworks/000_共通データ/デザインチーム/他サイトのキャプチャ</em><br> | |||
・キャプチャ取るのはFirefoxのアドオン「[https://addons.mozilla.org/ja/firefox/addon/1146 Screen Grab]」がおすすめ。<br> | ・キャプチャ取るのはFirefoxのアドオン「[https://addons.mozilla.org/ja/firefox/addon/1146 Screen Grab]」がおすすめ。<br> | ||
・特集ページであれば、以下のサイトあたりが参考になります。<br> | |||
例・・・[http://www.rakuten.co.jp/ 楽天]、[http://event.yahoo.co.jp/ Yahoo!特集]、[http://www.bellemaison.jp/ ベルメゾン]、[http://www.nissen.co.jp/ ニッセン]、[http://www.dinos.co.jp/ ディノス] | |||
</div> | |||
===バナー収集=== | |||
< | <div class="example"> | ||
・他サイトから、参考になるバナーや看板イメージを収集する。<br> | |||
・画像置き場:<em>WEBworks/000_共通データ/デザインチーム/他サイトのバナー</em> | |||
< | |||
</ | |||
</div> | </div> | ||
== | ※現在、キャプチャ閲覧/管理ツールを作っています。 | ||
==資料作り== | |||
===社内Wikiの更新=== | |||
<div class="example"> | <div class="example"> | ||
・業務上、知っておくと役立ちそうなテーマを見つけ、それを調べてwikiにまとめる。<br> | |||
・個人が得た知識は社内に還元する。Wikiでアウトプットすれば、「自分の知識レベル向上」&「社内の知識レベル向上」の相乗効果が見込める。<br> | |||
・たとえば、以下のページなどを更新するとか。<br> | |||
例・・・[[仕事お役立ち]]、[[WEB用語辞典]]、[[ウェブ関連記事]]、[[Photoshopの使い方]]、[[フレームワーク]]、[[ビジュアルデザイン ガイドライン]]、[[デザイン関連のミス事例]]、[[ユーザビリティクイズ]]、[[発想法]] | |||
</div> | </div> | ||
===クライアントへの説明資料=== | |||
== | |||
<div class="example"> | <div class="example"> | ||
・クライアントのウェブリテラシーレベルが浅いことはよくある。そういうケースでは分かりやすく説明して、より価値の出せるサイトになるよう調整することが要求される。<br> | |||
・担当のディレクターが説明しやすいように、素人でも理解できる資料を作成する。<br> | |||
例・・・ウェブメディアの特性、紙媒体との違い、ユーザー環境の違い、文字の見え方の違い、ユーザーが操作するメディアなど | |||
</div> | </div> | ||
==ポートフォリオ化== | ==ポートフォリオ化== | ||
===過去の自社制作物をキャプチャ保存=== | |||
<div class="example"> | <div class="example"> | ||
'''タカシマヤ案件のポートフォリオ'''<br> | '''タカシマヤ案件のポートフォリオ'''<br> | ||
・タカシマヤ案件のキャプチャは[[鈴木雅俊]]さんが収集しています。制作時の参考にしてください。<br> | |||
置き場所:<em>WEBworks/ | 置き場所:<em>WEBworks/000_共通データ/デザインチーム/Portfolio</em><br> | ||
<br> | <br> | ||
'''特集ページや企画ページのポートフォリオ'''<br> | '''特集ページや企画ページのポートフォリオ'''<br> | ||
置き場所:<em>WEBworks/ | ・自社でデザインした楽天などの特集ページはこちら。<br> | ||
置き場所:<em>WEBworks/000_共通データ/デザインチーム/Portfolio_特集・企画ページ</em> | |||
</div> | </div> | ||
== | |||
==Web関連の記事紹介== | |||
===記事紹介=== | |||
<div class="example"> | <div class="example"> | ||
・ウェブ関連の記事で、良い内容があればWikiで紹介する。<br> | |||
・[[ウェブ関連記事]]より、各ページに移動して更新してください。 | |||
< | |||
</div> | </div> | ||
==外に出る== | ==外に出る== | ||
===セミナー参加=== | |||
<div class="example"> | <div class="example"> | ||
・参加したいセミナー等があれば、会社(上司)に申請してください。承認されれば、お金が会社から出ます。 | |||
</div> | </div> | ||
</div> | </div> | ||
2010年4月5日 (月) 10:25時点における最新版
デザイナーの仕事がないとき、何をすべきかのまとめ。自分から積極的にアウトプットした方が有意義ですよ。
個人勉強・スキルアップ
専門知識の習得・読書
・専門知識や関連知識の勉強をする。
ソフト(Photoshop・Illustrator)のスキルアップ
・本などを参考にして、スキルやテクニックを磨く。
仮想ページのデザイン
デザイン練習用課題をこなす
・トレーニング用の原稿依頼書/素材(要件定義、ワイヤーフレーム、写真)から、ページデザインを行う。
・トレーニング用の原稿一式を作成する。
仮想リニューアル
・特定サイトを対象として、勝手に仮想リニューアルを行う。
デザイン前準備・資料集め
素材作成
素材の事前準備
・後日役立ちそうなデザイン素材を予め作っておく。効率化や質の向上のため。
・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン
キャプチャ収集
・他サイトから、参考になるページデザインのキャプチャを収集する。
・キャプチャ置き場:WEBworks/000_共通データ/デザインチーム/他サイトのキャプチャ
・キャプチャ取るのはFirefoxのアドオン「Screen Grab」がおすすめ。
・特集ページであれば、以下のサイトあたりが参考になります。
例・・・楽天、Yahoo!特集、ベルメゾン、ニッセン、ディノス
バナー収集
・他サイトから、参考になるバナーや看板イメージを収集する。
・画像置き場:WEBworks/000_共通データ/デザインチーム/他サイトのバナー
※現在、キャプチャ閲覧/管理ツールを作っています。
資料作り
社内Wikiの更新
・業務上、知っておくと役立ちそうなテーマを見つけ、それを調べてwikiにまとめる。
・個人が得た知識は社内に還元する。Wikiでアウトプットすれば、「自分の知識レベル向上」&「社内の知識レベル向上」の相乗効果が見込める。
・たとえば、以下のページなどを更新するとか。
例・・・仕事お役立ち、WEB用語辞典、ウェブ関連記事、Photoshopの使い方、フレームワーク、ビジュアルデザイン ガイドライン、デザイン関連のミス事例、ユーザビリティクイズ、発想法
クライアントへの説明資料
・クライアントのウェブリテラシーレベルが浅いことはよくある。そういうケースでは分かりやすく説明して、より価値の出せるサイトになるよう調整することが要求される。
・担当のディレクターが説明しやすいように、素人でも理解できる資料を作成する。
例・・・ウェブメディアの特性、紙媒体との違い、ユーザー環境の違い、文字の見え方の違い、ユーザーが操作するメディアなど
ポートフォリオ化
過去の自社制作物をキャプチャ保存
タカシマヤ案件のポートフォリオ
・タカシマヤ案件のキャプチャは鈴木雅俊さんが収集しています。制作時の参考にしてください。
置き場所:WEBworks/000_共通データ/デザインチーム/Portfolio
特集ページや企画ページのポートフォリオ
・自社でデザインした楽天などの特集ページはこちら。
置き場所:WEBworks/000_共通データ/デザインチーム/Portfolio_特集・企画ページ
Web関連の記事紹介
記事紹介
・ウェブ関連の記事で、良い内容があればWikiで紹介する。
・ウェブ関連記事より、各ページに移動して更新してください。
外に出る
セミナー参加
・参加したいセミナー等があれば、会社(上司)に申請してください。承認されれば、お金が会社から出ます。