「デザインの仕事がないときにやることリスト」の版間の差分
編集の要約なし |
編集の要約なし |
||
| 12行目: | 12行目: | ||
</div> | </div> | ||
=== | ===仮想ページのデザイン=== | ||
<div class="example"> | <div class="example"> | ||
''' | '''デザイン練習用課題をこなす'''<br> | ||
・トレーニング用の原稿依頼書/素材(要件定義、ワイヤーフレーム、写真)から、ページデザインを行う。<br> | ・トレーニング用の原稿依頼書/素材(要件定義、ワイヤーフレーム、写真)から、ページデザインを行う。<br> | ||
・または、その原稿一式を作成する人も募集中です。 | |||
</div> | </div> | ||
| 24行目: | 24行目: | ||
</div> | </div> | ||
== | ==デザイン前準備・資料集め== | ||
===素材作成=== | ===素材作成=== | ||
<div class="example"> | <div class="example"> | ||
'''素材の事前準備'''<br> | |||
・後日に役立ちそうなデザイン素材を予め作っておく。効率化や質の向上のため。<br> | |||
・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン | ・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン | ||
</div> | </div> | ||
| 33行目: | 34行目: | ||
===キャプチャ収集=== | ===キャプチャ収集=== | ||
<div class="example"> | <div class="example"> | ||
・他サイトから、参考になりそうなページデザインのキャプチャを収集する。<br> | |||
・キャプチャ置き場:<em>WEBworks/ | ・キャプチャ置き場:<em>WEBworks/デザインチーム/他サイトのキャプチャ</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/ ディノス]<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/デザインチーム/他サイトのバナー</em> | |||
</div> | |||
※現在、キャプチャ閲覧/管理ツールを作っています。 | ※現在、キャプチャ閲覧/管理ツールを作っています。 | ||
==資料作り== | ==資料作り== | ||
| 54行目: | 62行目: | ||
<div class="example"> | <div class="example"> | ||
'''タカシマヤ案件のポートフォリオ'''<br> | '''タカシマヤ案件のポートフォリオ'''<br> | ||
・タカシマヤ案件のキャプチャは[[鈴木雅俊]]さんが収集しています。制作時の参考にしてください。<br> | |||
置き場所:<em>WEBworks/ | 置き場所:<em>WEBworks/000_共通データ/デザインチーム/Portfolio</em><br> | ||
<br> | <br> | ||
'''特集ページや企画ページのポートフォリオ'''<br> | '''特集ページや企画ページのポートフォリオ'''<br> | ||
| 65行目: | 73行目: | ||
===記事紹介=== | ===記事紹介=== | ||
<div class="example"> | <div class="example"> | ||
ウェブ関連の記事で、良い内容があればWikjで紹介する。<br> | |||
・[[ウェブ関連記事]] | ・[[ウェブ関連記事]]より、各ページに移動して更新してください。 | ||
</div> | </div> | ||
==外に出る== | ==外に出る== | ||
=== | ===セミナー参加=== | ||
<div class="example"> | <div class="example"> | ||
・参加したいセミナー等があれば、会社(上司)に申請してください。承認されれば、お金が会社から出ます。たぶん。 | |||
</div> | </div> | ||
</div> | </div> | ||
2010年3月8日 (月) 11:24時点における版
個人勉強・スキルアップ
専門知識の習得・読書
・ウェブ系の本を読み、知識を広げる。
ソフト(Photoshop・Illustrator)のスキルアップ
・本などを参考にして、スキルを磨く。
仮想ページのデザイン
デザイン練習用課題をこなす
・トレーニング用の原稿依頼書/素材(要件定義、ワイヤーフレーム、写真)から、ページデザインを行う。
・または、その原稿一式を作成する人も募集中です。
仮想リニューアル
・特定サイトを対象として、勝手に仮想リニューアルを行う。
デザイン前準備・資料集め
素材作成
素材の事前準備
・後日に役立ちそうなデザイン素材を予め作っておく。効率化や質の向上のため。
・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン
キャプチャ収集
・他サイトから、参考になりそうなページデザインのキャプチャを収集する。
・キャプチャ置き場:WEBworks/デザインチーム/他サイトのキャプチャ
・キャプチャ取るのはFirefoxのアドオン「Screen Grab」がおすすめ。
・特集ページであれば、以下のサイトあたりが参考になります。
楽天、Yahoo!特集、ベルメゾン、ニッセン、ディノス
バナー収集
・他サイトから、参考になりそうなバナーや看板イメージを収集する。
・画像置き場:WEBworks/デザインチーム/他サイトのバナー
※現在、キャプチャ閲覧/管理ツールを作っています。
資料作り
社内Wikiの更新
・業務上、知っておくと役立ちそうなテーマを見つけ、それを調べて、wikiにまとめる。
・以下のページなどを更新する。
仕事お役立ち、ウェブ関連記事、Photoshopの使い方、フレームワーク、ビジュアルデザイン ガイドライン、デザイン関連のミス事例、ユーザビリティクイズ、WEB用語辞典、発想法、
ポートフォリオ化
過去の自社制作物をキャプチャ
タカシマヤ案件のポートフォリオ
・タカシマヤ案件のキャプチャは鈴木雅俊さんが収集しています。制作時の参考にしてください。
置き場所:WEBworks/000_共通データ/デザインチーム/Portfolio
特集ページや企画ページのポートフォリオ
置き場所:WEBworks/001_タカシマヤ/001_takashimaya.co.jp/source/co.jp/Portfolio/特集・企画ページ
Web関連の記事紹介
記事紹介
ウェブ関連の記事で、良い内容があればWikjで紹介する。
・ウェブ関連記事より、各ページに移動して更新してください。
外に出る
セミナー参加
・参加したいセミナー等があれば、会社(上司)に申請してください。承認されれば、お金が会社から出ます。たぶん。