<?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>こぶたのラッパ &#187; デザイン</title>
	<atom:link href="http://hello.lumiere-couleur.com/smilkobuta/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://hello.lumiere-couleur.com/smilkobuta</link>
	<description>とて　とて　ぷっぷっぷー</description>
	<lastBuildDate>Mon, 30 Jan 2012 15:50:04 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>デザインのコピペ</title>
		<link>http://hello.lumiere-couleur.com/smilkobuta/2011/11/02/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%82%b3%e3%83%94%e3%83%9a/</link>
		<comments>http://hello.lumiere-couleur.com/smilkobuta/2011/11/02/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%82%b3%e3%83%94%e3%83%9a/#comments</comments>
		<pubDate>Tue, 01 Nov 2011 22:31:05 +0000</pubDate>
		<dc:creator>smilkobuta</dc:creator>
				<category><![CDATA[デザイン]]></category>

		<guid isPermaLink="false">http://hello.lumiere-couleur.com/smilkobuta/?p=873</guid>
		<description><![CDATA[私の仕事はWebサイトを作ることです。 主にプログラム部分を作ることが多いのですが、デザインもちょこちょこと行います。 ですので、屋号も「Luc プログラム＆デザイン」という、ひねりのない名前をつけています。 ですが最近 [...]<p class="a8min_banner"></p>]]></description>
			<content:encoded><![CDATA[<p>私の仕事はWebサイトを作ることです。<br />
主にプログラム部分を作ることが多いのですが、デザインもちょこちょこと行います。<br />
ですので、屋号も「<a href="http://hello.lumiere-couleur.com/" target="_blank">Luc プログラム＆デザイン</a>」という、ひねりのない名前をつけています。</p>
<p>ですが最近になって、自分がデザインという仕事をこなす能力がないことを少しずつ感じており、昨晩寝ているときにふと目が覚めて、突然「自分がデザインをコピペしているだけだ」と理解できました。</p>
<p>プログラムはどうかといえば、今は設計手法やシステム構成を自分なりに考えることが出来るようになりましたが、最初のころはコードの断片をネットで検索して、コピペして何とかプログラミングしていただけでした。</p>
<p>絵画の模写にしたって、最初は既存の作品の模倣が大切かもしれませんが、いつかは体系的な方法などを身につけたり、自分の独自性を表現するというところに至らないと、単なる趣味で終わってしまいます。</p>
<p>私は以前料理人を目指していましたが、料理のスキルも模倣にとどまっており（レシピを見て作るだけ）、自分のオリジナルを作ることは今でも出来ません。むしろパートナーのほうが素晴らしい創作性を持っています。</p>
<p>数カ月前から友人のWebサイト制作を引き受けて進めているのですが、その友人は建築士で、自分自身でサイトのデザインを起こし、最終的にはイラストレーター形式にして渡してくれました。</p>
<p>その友人がデザインを行う過程を見ていると、デザインを仕事にしている人はこういう風に考えて、こんな方法でデザインを設計するのか！と驚き、自分の屋号である「Luc プログラム＆デザイン」の後ろ半分を隠したい気分になりました。</p>
<p>全体的なデザインは作っていただき、細部の見出しやボタンなどは私が行うことになっていたのですが、これがもう、全然進まない（すみません）。<br />
あるコンセプトを持って作られたベースデザインにふさわしいボタンなりを作れないのです。<br />
下手なことはせずに、頂いたデザインの意匠以外には、あまり付け加えない方法で進めようと思っているところです。</p>
<p>「他人を喜ばせたいと思うこと」こそを仕事に選ぶと良いというのが私の信条ですが、プログラムに関してはまさにこれに当てはまります。</p>
<p>さてデザインはどうかというと、今はまだ趣味の範囲を出ていませんが、他人のために作りたいというモチベーションも実は強く持っています。</p>
<p>あらためてデザインについて勉強し直そうと思う、ある秋の日の決意でした。</p>
]]></content:encoded>
			<wfw:commentRss>http://hello.lumiere-couleur.com/smilkobuta/2011/11/02/%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3%e3%81%ae%e3%82%b3%e3%83%94%e3%83%9a/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>マウス→タッチへの移行。新インターフェースは何から何まで変えるのか。</title>
		<link>http://hello.lumiere-couleur.com/smilkobuta/2011/06/08/%e3%83%9e%e3%82%a6%e3%82%b9%e2%86%92%e3%82%bf%e3%83%83%e3%83%81%e3%81%b8%e3%81%ae%e7%a7%bb%e8%a1%8c%e3%80%82%e6%96%b0%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%95%e3%82%a7%e3%83%bc%e3%82%b9%e3%81%af/</link>
		<comments>http://hello.lumiere-couleur.com/smilkobuta/2011/06/08/%e3%83%9e%e3%82%a6%e3%82%b9%e2%86%92%e3%82%bf%e3%83%83%e3%83%81%e3%81%b8%e3%81%ae%e7%a7%bb%e8%a1%8c%e3%80%82%e6%96%b0%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%95%e3%82%a7%e3%83%bc%e3%82%b9%e3%81%af/#comments</comments>
		<pubDate>Wed, 08 Jun 2011 09:35:53 +0000</pubDate>
		<dc:creator>smilkobuta</dc:creator>
				<category><![CDATA[UI]]></category>
		<category><![CDATA[コンピュータ]]></category>
		<category><![CDATA[デザイン]]></category>

		<guid isPermaLink="false">http://hello.lumiere-couleur.com/smilkobuta/?p=822</guid>
		<description><![CDATA[Windows 8とMac OS Lion、時代は「マウス」を遺物とする?! 個人的には「マウスは死んだ」と思っている。むろん、まだ死に絶えてはいない。しかし歴史は既に動き出していると思うのだ。 &#160; 新インター [...]<p class="a8min_banner"></p>]]></description>
			<content:encoded><![CDATA[<blockquote><p>
<a href="http://jp.techcrunch.com/archives/20110603windows-ate-the-mouse/" target="_blank">Windows 8とMac OS Lion、時代は「マウス」を遺物とする?!</a><br />
個人的には「マウスは死んだ」と思っている。むろん、まだ死に絶えてはいない。しかし歴史は既に動き出していると思うのだ。</p></blockquote>
<p>&nbsp;<br />
新インターフェースとして、マウスからタッチへと移行が本格化しつつあります。<br />
以前「<a href="http://hello.lumiere-couleur.com/smilkobuta/2009/01/18/pc3%E3%82%92%E4%BA%88%E6%83%B3%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F1/" target="_blank">（1） PC3.0を予想してみた：キーボードとマウスに変わるもの</a>」でも書いたように、キーボード＆マウスというオジサン世代（数十年後にはおじいさん世代）のツールは少しずつ無くなっていくのではないでしょうか。</p>
<p>上の記事を書いたときには、まだ自分でタッチパネルを使っていなかったのですが、いざEee Topを購入してタッチ操作を楽しんでみて分かったのは、据え置き型コンピュータのパネルをタッチするのは疲れるということです。<br />
腕を常に上げ続けないといけない！</p>
<p>2009年当時欲しかったのはまさにiPadそのもの（タッチパネル式のタブレット）で、iSlateという名前で出る出ると噂され続けながらも結局Appleが出してくれず、仕方なくEee Topを買っちゃったという経緯があります。</p>
<p>その体験がchromeTouchというソフトウェアを作るきっかけにもなったのですが、タブレットではない据え置き型パソコンでは、Appleのマジックマウスのようなマウス＋タッチが最良解のようです。</p>
<p>今後はタッチパネル式のタブレットか、据え置き型コンピュータ＋マジックマウスの2択という流れになりそうですが、いずれの場合にも2つの問題が残っています。</p>
<p>それは、</p>
<ol>
<li>指がマウスカーソルほど尖っていないので、細かい部分をピンポイントでクリックできない</li>
<li>マウスオーバー（クリックしていないけどカーソルは動かしている）が表現出来ていない</li>
</ol>
<p>という2点です。</p>
<p>問題1に関しては、iPhoneやiPadを使っている人は、ズーム機能によって解決できているのでしょうが、どうもそれが面倒に感じてしまうのです。<br />
そもそも操作に時間がかかるし、操作している姿も何だか艶かしすぎるといいますか・・・</p>
<p>指に専用のキャップみたいのをつけるのも実はあり？</p>
<p><img src="http://hello.lumiere-couleur.com/smilkobuta/wp-content/uploads/2011/06/digitcap.png" alt="" title="digitcap" width="300" height="300" class="aligncenter size-full wp-image-831" /></p>
<p>あほかと言われそうですが、意外にアスクルのカタログなんかにもいつか登場するかもですよ。<br />
ネーミングは「Digit Cap」とか。</p>
<p>問題2は、MicrosoftのKinectの小型版みたいのをタブレットかマジックマウス様のものに搭載して、指を近づけるとカーソルっぽいのが画面に出現して、マウスオーバーを再現してくれる・・・というのが私の理想です。<br />
指を触れないと操作できないという壁は、2012年くらいにはさっさととっぱらって欲しい！</p>
<p>とにもかくにも、Windows8とMac OS Lionによってぐいっと一歩その未来に近づいたわけですので、次のステップは本当にもう間近に迫っていると感じています。</p>
]]></content:encoded>
			<wfw:commentRss>http://hello.lumiere-couleur.com/smilkobuta/2011/06/08/%e3%83%9e%e3%82%a6%e3%82%b9%e2%86%92%e3%82%bf%e3%83%83%e3%83%81%e3%81%b8%e3%81%ae%e7%a7%bb%e8%a1%8c%e3%80%82%e6%96%b0%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%95%e3%82%a7%e3%83%bc%e3%82%b9%e3%81%af/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>オラ、ドラゴンレーダーを作るぞ(12)</title>
		<link>http://hello.lumiere-couleur.com/smilkobuta/2010/10/20/%e3%82%aa%e3%83%a9%e3%80%81%e3%83%89%e3%83%a9%e3%82%b4%e3%83%b3%e3%83%ac%e3%83%bc%e3%83%80%e3%83%bc%e3%82%92%e4%bd%9c%e3%82%8b%e3%81%9e12/</link>
		<comments>http://hello.lumiere-couleur.com/smilkobuta/2010/10/20/%e3%82%aa%e3%83%a9%e3%80%81%e3%83%89%e3%83%a9%e3%82%b4%e3%83%b3%e3%83%ac%e3%83%bc%e3%83%80%e3%83%bc%e3%82%92%e4%bd%9c%e3%82%8b%e3%81%9e12/#comments</comments>
		<pubDate>Wed, 20 Oct 2010 13:47:49 +0000</pubDate>
		<dc:creator>smilkobuta</dc:creator>
				<category><![CDATA[コンピュータ]]></category>
		<category><![CDATA[デザイン]]></category>
		<category><![CDATA[発表、ニュース]]></category>
		<category><![CDATA[Arduino]]></category>
		<category><![CDATA[ドラゴンレーダー]]></category>

		<guid isPermaLink="false">http://hello.lumiere-couleur.com/smilkobuta/?p=601</guid>
		<description><![CDATA[（***） 12.1 LCDでの色表現 LCDを自由自在（？）に使いこなせることが分かったので、早速画面のデザインをしようと思ったのですが、LCDでの色表現ってHTMLでいう「#FFFFFF（白色）」みたいな表記ではない [...]<p class="a8min_banner"></p>]]></description>
			<content:encoded><![CDATA[<h3><span style="color:white; background:orange;">（<span style="color:red;vertical-align:sub;">*</span><span style="color:red;">*</span><span style="color:red;vertical-align:sub;">*</span>）</span> 12.1 LCDでの色表現</h3>
<p>LCDを自由自在（？）に使いこなせることが分かったので、早速画面のデザインをしようと思ったのですが、LCDでの色表現ってHTMLでいう「#FFFFFF（白色）」みたいな表記ではないことに改めて気づきました。</p>
<p>FFFFFFはすなわち24ビットカラーですが、ILI9325などのLCDで色を指定する場合は16bitで指定する必要があります。<br />
白色は0xffffですし、青色は0x001fといった感じです。</p>
<p>そういう色見本みたいのがどこかに転がってるんだろうと、軽～く考えて検索してみたのですが、なぜか見つからない！？<br />
拾ったライブラリなどでは「#define ORANGE 0xFC00」みたいに定数定義していたりします。</p>
<p>それじゃあということで、色見本ページを作りました。<br />
カラーピッカーも作りましたので、欲しい色の16bitカラーが確認できると思います。</p>
<p><a style="font-size:1.2em;" href="http://hello.lumiere-couleur.com/app/16bit-colorpicker/">16bit Color Picker &#038; Color List</a></p>
<p>・・・それとも、本当はみんな違う方法で色指定しているんでしょうか？？<br />
う～ん、不明だ。</p>
]]></content:encoded>
			<wfw:commentRss>http://hello.lumiere-couleur.com/smilkobuta/2010/10/20/%e3%82%aa%e3%83%a9%e3%80%81%e3%83%89%e3%83%a9%e3%82%b4%e3%83%b3%e3%83%ac%e3%83%bc%e3%83%80%e3%83%bc%e3%82%92%e4%bd%9c%e3%82%8b%e3%81%9e12/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Illustratorの「落書き」効果がマイブーム中</title>
		<link>http://hello.lumiere-couleur.com/smilkobuta/2009/02/22/illustrator%e3%81%ae%e3%80%8c%e8%90%bd%e6%9b%b8%e3%81%8d%e3%80%8d%e5%8a%b9%e6%9e%9c%e3%81%8c%e3%83%9e%e3%82%a4%e3%83%96%e3%83%bc%e3%83%a0%e4%b8%ad/</link>
		<comments>http://hello.lumiere-couleur.com/smilkobuta/2009/02/22/illustrator%e3%81%ae%e3%80%8c%e8%90%bd%e6%9b%b8%e3%81%8d%e3%80%8d%e5%8a%b9%e6%9e%9c%e3%81%8c%e3%83%9e%e3%82%a4%e3%83%96%e3%83%bc%e3%83%a0%e4%b8%ad/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 01:20:07 +0000</pubDate>
		<dc:creator>smilkobuta</dc:creator>
				<category><![CDATA[デザイン]]></category>
		<category><![CDATA[Illustrator]]></category>

		<guid isPermaLink="false">http://hello.lumiere-couleur.com/smilkobuta/?p=183</guid>
		<description><![CDATA[Illustratorでデザインをすることが多いのですが、基本は線だけで描いていくので、どうしても味気ないイラストになってしまうことがあります。 そのため、塗りの部分をグラデーションにしたり、形状にぼかしをかけたりして「 [...]<p class="a8min_banner"></p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://hello.lumiere-couleur.com/smilkobuta/wp-content/uploads/2009/02/image1.png" alt="rakugaki_ship" title="rakugaki_ship" width="227" height="119" class="aligncenter size-full wp-image-192" /></p>
<p>Illustratorでデザインをすることが多いのですが、基本は線だけで描いていくので、どうしても味気ないイラストになってしまうことがあります。<br />
そのため、塗りの部分をグラデーションにしたり、形状にぼかしをかけたりして「イラストっぽさ」を出すわけですが、最近気に入っているのが<strong>落書き</strong>効果。</p>
<p><img src="http://hello.lumiere-couleur.com/smilkobuta/wp-content/uploads/2009/02/image2.png" alt="rakugaki1" title="rakugaki1" width="304" height="118" class="alignleft size-full wp-image-185" /><br />
最初に適当に線を書いて（両側の黒い線は雲だけど、わかりやすく黒色にしています）、</p>
<p><br style="clear:both;"><br />
<img src="http://hello.lumiere-couleur.com/smilkobuta/wp-content/uploads/2009/02/image3.png" alt="rakugaki2" title="rakugaki2" width="304" height="118" class="alignleft size-full wp-image-186" /><br />
線を太くして、</p>
<p><br style="clear:both;"><br />
<img src="http://hello.lumiere-couleur.com/smilkobuta/wp-content/uploads/2009/02/image4.png" alt="rakugaki3" title="rakugaki3" width="489" height="349" class="aligncenter size-full wp-image-187" /><br />
「効果＞スタイライズ＞落書き」で線の太さやランダムさの度合いなんかを設定します。<br />
ここのパラメータを色々変えると、手書きでは絶対に作れないような面白い感じの表現にもなったりします。</p>
<p><br style="clear:both;"><br />
<img src="http://hello.lumiere-couleur.com/smilkobuta/wp-content/uploads/2009/02/image5.png" alt="rakugaki4" title="rakugaki4" width="308" height="122" class="alignleft size-full wp-image-188" /><br />
で出来上がりがこんな感じ。<br />
まあ、あんまり素敵な例とはいえませんが・・・</p>
<p><br style="clear:both;"><br />
今回は船が出港するイメージのイラストをがんばって描いて、最後に空も描こうとしたのですが力尽きていて、こんなときにふっと使うと以外にいい感じにはまったりします。</p>
<p><img src="http://hello.lumiere-couleur.com/smilkobuta/wp-content/uploads/2009/02/img_shippment.png" alt="img_shippment" title="img_shippment" width="269" height="123" class="aligncenter size-full wp-image-184" /><br />
船の下に、出来上がった空と雲を配置すると、あらびっくり。<br />
大海原を行く船に見えませんか？</p>
<p>あくまで補助的にしか使わない落書き効果ですが、サイトによってはもっとデザインの肝として使っても面白いかもしれませんね。</p>
]]></content:encoded>
			<wfw:commentRss>http://hello.lumiere-couleur.com/smilkobuta/2009/02/22/illustrator%e3%81%ae%e3%80%8c%e8%90%bd%e6%9b%b8%e3%81%8d%e3%80%8d%e5%8a%b9%e6%9e%9c%e3%81%8c%e3%83%9e%e3%82%a4%e3%83%96%e3%83%bc%e3%83%a0%e4%b8%ad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

