illustratorでUIデザイン：基本編 - Two hats

前回は設定について記事にしましたが、今回から具体的な使い方について書きたいと思います。 ただ、ボリュームが多くなりそうなので「基本編」「応用編」「ショートカット」「部品切り出し」など項目を分けたいと思います。 線の位置は「外側 or 内側」にする。 「ピクセルグリッドに整合」しない場合、線を中央に揃えておくと線の太さが奇数になったときにぼやけた線になってしまいます。そのため「外側」か「内側」にする必要がありますが私は「内側」で作成しています。 「外側」だと指定した縦横サイズより大きく見えてしまうため、見た目の座標とillustratorの座標がズレているように見え、寸法指示の際に不都合が生じそうなので採用していません。 但し、Webデザインの場合、Borderのデフォルトは「外側」と同じ考えになるようなので、開発するシステムに合わせて内側・外側を設定すると良いと思います。 ※CSSの「bo

[idr_zz]

イラレでデザインカンプ。 長方形は「内側」線でFAなんだが直線はやっぱ0.5pxで打たなきゃだめじゃん？と思ってたが「幅or高さ1pxの長方形」とは！目から鱗！！ illustratorでUIデザイン：基本編 - Two hats