「 Webデザイン 」 一覧

Webデザインにおいて、重要だけどつい見落としがちな文字詰め（カーニング）。 そんなカーニングを体感的に楽しく学べるWebサービス「KernType」をご紹介します。   KernTypeの …

今回は、Photoshopで画像の白い部分だけを透過させたいときの方法についてご紹介します。 ダウンロードした素材を切り抜いて使いたいときなど、この方法を使えば簡単に行うことができるのでおすすめです。 …

和風のデザインを制作するとき、配色の参考になる素晴らしいサイトを見つけたのでご紹介します。 その名も「NIPPON COLORS – 日本の伝統色」といって、日本らしい色の数々がストックさ …

以前、「wordmark.it」（自分のPC内にインストールされているフォントをブラウザ上で一覧表示してくれる無料のWEBサービス）についてご紹介しましたが、今回はダウンロードしていないフォントを一覧 …

みなさんは、ICON BOXというアイコン素材サイトをご存知ですか？ 細いラインを使用したお洒落〜なアイコンがたくさんあるサイトなのですが、なんとどれもパスの編集が可能なんです！ フリーのアイコン素材 …

AdobeのCreative Cloudを契約していると使える「Typekit」。 様々なタイプのフォントを自分のPCに同期させてPhotoshopやIllustrator等で使うことができるのでとて …

タブやお気に入りなどで、横に小さくに表示されるファビコンですが、サイズが小さい故に意外とデザインも難しいですよね。。 それでも、ウェブサイトのシンボル、そしてユーザーにウェブサイトを印象付けるための重 …

今回は久しぶりにphotoshopのテクニックについてご紹介したいと思います。 いきなりですが、私の会社では有料サイトの画像を使用する場合はまずカンプ画像を使い、その後クライアントからOKが出たら画像 …

現在ロゴ制作を担当しているのですが、ロゴという小さなデザインの中にも名前やメッセージ、イメージなど様々な要素を詰め込まないといけないので難しく、悪戦苦闘しています。 アイデアさえ湧けば、その後はどんど …

前回の記事では、ロゴ制作の「ヒアリング内容〜制作の流れ」について、参考になる記事を２つご紹介しました。 そこで今回は、実際にどのようなロゴにするかアイディアを出していく時に参考になるサイトを３つご紹介 …