Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
My Yahoo! 背景テーマ デザインのルール<br />応募する人は必ず<br />読んでください<br />
INDEX<br />デザインを制作する前に<br />1-1. My Yahoo! とは?<br />2. どこをデザインするの?<br />2-1. ベースカラーの選択(シンプルカラー12色)<br />2-2. ヘッダーのルール<br /...
1. デザインを制作する前に<br />必ず、以下の内容を守ってご応募ください。<br />・作品を制作する際には、必ず、公募概要ページ(http://www.loftwork.com/blog/pickup/myyahoo/ )で配布されてい...
1-1. My Yahoo! とは?<br />My Yahoo! と 背景テーマ<br />My Yahoo!は、自分専用のページを作れる日本最大のカスタマイズサービスです。Yahoo! JAPANのサービスやコンテンツ、アプリ、およびインタ...
2. どこをデザインするの?<br />デザインするのは、黄色く色のついた要素のみです。<br />めやすとして、ヘッダー画像+ボディ画像1枚で40KBになるように制作してください。<br />ダミーコンテンツ + My Yahoo! ロゴ<b...
2-1. ベースカラーの選択(シンプルカラー 12色)<br />「シンプルカラー」12色の中からお好きなベースカラーを選んで、公募概要ページ<br /> (http://www.loftwork.com/blog/pickup/myyahoo...
2-2. ヘッダーのルール<br />・サイズ<br /> - 横幅970~1280 pix<br /> - 縦幅132 pix<br />・「(C)作者名」を入れることができます。<br />  中央よりも右側で、ダミーコンテンツやテキストな...
補足:グラデーションによるフェイドアウトのやり方<br />規定サイズ横幅970~1280pix × 縦幅132 pixの中で、どうしても、デザインを切りたい場合は、切れ目にグラデーションを入れてぼかしてください。<br />例)<br />横...
2-3. ボディのルール<br />C・Dどちらかのパターンで作成してください。<br />パターンC: ワンポイント(固定)<br />フッターの上に、ワンポイントでデザインを入れることができます。<br />パターンD: タイリング(全面)...
2-4. Yahoo! JAPAN ロゴのルール<br />ちゃんと<br />守ってね<br />
3. オススメ:より「ぴったりな」背景テーマを作るために<br />実際にMy Yahoo!を使って、様々な背景テーマを試しながら、研究しましょう。<br />http://my.yahoo.co.jp/<br />「My Yahoo! の設定...
Prochain SlideShare
Chargement dans…5
×

My Yahoo! 背景テーマ デザインのルール

2 727 vues

Publié le

ロフトワークドットコム www.loftwork.com

  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

My Yahoo! 背景テーマ デザインのルール

  1. 1. My Yahoo! 背景テーマ デザインのルール<br />応募する人は必ず<br />読んでください<br />
  2. 2. INDEX<br />デザインを制作する前に<br />1-1. My Yahoo! とは?<br />2. どこをデザインするの?<br />2-1. ベースカラーの選択(シンプルカラー12色)<br />2-2. ヘッダーのルール<br /> >>補足:グラデーションによるフェイドアウトのやり方<br />2-3. ボディのルール<br />2-4. Yahoo! JAPAN ロゴのルール<br />3. オススメ:より「ぴったりな」背景テーマを作るために<br />
  3. 3. 1. デザインを制作する前に<br />必ず、以下の内容を守ってご応募ください。<br />・作品を制作する際には、必ず、公募概要ページ(http://www.loftwork.com/blog/pickup/myyahoo/ )で配布されているPSD形式のテンプレートファイル(12種類)のどれかを使用して制作してください。<br />・作品応募時はJPEG、PNG、GIFいずれのファイル形式で、1枚の画像を提出してください。採用決定後は、PSD形式(CS4以下)でレイヤーが分割された状態のファイルをご提出いただきます。<br /> 制作時に使用したPSDファイルは、レイヤーを統合せず取っておいてください<br />・必ず、公募概要ページ内の「応募方法」に沿ってご応募ください。特に、応募用の「テーマタグ」を入力することを忘れると、応募が完了しませんので、ご注意ください。<br />・公募概要ページ内の「許諾事項」を必ずお読みください。<br />
  4. 4. 1-1. My Yahoo! とは?<br />My Yahoo! と 背景テーマ<br />My Yahoo!は、自分専用のページを作れる日本最大のカスタマイズサービスです。Yahoo! JAPANのサービスやコンテンツ、アプリ、およびインターネット上のブログや各種ニュースサイトのRSSなど、好きな情報を組み合わせたあなただけのページを作ることができます。  <br />  My Yahoo!で実際にカスタマイズを体験してみる http://my.yahoo.co.jp/ <br />そして、My Yahoo! では、背景テーマを選択することでページデザインを自分好みに変えることができます。<br />今回つくるのは、<br />この背景テーマの<br />デザインだよ!<br />
  5. 5. 2. どこをデザインするの?<br />デザインするのは、黄色く色のついた要素のみです。<br />めやすとして、ヘッダー画像+ボディ画像1枚で40KBになるように制作してください。<br />ダミーコンテンツ + My Yahoo! ロゴ<br />※ 編集不可<br />ヘッダー + コピーライト(任意)<br />MY Yahoo!<br />ボディ<br />コンテンツの<br />中身はデザイン<br />対象外だよ<br />コンテンツの要素の色を12色のベースカラーから選択します<br />
  6. 6. 2-1. ベースカラーの選択(シンプルカラー 12色)<br />「シンプルカラー」12色の中からお好きなベースカラーを選んで、公募概要ページ<br /> (http://www.loftwork.com/blog/pickup/myyahoo/)よりテンプレートをダウンロードしてください。<br />ダミーコンテンツ、Yahoo! JAPANロゴ、フッター部分は編集不可です。<br />My Yahoo!スタイル<br />ブルー<br />ピンク<br />オレンジ<br />グリーン<br />グレー<br />パープル<br />アクアブラック<br />クリアミント<br />シンプル<br />シンプルブラック<br />チェリーピンク<br />
  7. 7. 2-2. ヘッダーのルール<br />・サイズ<br /> - 横幅970~1280 pix<br /> - 縦幅132 pix<br />・「(C)作者名」を入れることができます。<br />  中央よりも右側で、ダミーコンテンツやテキストなどと重ならない箇所に入れてください。<br />・デザインパターンは以下のA・Bのどちらかを選びます。<br />132pix<br />(C)loft-taro<br />970~1280pix<br />パターンB: くりかえし<br />画面幅いっぱいに、同じ画像がくりかえしで表示されます<br />パターンA: 1枚絵(固定)<br />1枚絵で固定された絵が表示されます。画面幅がヘッダーの画像幅超えると、左右にヘッダー部分の背景色が現れます。<br />NG例:規定サイズ内で大きく切れてしまうデザイン<br />どうしても切れてしまう場合は、切れ目にグラデーションを入れてフェードアウトしてください。(詳細は次ページ参照)<br />NG例:Yahoo! ロゴと大きく重なるデザイン<br />画像がYahoo! のロゴの後ろに重なり、ロゴの視認性が悪くなってしまいます。<br />×<br />×<br />My Yahoo!<br />×<br />
  8. 8. 補足:グラデーションによるフェイドアウトのやり方<br />規定サイズ横幅970~1280pix × 縦幅132 pixの中で、どうしても、デザインを切りたい場合は、切れ目にグラデーションを入れてぼかしてください。<br />例)<br />横幅970pix<br />(C)loftwork<br />切れてしまっている<br />(C)loftwork<br />グラデーションでぼかす<br />
  9. 9. 2-3. ボディのルール<br />C・Dどちらかのパターンで作成してください。<br />パターンC: ワンポイント(固定)<br />フッターの上に、ワンポイントでデザインを入れることができます。<br />パターンD: タイリング(全面)<br />ページ全面に、同じ画像がくりかえしで表示されます。タイリングのサイズ規定は特にありません。<br />ワンポイントの<br />場合は、背景色も<br />入れてね<br />一枚の画像を全面で繰り返す<br />(実際は継ぎ目は見えません)<br />
  10. 10. 2-4. Yahoo! JAPAN ロゴのルール<br />ちゃんと<br />守ってね<br />
  11. 11. 3. オススメ:より「ぴったりな」背景テーマを作るために<br />実際にMy Yahoo!を使って、様々な背景テーマを試しながら、研究しましょう。<br />http://my.yahoo.co.jp/<br />「My Yahoo! の設定」から、様々な背景テーマを<br />試すことができます。「シンプルカラー」では<br />12色のベースカラーを実際に試すこともできます。<br />

×