Webデザイン

WEBデザイン

デザインデータを軽くするために気をつけていること【画像編】

画像を多用したデザインデータを作成していると、とんでもないデータサイズになっていたりしますよね。データが重たいと作業する人の気分まで重くなり、モチベーションが下がり、作業スピードも落ち、それに付随してクオリティも...なんて事態に繋がりかね...
WEBデザイン

【シンプル系】商用フリーの無料イラスト配布サイト3選

ここ数年、デザイン業界では立体的なデザインから平面的なフラットデザインが主流になりつつありますよね。どの業界でも、よりシンプルなものが好まれる傾向にあるんじゃないでしょうか。 最近、サイトや広告などで主線が完全に繋がっていないようなユルめの...
WEBデザイン

PCの中のフォントを一覧表示してくれるWebサイト「wordmark.it」のご紹介

みなさんはデザインをする際、どのようにフォントを選んでいるのでしょうか。 作業しているアプリケーション上で選んでいる方が多いんじゃないかな、と個人的に思っているのですが。(私がそうだからです!) 実は、自分のPCに入っているフォントをページ...
WEBデザイン

Web制作に便利!「文字数カウント」ツールのご紹介

私は普段、Illustratorを使ってWebサイトのデザインをしているのですが、「ここに30文字〜40文字入れたい!」や「このテキストは文字数いくつだっけ?」となることが多々あります。サイトの訪問者に文章をしっかり読んでもらうためにも、読...
WEBデザイン

【Illustrator】透過色のオブジェクトを不透明にする方法

デザイン全体のトーンを統一するために、1つの色を透過させて配色することがよくあります。 透過色ばかり使っていると、どこかで別の色に干渉してしまうんですよね。色合いが汚くなるのであきらめて別の手段を…なんてことも度々ありました。 そんな時、透...
WEBデザイン

【Illustrator】文字の枠線を「外側」にする方法!「線を外側に揃える」が選択できなくて困っている方へ

文字を強調するときに枠線をつけることがありますが、そのまま線の太さを上げていくと内側がつぶれてしまい読みづらくなってしまいますよね。 そんなとき、線パネルの「線の位置」で軸の位置を中央(デフォルト)→外側にすることで、中の面積を変えることな...
WEBデザイン

【Photoshop】画像の文字からフォントを探してくれる「マッチフォント」

Photoshopには「マッチフォント」という便利な機能があります! どんな機能なのかというと、画像の文字から類似のフォントを探してくれて、AdobeFontsであればそのままアクティベートもできるというもの。画像のようなフォントが使いたい...
WEBデザイン

印刷物を入稿する前に確認しておくべきこと

名刺やハガキなどの印刷物を業務でいくつか制作したのですが、入稿にあたり、守らなくてはいけないルールが沢山あって、「何か見落としてないかな…」と現物が手元に届くまで毎回ドキドキしていました。 そこで本日は、印刷物を制作するときに気をつけるべき...
WEBデザイン

【Illustrator】あなたのポートフォリオは大丈夫?PDFデータを軽くする方法

IllustratorやPhotoshopの制作物をそのままPDF保存したら、とんでもないデータサイズになっていることありませんか? このままだと開くのに時間がかかる上に、添付ファイルサイズの容量制限でメールが送れない…なんてトラブルが起こ...
WEBデザイン

【Illustrator】テキストが選択できなくなった時の対処法

こんにちは。 先日、イラレで作業している際に、ロックをかけていないのにテキストが選択(ドラッグ)できなくなったんですよね。初めてのことだったので、慌てて対処法を調べてなんとか解決することができました。 また同じ現象に陥ったときのために、備忘...