「クリエイター丙」の記事一覧16ページ

Illustratorでウェブサイトのレイアウトを作るシリーズの最終回、最後はいちばん大事なこと……ウェブデザインそのもののことに触れてみます。

チラシやポスター、エディトリアルなどの紙ものと、ウェブサイトのデザイン、それぞれの文法の違いをもっと意識しようよ、というお話です。

Adobe Illustratorでウェブデザインを組む場合のコツをお届けするシリーズです。レイアウトが固まったら、次はHTML化するために画像が必要です。今回は、その画像の書き出しについてのお話です。

あんまり一般的ではないかもしれませんが、niaoはこんな方法で一気にスライスを書き出しています。画面も見やすいんです。

Illustratorのウェブ寄りの機能に、「ピクセルグリッドに整合」というオプションがあります。

この機能をONにしておくと、実際にはオブジェクトがピクセルに合わない大きさだったとしても、ピクセルに合うように自動調整がかかります。

便利なようですが、私は個人的にこの機能は考えものだと思っています。いつも「ピクセルグリッドに整合」はOFFにしています。

Adobe Illustratorでウェブデザインを組むコツをお届けするシリーズです。イラレこそがレイアウトに最適、とは知ったものの扱いがイマイチ……という方に届けば嬉しいです。きっと、効率良くなりますよ。

前の記事では、Illustratorでウェブサイトのレイアウトを組むときには常にピクセルの合った画像を作ることが大事ということで、ピクセルの合ったレイアウトを作るための設定のコツをまとめました。

でも、気をつけているつもりなのに、なんか合わない……、というときはここをチェックしてみてください。

「Adobe Illustratorでウェブサイトのレイアウトを組む」というと、未だに抵抗を示す人が多くいます。だけど実際のところ、本当にカンタンなことにさえ気をつければ、ウェブサイトのレイアウトを組むのなんかぜーんぜん難しくないのです。

ではイラレでウェブデザインを組むとき、どんなところに気をつければ良いのでしょうか？イラレ歴18年のniaoが5回の記事でまとめてみます。
※歳は詮索しないでね。

まず何より、Illustratorでウェブサイトのレイアウトを組むときに大切なのは、常にピクセルの合った画像を作ることです。