制作・技術

制作・技術

【覚えておきたい!】Webデザインにおける配色の基本 ~初級~

Webデザインの時の悩ましい要素として、「配色」というものがあると思います。 無数に存在する色から、...
制作・技術

これで脱初心者!「伝わるデザインのコツ」【文字と文章編】

「伝える」ために、情報を「整理」する 人とコミュニケーションをとる時、声など「聴覚」の情報ももちろん...
制作・技術

ちょっとの違いで大違い!「余白」でWEBデザインを極める!

WEBデザインをするうえでとても大切なことの一つとして、「情報を整理する」ことがあります。 見ている...
制作・技術

手軽に実装できるGoogle Fontsの実装方法について紹介!!

はじめに 前回はおすすめ無償&有償のWebフォントサービスについて紹介しました。 今回は実際にWeb...
制作・技術

これだけ抑えればあなたも脱初心者!デザイン4つのコツ

自分で作ったデザインで、「なんだかしっくりこない」「なんか素人っぽい…」と感じることはありませんか?...
制作・技術

面倒な切り抜きもスピーディに!Photoshop「選択とマスク」機能を解説

デザインをするうえで、写真の中のモノや人物を切り抜いて使用したい! という場面は多くあると思います。...
制作・技術

【現役デザイナーが教える】新人デザイナーが毎日チェックすべきサイト6選

新人Webデザイナーのみなさん、いかがお過ごしでしょうか? 覚える事が沢山ありつつも、徐々に仕事の勝...
制作・技術

ハイクオリティなバナーを作るためのコツ大公開!【レイアウト編】

バナーを作るうえで、コピーや写真などの配置を決めるのに、時間がかかってませんか? 「ああでもない」「...
制作・技術

【新人Webデザイナー必見!】バナー作成時に参考にしたいサイト5選

Webデザイナーになって、まず任されることが多いのは、バナーの作成業務ではないでしょうか? 限られた...
制作・技術

おすすめ無償&有償のWebフォントサービスの紹介

Webサイトのデザインを実際にHTML・CSSで再現する上で、以前はデザイン性のある文字を再現するこ...
制作・技術

【Photoshop初級】写真加工の基礎の基礎を覚えよう!

写真の加工をするのに最適なツール「Photoshop」。 様々な加工を可能にする機能がたくさん搭載さ...
制作・技術

新人デザイナーに送る、フォントの基礎知識&おすすめフリーフォント

画像作成をしているとき、「思い描いている雰囲気にならないなぁ」「画像にまとまりが出ない…」など、躓い...