「デザインの仕事がないときにやることリスト」の版間の差分

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
1行目: 1行目:
<div id="manual">
<div id="manual">
デザイナーの仕事がないとき、何をすべきかのまとめ。自分から積極的にアウトプットした方が有意義ですよ。<br><br>


==個人勉強・スキルアップ==
==個人勉強・スキルアップ==
===専門知識の習得・読書===
===専門知識の習得・読書===
<div class="example">
<div class="example">
・ウェブ系の本を読み、知識を広げる。
・ウェブ系の本を読み、知識を広げる。<br>
→それを自分なりに編集して、Wikiなどにアウトプットすると力になる。デザイナーはアウトプットしてなんぼ。
</div>
</div>


===ソフト(Photoshop・Illustrator)のスキルアップ===
===ソフト(Photoshop・Illustrator)のスキルアップ===
<div class="example">
<div class="example">
・本などを参考にして、スキルを磨く。
・本などを参考にして、スキルやテクニックを磨く。
</div>
</div>


16行目: 18行目:
'''デザイン練習用課題をこなす'''<br>
'''デザイン練習用課題をこなす'''<br>
・トレーニング用の原稿依頼書/素材(要件定義、ワイヤーフレーム、写真)から、ページデザインを行う。<br>
・トレーニング用の原稿依頼書/素材(要件定義、ワイヤーフレーム、写真)から、ページデザインを行う。<br>
・または、その原稿一式を作成する人も募集中です。
・原稿一式を作成する人も大歓迎。
</div>
</div>


