余白設計について:基本的な考え方
- デザイン
- #デザイン
はじめに 今回はWebサイトを作成する上での余白で必要な知識や実際の案件で活用できる余白のノウハウについてまとめました。余白設計については色々な方法がありますが、今回は一般的によいとされている規則や内容について説明させてもらいます。 余白の役割を確認しよう はじめに、Webデザインを作る上で余白設計がとて...
新井 慎之介
2ページ目
-
-
カラーデザインの基礎知識：色相環から配色理論まで
- デザイン
- #配色
- #カラー
色の基礎知識を覚えておこう 色相環について理解しよう 色相環は、色相（Hue）を円形に配置した図形で、色相を直感的に理解するためのツールとして広く用いられています。 色は光の波長によって変わり、赤、オレンジ、黄色、緑、青、紫と言うように連続的に変化して知覚されます。これらを連続的に円環状にしたものを色...
新井 慎之介 -
CSS単位について理解しよう
- CSS
- #css
はじめに 今日はCSS単位の使い分けについて解説したいと思います。普段はデザイナーをしていますが他の参考サイトを見る際に検証ツールを使用してフォントサイズや余白を確認してみることがあります。CSS単位を知る前までは「px」しか知りませんでした。 単位の意味を理解しておくだけでも良いと思いご紹介したいと思い...
新井 慎之介 -
illustratorで共同編する方法を理解しよう
- デザイン
- #illustrator
- #Webデザイン
はじめに 今回、ご紹介するのは2021年2月9日にAdobeが発表しているIllustratorや Photoshopの共同編集についてです。 元々、AdobeXDではできていた機能ですが今では、Illustratorや Photoshopでもできるようになりました。 共同編集ができるまえまでは、IllustratorやPhotoshopを共有する場合は元々のデータ（.aiファイ...
新井 慎之介 -
拡張子の種類と使い分けを理解しよう
- Web
- #web
はじめに 今回は画像や写真の拡張子についてお話します。拡張子にはいくつかの種類が存在していて、それぞれに強みや弱点があります。それらの紹介をしていきながら、拡張子の使い分け方ができるようにわかりやすく説明していきたいと思います。 拡張子とは画像のファイル形式のことを指します。例えば「jpg」や「PNG」...
新井 慎之介 -
Webフォントの基本を理解しよう
- デザイン
- #Webデザイン
- #Webフォント
はじめに フォントには画像データでアップされたフォントやPCに元々、入っているデバイスフォントの他に「Webフォント」という概念のものがあります。有名な例だとGoogleFontsというものがあります。 今回はWebフォントを中心に説明していきたいと思います。 Webフォントについて 「Webフォント」とはWebサーバーから取...
新井 慎之介
