Androidアプリのアイコン制作の依頼があったのですが、各サイズを毎回リサイズするのはめんどくさ…、いや大変なので、もうpsdでテンプレ作ってしまいました。
というかこのテンプレでweb用書き出しすれば5種類のサイズにスライスしてあるので、そのまま使えます。
スマートオブジェクトになっている「edit this」を編集します。
↓
編集が終わったら「web用に保存」
↓
以上！
ね、簡単でしょう？
スマートオブジェクト内のレイヤーグループに角丸マスクも入れてあるので、必要であればそれもご利用ください。
仕事の関係上、いろんなウェブサイトを見ておりますが、表題の通りfacebookのロゴを勝手に使用しているサイトがございます。
ちゃんと利用規約読みましょう。
facebook ブランドリソースセンター
https://www.facebook.com/brandpermissions/logos.php
「facebook」文字列を使用したロゴありますよね？
アレだめらしいんですよ。基本的に使っていいのは「f」マークだけ。
そんで、たとえば画像のテキストで「facebook」もNGらしいですよ。
なぜか「Facebook」と頭のfを大文字にすればOK。
なので↓こういう使い方ならOKらしい。
たとえば「sitemap.html」というサイトマップのページがあったとして、その中に「サイトマップ」という項目は必要ないですよね。
非常に簡略化していますが、上記みたいなリストがあった場合に、ナビゲーションで、同じページが重複しても構わないと思いますが、サイトマップを閲覧している時に、サイトマップというページを表示する必要性がどれくらいあるか疑問です。
こんなパンクズのコードを見る度悲しくなります。
<div class="pan_navi"> <p><a href="../index.html" title="トップページ">HOME</a> >> <a href="index.html">施設紹介</a> >> 施設名</p></div> </div><!--second_pan_navi-->
CSS当てづらいんですよ…。全く融通が聞かないコードになってしまう。
htmlの意味を考えるとulかolを使うと思いますが、私はパンクズをマークアップするときは、なるべく<ol>を使う様にしてます。
理由は、トップページからの順番を意味を持って示したいという意図があるからです。
<ol id="topicPath"> <li><a href="../index.html" title="HOME">HOME</a></li> <li><a href="index.html">施設紹介</a></li> <li>施設名</li> </ol>
Photoshopでデザインしてると、レイヤーの数が膨大になるんですが、コピーすると表題のようなレイヤー名に「レイヤー129 の “コピー 543″」みたいなコピーのいくつみたいな番号がついてしまうのです。
これ、集中して作ってるときは問題ないんですが、いざデザインが終わってHTML作りましょってなったときに非常に厄介で、「シェイプ1 の コピー 2」とかならまだ認識できるからマシだとは言え、表題のような数になってくると、
「あれ、これ一体どこのレイヤーなのよ、もうデザイナー何やってんのよ！あ、これ作ったの俺か」
という様なジレンマというか、イラつく事が多いので、レイヤー名に「コピー」をつけないようにする方法を発見しました。
手順はとっても簡単！マウスをたった4回クリックするだけ！！スゴイ！！
「レイヤーパレット」の右上にある設定アイコンをクリックして、「パネルオプション」を選択します。
開いたパネルオプションのウインドウの最下部にある、「コピーしたレイヤーとグループに「コピー」を追加」のチェックを外します。
これで完了です！ね？簡単でしょ！？
ここまで「レイヤーXX」や「シェイプXXX」の様な表記をしてきましたが、そもそも、それぞれのレイヤーに名前を付けない事自体が混乱を招く原因になります。
私は一人でデザイン〜コーディングまで作業する事が多いので、特に問題がある訳ではないですが、通常ウェブデザインというのはチームで作業したり、会社間でデータの受け渡しをする事が多いので、「誰が見ても」「わかりやすい」「レイヤー名」をつける事が望ましいと思います。