<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>946miles &#187; Design</title>
	<atom:link href="http://blog.946px.net/archives/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.946px.net</link>
	<description>1522.43942 km</description>
	<lastBuildDate>Mon, 06 Jul 2009 04:44:03 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>86px</title>
		<link>http://blog.946px.net/archives/379</link>
		<comments>http://blog.946px.net/archives/379#comments</comments>
		<pubDate>Tue, 06 Jan 2009 07:49:18 +0000</pubDate>
		<dc:creator>946</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://blog.946px.net/?p=379</guid>
		<description><![CDATA[フォント貼ってみるテスト

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_widget_270720369"
			class="flashmovie"
			width="540"
			height="300">
	<param name="movie" value="http://fontstruct.fontshop.com/widget.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://fontstruct.fontshop.com/widget.swf"
			name="fm_widget_270720369"
			width="540"
			height="300">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>]]></description>
			<content:encoded><![CDATA[<p>フォント貼ってみるテスト</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_widget_459343240"
			class="flashmovie"
			width="540"
			height="90">
	<param name="movie" value="http://fontstruct.fontshop.com/widget.swf" />
	<param name="flashvars" value="d=dD0wJmFtcDtmPTg1NTg4" />
	<param name="bgcolor" value="#FFFFFF" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://fontstruct.fontshop.com/widget.swf"
			name="fm_widget_459343240"
			width="540"
			height="90">
		<param name="flashvars" value="d=dD0wJmFtcDtmPTg1NTg4" />
		<param name="bgcolor" value="#FFFFFF" />
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
]]></content:encoded>
			<wfw:commentRss>http://blog.946px.net/archives/379/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>入力</title>
		<link>http://blog.946px.net/archives/195</link>
		<comments>http://blog.946px.net/archives/195#comments</comments>
		<pubDate>Thu, 28 Feb 2008 20:32:06 +0000</pubDate>
		<dc:creator>946</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Memo]]></category>
		<category><![CDATA[モノ]]></category>

		<guid isPermaLink="false">http://blog.946px.net/2008/02/29/%e5%85%a5%e5%8a%9b/</guid>
		<description><![CDATA[
近い将来、マウスとキーボードに取って代わる新しい入力方法は必ず出てくると思う。
でもこの G-Speak みたいなやつが今のマウスほど一般的になるとは思えないのはなんでだろうなあ、触った事ないけど。触ったら感動するとは [...]]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/NiFcF0KNyNQ"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/NiFcF0KNyNQ" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></p>
<p>近い将来、マウスとキーボードに取って代わる新しい入力方法は必ず出てくると思う。<br />
でもこの G-Speak みたいなやつが今のマウスほど一般的になるとは思えないのはなんでだろうなあ、触った事ないけど。触ったら感動するとは思うけど。</p>
<p>ちょっと思ったのは、リアルな操作感を再現することで「分かりやすい」ことを実現するのではなくて、想像の範囲外なのに直感で誰でも分かるみたいな激しいギャップを持ったモノを期待しているからかなあ。<br />
アイデア商品…みたいな。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.946px.net/archives/195/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>管理者権限のイメージ</title>
		<link>http://blog.946px.net/archives/192</link>
		<comments>http://blog.946px.net/archives/192#comments</comments>
		<pubDate>Tue, 12 Feb 2008 13:12:46 +0000</pubDate>
		<dc:creator>946</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Memo]]></category>

		<guid isPermaLink="false">http://blog.946px.net/2008/02/12/imaging_root/</guid>
		<description><![CDATA[管理者権限や root 権限を表すアイコン等を作成するときに今までこんな感じのイメージが気に入っているし、ぴったりだ

と思っていたけれども、素直に考えるならば、今更ではあるがこんな表現が妥当だろうなあと思った。

一般 [...]]]></description>
			<content:encoded><![CDATA[<p>管理者権限や root 権限を表すアイコン等を作成するときに今までこんな感じのイメージが気に入っているし、ぴったりだ<br />
<img src='http://blog.946px.net/wp-content/uploads/2008/02/icon_root_case0.gif' alt='icon_root_case0.gif' /><br />
と思っていたけれども、素直に考えるならば、今更ではあるがこんな表現が妥当だろうなあと思った。<br />
<img src='http://blog.946px.net/wp-content/uploads/2008/02/icon_root_case1.gif' alt='icon_root_case1.gif' /><br />
一般的には後者のほうが分かりやすいだろう。<br />
しかし、未実装を得意とする開発者にどちらがいいか聞いてみたところ、前者の方を好んでいるようだった。これは全く予想どうりである。というより、むしろ狙いなのであった。</p>
<p>私自身も気に入っているのは前者なのだが、その理由に<b>「root」という特別なモノ</b>の特徴が反映されているから、というものがある。</p>
<p>どういうことかというと、root の存在を知る人にとって、root はやはり特別なものでいて欲しいはず、軽々しく手を出してはいけないモノという印象があるはずだと思っている。<br />
なので、あえて全員が理解できる訳ではない「プロンプト」という形で表現し、理解できる敷居を意図的に高くすることにより、開発者の root への思いをくすぐろうという魂胆なのである。<br />
前者を選択した開発者がそういう思いで選んだかどうかは知らないが、無意識的には少なからず伝わったのではないかと思い、うれしい気分になる。</p>
<p>私が考えるデザインの醍醐味の一部は、このような意識の共有であるし、意識を持って制作に励むべきであると同時に、「皆に伝わらない」という強い理由であっさり後者を選択できるところもまたデザイン的な行為であると言える。というか長々と書いたけれども、この場合こっちのほうが大原則（えっ）。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.946px.net/archives/192/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>画像を縮小した際、端にできる透明な部分</title>
		<link>http://blog.946px.net/archives/188</link>
		<comments>http://blog.946px.net/archives/188#comments</comments>
		<pubDate>Tue, 29 Jan 2008 13:24:56 +0000</pubDate>
		<dc:creator>946</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://blog.946px.net/2008/01/29/%e7%94%bb%e5%83%8f%e3%82%92%e7%b8%ae%e5%b0%8f%e3%81%97%e3%81%9f%e9%9a%9b%e3%80%81%e7%ab%af%e3%81%ab%e3%81%a7%e3%81%8d%e3%82%8b%e9%80%8f%e6%98%8e%e3%81%aa%e9%83%a8%e5%88%86/</guid>
		<description><![CDATA[例えば Photoshop で画像の解像度を変更して縮小したとき、淵のピクセルにアルファチャンネルがかかり、少し透明になってしまうときがある。これがもの凄く気になっていた。
そんな悩みが解決したのでメモ。
念のため Ph [...]]]></description>
			<content:encoded><![CDATA[<p>例えば Photoshop で画像の解像度を変更して縮小したとき、淵のピクセルにアルファチャンネルがかかり、少し透明になってしまうときがある。これがもの凄く気になっていた。<br />
そんな悩みが解決したのでメモ。<br />
念のため Photoshop は CS2、Mac OS は 10.4.11。</p>
<p>例えばこんな画像があります。</p>
<p><img src='http://blog.946px.net/wp-content/uploads/2008/01/sc_1.jpg' alt='sc_1.jpg' /></p>
<p>サイズは 128px * 128px。内容は背景レイヤーと画像のレイヤー2枚だけ。しかも分かりやすいように2色しか使っていません。<br />
こいつを 16px * 16px に縮小したいので、普通に「イメージ ＞ 画像解像度」にて幅を16と入力し縮小すると…</p>
<p><img src='http://blog.946px.net/wp-content/uploads/2008/01/sc_2.jpg' alt='sc_2.jpg' /></p>
<p>こんな感じになります。<br />
128px から 16px へ 1/8 縮小したことになり、うまく行ったように見えますが、実は端のピクセルには透明度が設定されて少し背景色が透けて見えて、すごく気になります。<br />
見た目だけ拡大（800%）するとこんな感じ。</p>
<p><img src='http://blog.946px.net/wp-content/uploads/2008/01/sc_3.jpg' alt='sc_3.jpg' /></p>
<p>透けてるってことが分かるように背景をグラデーションにしてみたのが下の画像。<br />
ほら、端のピクセルだけうっすら透けてる。</p>
<p><img src='http://blog.946px.net/wp-content/uploads/2008/01/sc_4.jpg' alt='sc_4.jpg' /></p>
<p>縮小時に半端な数字になるため、こうなるのだろうと思いきや、元画像内の矩形のサイズは 80px * 112px という「8」で割り切れる数字。ってかこっちは割り切れる数字選んでやってるのにこの有り様。こんなの納得いくはずがない。</p>
<p>でも</p>
<p>「画像解像度」を編集するウィンドウの中にデフォルト「バイキュービック法」の部分を変更してはどうだろうと思いついてやってみた。ちなみにニアレストネイバー法ってのもあるけどもサンプル方法が大きく違うので省いています。</p>
<p><img src='http://blog.946px.net/wp-content/uploads/2008/01/sc_5.jpg' alt='sc_5.jpg' /></p>
<p>左：バイキュービック法（デフォルト）<br />
右：バイリニア法<br />
で、縮小したものを並べて拡大してみた。</p>
<p>おお、透明になっていない。<br />
100% で見たときもこの差はきもちいい。</p>
<p><img src='http://blog.946px.net/wp-content/uploads/2008/01/sc_6.jpg' alt='sc_6.jpg' /></p>
<p>知らないのは私だけだったかもしれないけど、とりあえずよかったよかった。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.946px.net/archives/188/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Paper Critter 946</title>
		<link>http://blog.946px.net/archives/178</link>
		<comments>http://blog.946px.net/archives/178#comments</comments>
		<pubDate>Wed, 23 Jan 2008 12:52:59 +0000</pubDate>
		<dc:creator>946</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.946px.net/2008/01/23/paper-critter-946/</guid>
		<description><![CDATA[
自転車と同じ色にしてみた
]]></description>
			<content:encoded><![CDATA[<p><object width="300" height="250"><param name="FlashVars" value="colony_id=11282" /><param name="movie" value="http://www.papercritters.com/pc_mpu.swf" /><embed src="http://www.papercritters.com/pc_mpu.swf" FlashVars="colony_id=11282" width="300" height="250" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object></p>
<p>自転車と同じ色にしてみた</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.946px.net/archives/178/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop で JavaScript</title>
		<link>http://blog.946px.net/archives/133</link>
		<comments>http://blog.946px.net/archives/133#comments</comments>
		<pubDate>Fri, 26 Oct 2007 13:47:49 +0000</pubDate>
		<dc:creator>946</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[Movie]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://blog.946px.net/2007/10/26/photoshop-javascript/</guid>
		<description><![CDATA[アイコンとか小さな画像を複数編集したいとき、アイコンごとのファイルで1つずつ編集するのなんて面倒。それが100個もあった場合には1つのファイルでまとめて作って書き出すときにバラバラにしたい。
かといって、100個のファイ [...]]]></description>
			<content:encoded><![CDATA[<p>アイコンとか小さな画像を複数編集したいとき、アイコンごとのファイルで1つずつ編集するのなんて面倒。それが100個もあった場合には1つのファイルでまとめて作って書き出すときにバラバラにしたい。</p>
<p>かといって、100個のファイルを開いて100回ペーストするのも、それはそれで面倒と思うのはこれもまた人の世の常。<br />
わがままですね。</p>
<p>そんなわがままな悩みを解決するには自動化すればいいのですが、どういう方法で自動化させるかが問題。<br />
せっかくなので割と慣れてる JavaScript でやる方法をちょっとやってみた。</p>
<p>まずは取り込みたい画像のパスが書かれたファイルを作る。<br />
一行一ファイルを絶対パスで書く。</p>
<p>Mac &#038; Phososhop CS2 の場合だと、<br />
<code>/Users/hoge/Desktop/images/hoge0.png<br />
/Users/hoge/Desktop/images/hoge1.png<br />
</code><br />
以下続く<br />
…な感じのファイルを用意します。</p>
<p>スクリプトは以下の感じでファイルリストのパスをこれも絶対パスで教えてあげて、ExtendScript Toolkit.app を使って実行。<br />
Photoshop からだと「ファイル」＞「スクリプト」＞「参照…」で javascript のファイルを渡してあげるとできます。</p>
<pre><code>preferences.rulerUnits = Units.PIXELS;
var docObj = activeDocument;
var margin = 10;
var iconsize = 16;
var span = iconsize + margin
var w = activeDocument.width.value;
var h = activeDocument.height.value;
var num_max_x = Math.floor(w/span);
var num_max_y = Math.floor(h/span);
var filename = "/path/to/filename.txt";
var fileObj = new File(filename);
var flag = fileObj.open("r");

if (flag) {
    var lineCount = 0;

    while (!fileObj.eof) {
        textln = new File(fileObj.readln());
        if (textln.exists) {
            open(textln);
            activeDocument.selection.selectAll();
            activeDocument.activeLayer.copy();
            activeDocument.close(SaveOptions.DONOTSAVECHANGES);
            docObj.paste();

            var x = lineCount%num_max_x;
            var y = Math.floor(lineCount/num_max_x);

            activeDocument.activeLayer.translate(
              span*x - Math.ceil(w/2) + iconsize/2 + margin,
              span*y - Math.ceil(h/2) + iconsize/2 + margin
            );

            var fileNameAry = String(textln).split("/");
            var fileName = fileNameAry[fileNameAry.length-1];
            activeDocument.artLayers[0].name = fileName;
            lineCount ++;
        }
    }
}
else{
    alert("ファイルが開けませんでした");
}
</code>
</pre>
<p>せっかくなので動画撮ってみました。<br />
始まりがグレーなのは何故だか分からない。</p>
<p><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/qZXM23j9gP0&#038;rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/qZXM23j9gP0&#038;rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object></p>
<p>初めての Broadcast Myself.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.946px.net/archives/133/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>バナー</title>
		<link>http://blog.946px.net/archives/106</link>
		<comments>http://blog.946px.net/archives/106#comments</comments>
		<pubDate>Fri, 31 Aug 2007 05:08:12 +0000</pubDate>
		<dc:creator>946</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.946px.net/2007/08/31/%e3%83%90%e3%83%8a%e3%83%bc/</guid>
		<description><![CDATA[これいい。

]]></description>
			<content:encoded><![CDATA[<p>これいい。<br />
<a href="http://www.5segons.com/watch.php?id=2&#038;v=K9hsIu6jPIg"><img src='http://blog.946px.net/wp-content/uploads/2007/08/aaa.jpg' alt='aaa.jpg' /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.946px.net/archives/106/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>グラフ</title>
		<link>http://blog.946px.net/archives/99</link>
		<comments>http://blog.946px.net/archives/99#comments</comments>
		<pubDate>Fri, 17 Aug 2007 11:10:27 +0000</pubDate>
		<dc:creator>946</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://blog.946px.net/2007/08/17/graph/</guid>
		<description><![CDATA[最近、円グラフの代わりに正方形のブロックで割合を表示することが流行ってるらしい。
Pixels Are The New Pies

flash で動的に表示したい場合ってどういうロジックにすればよいかなあ。
と思ったメモ [...]]]></description>
			<content:encoded><![CDATA[<p>最近、円グラフの代わりに正方形のブロックで割合を表示することが流行ってるらしい。</p>
<p><a href="http://www.dashes.com/anil/2007/07/pixels-are-the-new-pies.html">Pixels Are The New Pies</a><br />
<img src='http://blog.946px.net/wp-content/uploads/2007/08/square-graphs.png' alt='square-graphs.png' /></p>
<p>flash で動的に表示したい場合ってどういうロジックにすればよいかなあ。<br />
と思ったメモ。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.946px.net/archives/99/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>こんな会社で働きたい。</title>
		<link>http://blog.946px.net/archives/95</link>
		<comments>http://blog.946px.net/archives/95#comments</comments>
		<pubDate>Wed, 18 Jul 2007 09:45:42 +0000</pubDate>
		<dc:creator>946</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://blog.946px.net/2007/07/18/i-would-like-to-work-at-this-company/</guid>
		<description><![CDATA[今日の FWA で初めて知ったプロダクション、FL2 &#124; A Full Service Interactive Design Agency。
ポートフォリオとか見てもどれもかっこいいし、レイアウトでの雰囲気とかソリッドな [...]]]></description>
			<content:encoded><![CDATA[<p>今日の FWA で初めて知ったプロダクション、<a href="http://www.fl-2.com/" title="FL2 | A Full Service Interactive Design Agency">FL2 | A Full Service Interactive Design Agency</a>。<br />
ポートフォリオとか見てもどれもかっこいいし、レイアウトでの雰囲気とかソリッドな質感とかがもの凄く好きだ。</p>
<p>検索してみたら flash の人、<a href="http://www.krop.com/jobs/h5dzz/" title="">求人中@Krop</a>との事。<br />
以下求人内容の引用<br />
<brockquote><br />
Rockstar Actionscripter / Flash Developer<br />
FL2 is looking for a senior flash developer to add to our team.</p>
<p>Must like:
<ul>
<li>OOP</li>
<li>AS2</li>
<li>XML</li>
</ul>
<p>Must dislike:
<ul>
<li>Subservient chicken</li>
<li>The timeline</li>
<li>Flex</li>
</ul>
<p></brockquote></p>
<p>Flex とタイムラインがきらいなところがいかす。<br />
が、ロックスターとは…<br />
英語が話せれば速攻で応募するんだけどなあ。できなくてもいいかなあ？</p>
<p>とりあえずギター再練習するか。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.946px.net/archives/95/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
