配色デザイン本が全国の書店で発売中!

トップページ

2022.08.142025.03.23

見るだけでデザインが学べるブログ

見るだけでデザインが学べるブログ

目次

フリーフォントまとめ
デザイン本発売中!
Photoshopを学ぼう
新着記事
何を学ぶ?
人気の記事
フリー素材サイト作りました!
Instagram

フリーフォントまとめ

フォントを探す

デザイン本発売中!

デザイン本発売中!

デザイン本発売中!

Amazonはこちら

楽天はこちら

Photoshopを学ぼう

新着記事

何を学ぶ?

人気の記事

フリー素材サイト作りました!

ゆるゆるイラスト図鑑

ゆるゆるイラスト図鑑

サイトはこちら

Instagram

美しい冬の写真から作るデザイン ❄

美しい冬の写真から作るデザイン

❄︎

最も美しい比率黄金比を
取り入れたデザインの作り方💡

【黄金比とは】
黄金比は、人間が最も美しいと感じる比率と言われています。

【黄金比で作られているもの】
●松ぼっくり
●ひまわり
●アンモナイト
●台風の目
●銀河の渦巻き
●ピラミッド
●パルテノン神殿
●サグラダ・ファミリア
●モナ・リザ
●ミロのヴィーナス

【黄金比を取り入れる方法】
黄金比を数値で表すと
1：1.618（約5：8）になります。

つまり、1：1.618の四角を作り、
それを基準にデザインを作成すれば黄金比になります。

【まとめ】
今回は黄金比について解説しました！
黄金比は、一つの指標としてとても参考になります。
簡単に取り入れる事ができるので是非参考にしてみてください！

おすすめのグラデーション3選！

今回はおすすめのグラデーションカラーをご紹介します💡

是非デザインの参考にしてみてください！

あのお菓子の初代パッケージを比べてみました💡

見比べてみると、デザインがかなり変わっているものもあり、面白いです！

おすすめ! ハロウィンに使える素材サ

おすすめ!
ハロウィンに使える素材サイト

FLAT ICON DESIGN
http: //flat-icon-design.coma

ソコスト
https ://soco-st.coma

ICOOON MONO
https: //icooon-mono.com

Linustock
https: //www.linustock.com

出来れば避けたい写真加工のタブー4

出来れば避けたい
写真加工のタブー4選📷

今回は出来れば避けたい写真加工と写真選びについてご紹介しました！
見る人が不安にならないような写真を使うことも、デザイン作成において大切なポイントになると思います。

是非参考にしてみてください！

写真から抽出する
美しい北欧のカラーコード🦢

北欧は、デンマーク、フィンランド、アイスランド、ノルウェー、スウェーデンの5カ国を指します。
今回はそんな北欧の美しい写真と、写真から取ったカラーコードをご紹介します✳︎

ハロウィンに使いたい配色🎃

今回はハロウィンに使える配色を５つご紹介します！
是非デザインの参考にしてみてください🦇

ほろよいから学ぶ配色💡

商品のパッケージの配色はデザイナーさんが「これだ！」と思った色で作られています。

とても参考になるので見ていきましょう！

ほろよいのWEBサイトも可愛いですよ

知ると面白い! 有名ロゴに隠された秘

もう迷わない！色の選び方のコツ💡

もう迷わない！
色の選び方のコツ💡

●類似色を使う
●補色を使用する
●色相環図で近い色を間に挟む
●色の大体の数値を覚える

是非デザインの参考にしてみてください！

知っておきたい! 2024年流行デザイン

知っておきたい!
2024年流行デザイン

【ネオレトロ】
1980〜1990年代のビジュアルが現代的な解釈で復活したデザイン。

視覚的なインパクトが強く、エネルギッシュでポップな印象。

【ミニマルデザイン】
過剰な情報や視覚的なノイズを削ぎ落とし、シンプルかつリラックスした印象のデザイン。
余白が多いことで、要素の存在感を増すことができる。

【3Dデザイン】
奥行きや立体感を持ち、ライティングやシャドウでリアリティを強調したデザイン。
動きがあり、ユーザーが「体験」することができるデザインはサービスを直感的に理解できる。

【個性的なタイポグラフィ】
ブランドやメッセージに合わせてフォントや文字を独自にデザインしたもの。
強い視覚的インパクトを与えることができる。

すぐ真似できる！レトロっぽいデザインのコツ💡

①くすんだカラーを使う
②写真は粗く加工する
③癖のある太めの書体を使う

是非デザインの参考にしてみて下さい！

他と差をつける！
影のデザインアイデア💡

是非デザインの参考にしてみて下さい！

すぐ真似できる！
おしゃれな配色パターン💡

是非デザインの参考にしてみてください！

使いたい!
美しい明朝体フォント

01うつくし明朝

02はんなり明朝

03黎ミン

04丸明オールド

05刻明朝フォント

是非参考にしてみてください💡

フォロワーさんの美しい写真から作る配色アイデア💡

今回は、フォロワーさんのお写真から抽出した色を使ったデザインアイデアをご紹介します！🖼

是非配色の参考にしてみてください📷

すぐ真似できる！秋を感じる配色🍁

すぐ真似できる！
秋を感じる配色🍁

#colorcode #カラーコード #デザイン #デザイン初心者 #デザイナー#デザイナーさんと繋がりたい#Illustrator#Design#ロゴデザイン#Photoshop#Webデザイン#タイポグラフィ#dtpデザイナー #デザイン#デザインのコツ#デザイナーになりたい#イラレ初心者#フォトショップ加工#デザイン研究#フリーランスwebデザイナー#フリーランスデザイナー#レイアウト#レイアウトデザイン#フォトショップ練習中#今日のデザイン#Webデザイン

美しい花のカラーコード 💐

難問わかる？
色当てクイズ！

今回は、色を混ぜた時に何色になるか考えるクイズを作りました💡

何問正解できましたか？
・

さらに読み込む Instagram でフォロー

見出し（hタグ）


<h1>見出し（優先度①）</h1>
<h2>見出し（優先度②）</h2>
<h3>見出し（優先度③）</h3>
<h4>見出し（優先度④）</h4>
<h5>見出し（優先度⑤）</h5>
<h6>見出し（優先度⑥）</h6>

箇条書き（ul・ol・liタグ）

数字ありリスト


<ol>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ol>

数字なしリスト


<ul>
<li>りんご</li>
<li>ごりら</li>
<li>らっぱ</li>
</ul>

丸（数字）を消す。
CSSでul（またはol）に対して「list-style:none;」を指定


ul{
	list-style: none;/*ドットを消す*/
}

画像（imgタグ）


<img src="画像がある場所（相対パスまたは絶対パスで指定）" alt="画像の説明">

リンクタグ（aタグ）


<a href="リンク先">このテキストがリンクになる</a>


<!--別タブで開く-->
<a href="リンク先" target="_blank">このテキストがリンクになる</a>

タイトルとURLをコピーしました