28行目: 30行目:
<div class="example">
<div class="example">
'''素材の事前準備'''<br>
'''素材の事前準備'''<br>
・後日に役立ちそうなデザイン素材を予め作っておく。効率化や質の向上のため。<br>
・後日役立ちそうなデザイン素材を予め作っておく。効率化や質の向上のため。<br>
・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン
・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン
</div>
</div>
34行目: 36行目:
===キャプチャ収集===
===キャプチャ収集===
<div class="example">
<div class="example">
・他サイトから、参考になりそうなページデザインのキャプチャを収集する。<br>
・他サイトから、参考になるページデザインのキャプチャを収集する。<br>
・キャプチャ置き場:<em>WEBworks/デザインチーム/他サイトのキャプチャ</em><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>
・特集ページであれば、以下のサイトあたりが参考になります。<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/ ディノス]
例・・・[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>


===バナー収集===
===バナー収集===
<div class="example">
<div class="example">
・他サイトから、参考になりそうなバナーや看板イメージを収集する。<br>
・他サイトから、参考になるバナーや看板イメージを収集する。<br>
・画像置き場:<em>WEBworks/デザインチーム/他サイトのバナー</em>
・画像置き場:<em>WEBworks/000_共通データ/デザインチーム/他サイトのバナー</em>
</div>
</div>


53行目: 55行目:
===社内Wikiの更新===
===社内Wikiの更新===
<div class="example">
<div class="example">
・業務上、知っておくと役立ちそうなテーマを見つけ、それを調べて、wikiにまとめる。<br>
・業務上、知っておくと役立ちそうなテーマを見つけ、それを調べてwikiにまとめる。<br>
・以下のページなどを更新する。<br>
・個人が得た知識は社内に還元する。Wikiでアウトプットすれば、「自分の知識レベル向上」&「社内の知識レベル向上」の相乗効果が見込める。<br>
[[仕事お役立ち]]、[[ウェブ関連記事]]、[[Photoshopの使い方]]、[[フレームワーク]]、[[ビジュアルデザイン ガイドライン]]、[[デザイン関連のミス事例]]、[[ユーザビリティクイズ]]、[[WEB用語辞典]]、[[発想法]]
・たとえば、以下のページなどを更新するとか。<br>
例・・・[[仕事お役立ち]]、[[WEB用語辞典]]、[[ウェブ関連記事]]、[[Photoshopの使い方]]、[[フレームワーク]]、[[ビジュアルデザイン ガイドライン]]、[[デザイン関連のミス事例]]、[[ユーザビリティクイズ]]、[[発想法]]
</div>
</div>
===クライアントへの説明資料===
<div class="example">
・クライアントのウェブリテラシーレベルが浅いことはよくある。そういうケースでは分かりやすく説明して、より価値の出せるサイトになるよう調整することが要求される。<br>
・担当のディレクターが説明しやすいように、素人でも理解できる資料を作成する。<br>
例・・・ウェブメディアの特性、紙媒体との違い、ユーザー環境の違い、文字の見え方の違い、ユーザーが操作するメディアなど
</div>


==ポートフォリオ化==
==ポートフォリオ化==
===過去の自社制作物をキャプチャ===
===過去の自社制作物をキャプチャ保存===
<div class="example">
<div class="example">
'''タカシマヤ案件のポートフォリオ'''<br>
'''タカシマヤ案件のポートフォリオ'''<br>
66行目: 77行目:
<br>
<br>
'''特集ページや企画ページのポートフォリオ'''<br>
'''特集ページや企画ページのポートフォリオ'''<br>
置き場所:<em>WEBworks/001_タカシマヤ/001_takashimaya.co.jp/source/co.jp/Portfolio/特集・企画ページ</em>
・自社でデザインした楽天などの特集ページはこちら。<br>
置き場所:<em>WEBworks/000_共通データ/デザインチーム/Portfolio_特集・企画ページ</em>
</div>
</div>


73行目: 85行目:
===記事紹介===
===記事紹介===
<div class="example">
<div class="example">
ウェブ関連の記事で、良い内容があればWikjで紹介する。<br>
・ウェブ関連の記事で、良い内容があればWikiで紹介する。<br>
・[[ウェブ関連記事]]より、各ページに移動して更新してください。
・[[ウェブ関連記事]]より、各ページに移動して更新してください。
</div>
</div>
80行目: 92行目:
===セミナー参加===
===セミナー参加===
<div class="example">
<div class="example">
・参加したいセミナー等があれば、会社(上司)に申請してください。承認されれば、お金が会社から出ます。たぶん。
・参加したいセミナー等があれば、会社(上司)に申請してください。承認されれば、お金が会社から出ます。
</div>
</div>


</div>
</div>

2010年3月8日 (月) 12:26時点における版

デザイナーの仕事がないとき、何をすべきかのまとめ。自分から積極的にアウトプットした方が有意義ですよ。

個人勉強・スキルアップ

専門知識の習得・読書

・ウェブ系の本を読み、知識を広げる。
→それを自分なりに編集して、Wikiなどにアウトプットすると力になる。デザイナーはアウトプットしてなんぼ。

ソフト(Photoshop・Illustrator)のスキルアップ

・本などを参考にして、スキルやテクニックを磨く。

仮想ページのデザイン

デザイン練習用課題をこなす
・トレーニング用の原稿依頼書/素材(要件定義、ワイヤーフレーム、写真)から、ページデザインを行う。
・原稿一式を作成する人も大歓迎。

仮想リニューアル
・特定サイトを対象として、勝手に仮想リニューアルを行う。

デザイン前準備・資料集め

素材作成

素材の事前準備
・後日役立ちそうなデザイン素材を予め作っておく。効率化や質の向上のため。
・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン

キャプチャ収集

・他サイトから、参考になるページデザインのキャプチャを収集する。
・キャプチャ置き場:WEBworks/000_共通データ/デザインチーム/他サイトのキャプチャ
・キャプチャ取るのはFirefoxのアドオン「Screen Grab」がおすすめ。
・特集ページであれば、以下のサイトあたりが参考になります。
例・・・楽天Yahoo!特集ベルメゾンニッセンディノス

バナー収集

・他サイトから、参考になるバナーや看板イメージを収集する。
・画像置き場:WEBworks/000_共通データ/デザインチーム/他サイトのバナー

※現在、キャプチャ閲覧/管理ツールを作っています。


資料作り

社内Wikiの更新

・業務上、知っておくと役立ちそうなテーマを見つけ、それを調べてwikiにまとめる。
・個人が得た知識は社内に還元する。Wikiでアウトプットすれば、「自分の知識レベル向上」&「社内の知識レベル向上」の相乗効果が見込める。
・たとえば、以下のページなどを更新するとか。
例・・・仕事お役立ちWEB用語辞典ウェブ関連記事Photoshopの使い方フレームワークビジュアルデザイン ガイドラインデザイン関連のミス事例ユーザビリティクイズ発想法

クライアントへの説明資料

・クライアントのウェブリテラシーレベルが浅いことはよくある。そういうケースでは分かりやすく説明して、より価値の出せるサイトになるよう調整することが要求される。
・担当のディレクターが説明しやすいように、素人でも理解できる資料を作成する。
例・・・ウェブメディアの特性、紙媒体との違い、ユーザー環境の違い、文字の見え方の違い、ユーザーが操作するメディアなど


ポートフォリオ化

過去の自社制作物をキャプチャ保存

タカシマヤ案件のポートフォリオ
・タカシマヤ案件のキャプチャは鈴木雅俊さんが収集しています。制作時の参考にしてください。
置き場所:WEBworks/000_共通データ/デザインチーム/Portfolio

特集ページや企画ページのポートフォリオ
・自社でデザインした楽天などの特集ページはこちら。
置き場所:WEBworks/000_共通データ/デザインチーム/Portfolio_特集・企画ページ


Web関連の記事紹介

記事紹介

・ウェブ関連の記事で、良い内容があればWikiで紹介する。
ウェブ関連記事より、各ページに移動して更新してください。

外に出る

セミナー参加

・参加したいセミナー等があれば、会社(上司)に申請してください。承認されれば、お金が会社から出ます。