1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 2<!-- saved from url=(0074)file:///C:/Users/N1794/Desktop/DlplayIcon_00/DlplayIcon_00/DlplayIcon.html --> 3<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Download Play Icon</title> 4 5<meta http-equiv="Content-Style-Type" content="text/css"> 6<style type="text/css">BODY { 7 FONT-WEIGHT: normal; MARGIN: 8px; COLOR: #000000 8} 9DIV { 10 WIDTH: 98%; WHITE-SPACE: nowrap 11} 12DIV.title { 13 BORDER-RIGHT: #CD202C 8px double; PADDING-RIGHT: 4px; BORDER-TOP: #CD202C 8px double; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 150%; PADDING-BOTTOM: 4px; MARGIN: 4px; BORDER-LEFT: #CD202C 8px double; COLOR: #202020; PADDING-TOP: 4px; BORDER-BOTTOM: #CD202C 8px double; TEXT-ALIGN: left 14} 15H1 { 16 FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN-BOTTOM: 20px; PADDING-BOTTOM: 1px; BORDER-BOTTOM: #CD202C 5px solid; FONT-FAMILY: Arial; LETTER-SPACING: normal 17} 18H2 { 19 BORDER-RIGHT: #CD202C 0px; BORDER-TOP: #CD202C 0px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 150%; MARGIN-LEFT: 2px; BORDER-LEFT: #CD202C 8px double; BORDER-BOTTOM: #CD202C 2px solid 20} 21CODE { 22 FONT-SIZE: 10pt; LEFT: 12px; FONT-FAMILY: "Courier New", monospace 23} 24TABLE { 25 PADDING-RIGHT: 0pt; PADDING-LEFT: 0pt; FONT-SIZE: 10pt; LEFT: 12px; MARGIN: 2pt 0pt; BORDER-TOP-STYLE: none; FONT-FAMILY: Arial; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: relative; BORDER-BOTTOM-STYLE: none 26} 27TD { 28 BORDER-RIGHT: 2pt; PADDING-RIGHT: 2pt; BORDER-TOP: 2pt; PADDING-LEFT: 2pt; PADDING-BOTTOM: 2pt; BORDER-LEFT: 2pt; PADDING-TOP: 2pt; BORDER-BOTTOM: 2pt; FONT-STYLE: normal; TEXT-ALIGN: left 29} 30TH { 31 BORDER-RIGHT: 2pt; PADDING-RIGHT: 2pt; BORDER-TOP: 2pt; PADDING-LEFT: 2pt; PADDING-BOTTOM: 2pt; BORDER-LEFT: 2pt; PADDING-TOP: 2pt; BORDER-BOTTOM: 2pt; FONT-STYLE: normal; TEXT-ALIGN: left 32} 33TD { 34 FONT-WEIGHT: normal; BACKGROUND: #e8f4f4 35} 36TH { 37 FONT-WEIGHT: bold; BACKGROUND: #c0d8d8 38} 39P { 40 MARGIN-LEFT: 4px 41} 42P.code { 43 FONT-SIZE: 10pt; BACKGROUND: #e8f4f4; LEFT: 12px; FONT-FAMILY: "Courier New", monospace 44} 45</style> 46 47<meta content="MSHTML 6.00.2900.6036" name="GENERATOR"></head> 48<body><a name="top"></a><!-- ※注意事項 --><!-- ・(任意)となっているものは、記載が無くても問題ありません。 --><!-- ・各項目についてる(必須)や(任意)は、作成後に削除してください。 --><!-- ・各項目内の書き方は、パッケージごとに自由で問題ありませんが、同じパッケージ内で違いがでないようにしてください。 --><!-- ・タグはすべて小文字、終了タグを持たないものは「/>」で閉じてください。--><!-- ・HTMLコードのインデントは、各種社内コード規約と同様にスペース4文字か4文字幅のタブになるようにしてください--> 49 50<h1>Download Play Icon</h1> 51 52<h2>Table of Contents</h2> 53<ul style="list-style-type: none"> 54 <li>1. <a href="#ss0100">Introduction</a></li> 55 <li>2. <a href="#ss0200">Icon Types and Usage</a></li> 56 <li>3. <a href="#ss0300">Using Data Provided by Nintendo</a></li> 57 <li>4. <a href="#ss0400">Notes Regarding the Modification and Use of the Data</a></li> 58 <li>5. <a href="#ss0500">Revision History</a></li> 59</ul> 60<p> </p> 61<h2>1. <a name="ss0100">Introduction</a></h2> 62<p> 63This document describes graphics data for the Download Play icon used on the CTR HOME Menu. The information presented here is primarily for directors and designers.</p> 64<div align="right"><a href="#top">Back to top</a></div> 65<h2>2. <a name="ss0200" id="ss0200">Icon Types and Usage</a></h2> 66<p>There are two download play icon types.</p> 67<ul> 68 <li> 69 <h3>Download Play icon on the HOME Menu</h3> 70 </li> 71 <li> 72 <h3>Download Play icon itself</h3> 73 </li> 74</ul> 75<h3> </h3> 76<h3>2.1 Download Play Icon on the HOME Menu</h3> 77<p>The Download Play software icon used on the HOME Menu. (provided in PSD format)</p> 78<p>You can use this icon, for example, <strong>when accompanied by a message such as "Select the Download Play icon from the HOME Menu" in each application.</strong></p> 79<p> </p> 80<p>Figure 2-1 No Launcher Box</p> 81<table border="1"> 82 <thead> 83 <tr> 84 <th>48x48 pixels</th> 85 <th>24x24 pixels</th> 86 </tr> 87 </thead> 88 <tbody> 89 <tr> 90 <td><img src="img/dlplay_icon_48.png" alt="dlplay_icon_48" width="48" height="48"></td> 91 <td><img src="img/dlplay_icon_24.png" alt="dlplay_icon_24" width="24" height="24"></td> 92 </tr> 93 </tbody> 94</table> 95<p>Figure 2-2 With Launcher Box</p> 96<table border="1"> 97 <thead> 98 <tr> 99 <th>72x72 pixels</th> 100 <th>30x30 pixels</th> 101 </tr> 102 </thead> 103 <tbody> 104 <tr> 105 <td><img src="img/dlplay_icon_box_72.png" alt="dlplay_icon_box_72" width="72" height="72"></td> 106 <td><img src="img/dlplay_icon_box_30.png" alt="lplay_icon_box_30" width="30" height="30"></td> 107 </tr> 108 </tbody> 109</table> 110<p> </p> 111<h3>2.2 Download Play Icon Itself</h3> 112<p>Download Play icon that signifies the feature itself. (provided in AI format)</p> 113<p>This icon can be used, for example, when <strong>placed in a Download Play button or menu in each application.</strong></p> 114<p> </p> 115 116<p>In consideration of the size of the icon when placed, several icon types have been created. Use the display size that works best for the button or menu.</p> 117<p><br> <br> Figure 2-3 <a>Download Play Icon</a> 118 </p> 119 <div class="table"> 120<p></p> 121<table border="1"> 122 <thead> 123 <tr> 124 <th>Somewhat real A</th> 125 <th>Somewhat real B</th> 126 </tr> 127 </thead> 128 <tbody> 129 <tr> 130 <td><img src="img/dlplay_icon_real_A.bmp" alt="dlplay_icon_real_A" width="200" height="200"></td> 131 <td><img src="img/dlplay_icon_real_B.bmp" alt="dlplay_icon_real_B" width="200" height="200"></td> 132 </tr> 133 </tbody> 134</table> 135<div class="table"> 136 <table border="1"> 137 <thead> 138 <tr> 139 <th>Simple A</th> 140 <th>Simple B</th> 141 </tr> 142 </thead><tbody> 143 <tr> 144 <td><img src="img/dlplay_icon_simple_A.bmp" alt="dlplay_icon_simple_A" width="200" height="200"></td> 145 <td><img src="img/dlplay_icon_simple_B.bmp" alt="dlplay_icon_simple_B" width="200" height="200"></td> 146 </tr> 147 </tbody> 148 </table> 149<div class="table"> 150 <table border="1"> 151 <thead> 152 <tr> 153 <th>Small simple A</th> 154 <th>Small simple B</th> 155 </tr> 156 </thead> 157 <tbody> 158 <tr> 159 <td><img src="img/dlplay_icon_small_A.bmp" alt="dlplay_icon_small_A" width="200" height="200"></td> 160 <td><img src="img/dlplay_icon_small_B.bmp" alt="dlplay_icon_small_B" width="200" height="200"></td> 161 </tr> 162 </tbody> 163 </table> 164</div> 165<p><br> 166</p> 167<div align="right"><a href="#top">Back to top</a></div> 168<h2>3. <a name="ss0300" id="ss0300">Using Data Provided by Nintendo</a></h2> 169<p> 170 The data is stored in <CODE>$CTR_SDK/resources/icon/DlplayIcon</CODE>.</p> 171<p>Both a Photoshop format (PSD) and Illustrator format (AI) have been prepared. Convert to TGA as needed and use. </p> 172<p></p> 173<p></p> 174<p></p> 175<div align="right"><a href="#top">Back to top</a></div> 176<p> </p> 177<h2>4. <a name="ss0400" id="ss0400">Notes Regarding the Modification and Use of the Data</a></h2> 178<h3>Modifications</h3> 179<p>The images <strong>cannot be modified</strong>. Do not add elements or alter the design.</p> 180<p>Also be careful not to alter the aspect ratio when positioning the icons.</p> 181<br> 182<h3>Specifying the color</h3> 183<p>The basic color is orange (<strong>R,G,B =230, 135, 60</strong>). You can make fine adjustments to get softer coloration.</p> 184<p>In addition to orange, you can also use white, black, and gray. Do not use any other colors besides these.</p> 185<br> 186<h3>Use of a background mask</h3> 187<p>There is no problem with adding a mask to the icon background for the purpose of increasing icon visibility.</p> 188<p>There is no specification for the mask size, but be sure to fill the inside of the mask.<br> <img src="img/dlplay_icon_with_piping.bmp" alt="lplay_icon_with_piping" width="600" height="205"></p> 189<h3>Embossing</h3> 190<p>There is no problem with using embossing for the purpose of increasing icon visibility.<br> <img src="img/dlplay_icon_with_emboss.bmp" alt="dlplay_icon_with_emboss" width="414" height="205"></p> 191<p>But contact Nintendo if this makes the image different significantly.</p> 192<div align="right"><a href="#top">Back to top</a></div> 193<h2>5. <a name="ss0500" id="ss0500">Revision History</a></h2> 194<dl> 195 <dt>2012/04/26</dt> 196 <dd>Initial version.</dd> 197</dl> 198<div align="right"><a href="#top">Back to top</a></div> 199 200 201</div></div><hr><p>CONFIDENTIAL</p></body></html>