118 lines
6.0 KiB
HTML
118 lines
6.0 KiB
HTML
|
{{ partial "head.html" . }}
|
||
|
|
{{ partial "navbar.html" . }}
|
||
|
|
{{ partial "header.html" . }}
|
||
|
|
<p>アイコンをデザインします</p>
|
||
|
|
|
||
|
|
<h3><span class="icon-syui"></span> :syui:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/syui_world.png"><img src="/icon/syui_world.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>今使ってるアイコン。昔使っていた<code>phoenix-world</code>をシンプルにデザインし直したもの。カラーは赤の中でも朱色を選択。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-archlinuxjp"></span> :archlinux:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/archlinuxjp.png"><img src="/icon/archlinuxjp.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p><a href="https://archlinux.jp">archlinux.jp</a>に参加させてもらった時にデザインしたもの。<code>Arch Linux JP</code>に使ってもらえているので、すごく嬉しい。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-ai"></span> :ai:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/ai.png"><img src="/icon/ai.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p><a href="https://yui.syui.ai">yui</a>という作品に登場するアイの創造の力をイメージしたもの。最も小さいものに影響を与える。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<!--
|
||
|
|
<h3><span class="icon-phoenix-world"></span> :phoenix-world:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/phoenix_world.png"><img src="/icon/phoenix_world.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>ネットでの活動をはじめたときに自作したアイコン。鳥は不死鳥がモデルで背後の球体は世界がモデルなので、<code>phoenix-world</code>と名付けた。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-phoenix-power"></span> :phoenix-power:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/phoenix_power.png"><img src="/icon/phoenix_power.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>2番目に作ったデザイン。コンピュータの電源ボタンをモデルにしている。旧ブログの<code>MBA-HACK(Blogger)</code>のトップに使用されていた。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-phoenix-power"></span> :syui-power:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/syui_power.png"><img src="/icon/syui_power.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p><code>phoenix-power</code>のデザインを作り直したもの。背後にある六角形は電源アイコンがモデル。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-ai"></span> :all:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/all.png"><img src="/icon/all.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>すべての視点からおなじに見えるアイのアイコン</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-power"></span> :power:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/power.png"><img src="/icon/power.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>コンピュータの電源マークである0と1を自分なりにデザインしたもの。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-api"></span> :api:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/api.png"><img src="/icon/api.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>apiに使用するために作ったアイコン</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-robot"></span> :robot:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/robot.png"><img src="/icon/robot.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>ロボットをイメージして作ったアイコン。何度も改良を重ねて、ついに完成した。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-moon"></span> :moon:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/moon.png"><img src="/icon/moon.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>月のアイコン。半月は絵における影の重要性を表していると言われている。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-syui"></span> :trace:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/trace.png"><img src="/icon/trace.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>足跡をイメージして作ったアイコン。現在の所有者は<a href="https://github.com/ny-a">ny-a</a>さんである。</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-power"></span> :kuin:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/kuin.png"><img src="/icon/kuin.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>いろいろな経緯があってできたアイコン。ボタン等に使えそう</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-power"></span> :card:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/card.png"><img src="/icon/card.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p><a href="/ai/card">カード</a>の裏面のデザインに使っている</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
|
||
|
|
<h3><span class="icon-power"></span> :book:</h3>
|
||
|
|
<blockquote>
|
||
|
|
<a href="/icon/book.png"><img src="/icon/book.png" width="128"style="float:left;margin-right:10px;margin-bottom:0px;"/></a>
|
||
|
|
<p>アイが持ってる絵本の表紙</p>
|
||
|
|
<p style="clear:both;"></p>
|
||
|
|
</blockquote>
|
||
|
|
<a href="/moji">moji</a>
|
||
|
|
{{ partial "icon-content.html" . }}
|
||
|
|
-->
|
||
|
|
</div>
|
||
|
|
{{ partial "footer.html" . }}
|
||
|
|
</body>
|
||
|
|
</html>
|