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

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


==個人勉強・スキルアップ==
==個人勉強・スキルアップ==
*■個人のスキルアップ
===専門知識の習得・読書===
*■PhotoshopやIllustratorのスキルアップ
<div class="example">
*■他サイトの研究・分析
・専門知識や関連知識の勉強をする。
*■読書
</div>
 
===ソフト(Photoshop・Illustrator)のスキルアップ===
<div class="example">
・本などを参考にして、スキルやテクニックを磨く。
</div>
 
===仮想ページのデザイン===
<div class="example">
'''デザイン練習用課題をこなす'''<br>
・トレーニング用の原稿依頼書/素材(要件定義、ワイヤーフレーム、写真)から、ページデザインを行う。<br>
・トレーニング用の原稿一式を作成する。
</div>


==デザイン収集(キャプチャ集め)==
*■デザインの参考になりそうなページをキャプチャする。
<div class="example">
<div class="example">
'''キャプチャ集めについて'''<br>
'''仮想リニューアル'''<br>
・後日のデザイン資料や参考になりそうなページのキャプチャを取りましょう。忙しいときは探す余裕もないので。<br>
・特定サイトを対象として、勝手に仮想リニューアルを行う。
・キャプチャ置き場:<em>WEBworks/001_タカシマヤ/001_takashimaya.co.jp/source/co.jp/チームデザイン/[他サイト参考]デザイン</em><br>
</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>


<table border="0" cellpadding="15" cellspacing="15" class="address">
===バナー収集===
<tr>
<div class="example">
<td>[http://www.rakuten.co.jp/ 楽天]</td>
・他サイトから、参考になるバナーや看板イメージを収集する。<br>
<td>[http://event.yahoo.co.jp/ Yahoo!特集]</td>
・画像置き場:<em>WEBworks/000_共通データ/デザインチーム/他サイトのバナー</em>
<td>[http://www.bellemaison.jp/ ベルメゾン]</td>
<td>[http://www.nissen.co.jp/ ニッセン]</td>
<td>[http://www.dinos.co.jp/ ディノス]</td>
</tr>
</table>
</div>
</div>


==素材作り==
※現在、キャプチャ閲覧/管理ツールを作っています。
*■後日、デザイン時に使えそうな素材を予め作成する。
 
 
==資料作り==
===社内Wikiの更新===
<div class="example">
<div class="example">
'''作っておくと後日に役立ちそうなものリスト'''<br>
・業務上、知っておくと役立ちそうなテーマを見つけ、それを調べてwikiにまとめる。<br>
・イラスト(王冠、リボン、ピクトグラム)<br>
・個人が得た知識は社内に還元する。Wikiでアウトプットすれば、「自分の知識レベル向上」&「社内の知識レベル向上」の相乗効果が見込める。<br>
・アイコン<br>
・たとえば、以下のページなどを更新するとか。<br>
・ボタン<br>
例・・・[[仕事お役立ち]]、[[WEB用語辞典]]、[[ウェブ関連記事]]、[[Photoshopの使い方]]、[[フレームワーク]]、[[ビジュアルデザイン ガイドライン]]、[[デザイン関連のミス事例]]、[[ユーザビリティクイズ]]、[[発想法]]
・見出し
・飾り罫<br>
・パターン
</div>
</div>


 
===クライアントへの説明資料===
==Web関連の記事紹介==
*■ウェブ関連の記事で、良い内容があればwikjで紹介する。
<div class="example">
<div class="example">
・[[ウェブ関連記事]]のページより、各ページに移動して更新してください。
・クライアントのウェブリテラシーレベルが浅いことはよくある。そういうケースでは分かりやすく説明して、より価値の出せるサイトになるよう調整することが要求される。<br>
・担当のディレクターが説明しやすいように、素人でも理解できる資料を作成する。<br>
例・・・ウェブメディアの特性、紙媒体との違い、ユーザー環境の違い、文字の見え方の違い、ユーザーが操作するメディアなど
</div>
</div>


==ポートフォリオ化==
==ポートフォリオ化==
*■過去の制作物をキャプチャする。
===過去の自社制作物をキャプチャ保存===
<div class="example">
<div class="example">
'''タカシマヤ案件のポートフォリオ'''<br>
'''タカシマヤ案件のポートフォリオ'''<br>
・現在、タカシマヤ案件のキャプチャは[[鈴木雅俊]]さんが収集しています。制作の参考に。<br>
・タカシマヤ案件のキャプチャは[[鈴木雅俊]]さんが収集しています。制作時の参考にしてください。<br>
置き場所:<em>WEBworks/001_タカシマヤ/001_takashimaya.co.jp/source/co.jp/Portfolio</em><br>
置き場所:<em>WEBworks/000_共通データ/デザインチーム/Portfolio</em><br>
<br>
<br>
'''特集ページや企画ページのポートフォリオ'''<br>
'''特集ページや企画ページのポートフォリオ'''<br>
置き場所:<em>WEBworks/001_タカシマヤ/001_takashimaya.co.jp/source/co.jp/Portfolio/特集・企画ページ</em>
・自社でデザインした楽天などの特集ページはこちら。<br>
置き場所:<em>WEBworks/000_共通データ/デザインチーム/Portfolio_特集・企画ページ</em>
</div>
</div>


==資料作り==
 
*■社内wikiの更新
==Web関連の記事紹介==
===記事紹介===
<div class="example">
<div class="example">
・以下のページなどを更新してみてはいかがでしょうか。
・ウェブ関連の記事で、良い内容があればWikiで紹介する。<br>
<table border="0" cellpadding="15" cellspacing="15" class="address">
[[ウェブ関連記事]]より、各ページに移動して更新してください。
<tr>
<td>[[ウェブ関連記事]]</td>
<td>[[ビジュアルデザイン]]</td>
<td>[[WEB用語辞典]]</td>
<td>[[デザイン関連のミス事例]]</td>
<td>[[発想法]]</td>
<td>[[フレームワーク]]</td>
<td>企業サイト業種別リンクページ作成</td>
<td></td>
</tr>
</table>
</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で紹介する。
ウェブ関連記事より、各ページに移動して更新してください。

外に出る

セミナー参加

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