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

提供:Wiki@KDS
ナビゲーションに移動 検索に移動
編集の要約なし
編集の要約なし
12行目: 12行目:
</div>
</div>


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


24行目: 24行目:
</div>
</div>


==デザイン前準備==
==デザイン前準備・資料集め==
===素材作成===
===素材作成===
<div class="example">
<div class="example">
・後日に役立ちそうなデザイン素材を予め作っておく。<br>
'''素材の事前準備'''<br>
・後日に役立ちそうなデザイン素材を予め作っておく。効率化や質の向上のため。<br>
・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン
・例・・・イラスト(王冠、リボン、ピクトグラム)、アイコン、ボタン、見出し、飾り罫、パターン
</div>
</div>
33行目: 34行目:
===キャプチャ収集===
===キャプチャ収集===
<div class="example">
<div class="example">
・デザインの参考になりそうなページのキャプチャを収集しておく。<br>
・他サイトから、参考になりそうなページデザインのキャプチャを収集する。<br>
・キャプチャ置き場:<em>WEBworks/001_タカシマヤ/001_takashimaya.co.jp/source/co.jp/チームデザイン/[他サイト参考]デザイン</em><br>
・キャプチャ置き場:<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/ ディノス]
<br>
</div>
 
===バナー収集===
<div class="example">
・他サイトから、参考になりそうなバナーや看板イメージを収集する。<br>
・画像置き場:<em>WEBworks/デザインチーム/他サイトのバナー</em>
</div>
 
※現在、キャプチャ閲覧/管理ツールを作っています。
※現在、キャプチャ閲覧/管理ツールを作っています。
</div>
 


==資料作り==
==資料作り==
54行目: 62行目:
<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>
65行目: 73行目:
===記事紹介===
===記事紹介===
<div class="example">
<div class="example">
ウェブ関連の記事で、良質な内容があればwikjで紹介する。
ウェブ関連の記事で、良い内容があれば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で紹介する。
ウェブ関連記事より、各ページに移動して更新してください。

外に出る

セミナー参加

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