タグ

*webデザインに関するwaterwalkerのブックマーク (3)

  • Illustratorでピクセル単位の作業を奇麗に行うための方法(イラレのピクセルずれ問題) - フリーでWebデザインとかやってる紳士。

    2017年の追記(CC2017向け) 次の点に留意して作業すればOK。基的にイラレのピクセル周りの扱いはモリモリ改善されているのでだいぶ楽になった。 次セクション「2016年の追記」との違いだけを列挙する。 変形パネルの「ピクセルグリッドに整合」と「新規オブジェクトをピクセルグリッドに整合」が廃止され、あらたに「コントロール」バーの一番右に「ピクセルのスナップオプション」が追加された。これをオンにする。またその中の詳細項目にも全部チェックをつけておく。 それでも作業中に何かのはずみであるオブジェクトが整数ピクセルじゃない状態になったら、「ピクセルのスナップオプション」の隣にある「選択したアートをピクセルグリッドに整合」ボタンをポチして位置調整する。私は今までコントロールバーは邪魔なので非表示にしていたが今はこのボタンのためだけに表示している(スクリプトでなんとかなりそうな気もするが調べて

    Illustratorでピクセル単位の作業を奇麗に行うための方法(イラレのピクセルずれ問題) - フリーでWebデザインとかやってる紳士。
    waterwalker
    waterwalker 2011/12/28
    Illustratorでピクセルをピタっとあわせる方法か。そうそう。ピクセルまわりの扱いが面倒だから、イメージラフをFireworksで作ってるんだよな。昔はIllustratorでラフを描いてたこともあったけど。。
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • Webデザインにおける、1pxへのこだわり

    ☆ご注意☆ この記事は 2011年6月5日 に書いたものです。情報が古い可能性がありますのでご注意ください。 私も少しですがこの「1pxのこだわり」を日頃のデザインで使えるようになってきたので、制作方法とともにちょっとまとめてみました。 引き出しのひとつとして、デザイン勉強中の方、参考にしてもらえるとうれしいです^^ デザイン上級者の方々にとっては当然のことだと思うのですが、 最近つくづく思うのが、「1pxで質感が全然変わるよなぁ~」ってとても感じます。 たった1pxでピリッとしまったり、見やすくなったり、しゅっとなったり、、、と、1pxをないがしろにしちゃいけないんですねー… 今回は、私がデザイン制作時よく参考にしている、 デザイン参考集、bookma!さんの中から、色んなサイトを調べてみました。 目次 仕切り線の1px 文字をキリッと見せるための1px 動きのある1px 1pxの枠 仕

    Webデザインにおける、1pxへのこだわり
    waterwalker
    waterwalker 2011/06/06
    揃えや文字詰めでも同じことが言えますね。
  • 1