今日の学び - yunaと余白

LP制作で絶対使いたいフリーフォント12選｜WEBデザインを整える最良ガイド

LP（ランディングページ）を魅力的に見せるうえで、フォントの存在は非常に重要です。特に**フリーフォント（商用OK）**は導入しやすく、WEBデザインの統一性を高めてくれる強い味方です。本記事では、LP制作に特に相性… LP制作で絶対使いたいフリーフォント12選｜WEBデザインを整える最良ガイド

フォントを選ぶとき、「明朝体とゴシック体の違いって何？どちらを選べばいい？」と迷うことはよくあります。文字はデザインの印象を決める大きな要素で、可読性や視認性にも影響します。本記事では、それぞれの意味や成り立ちから、… 明朝体とゴシック体とは？違いと使い分けを可読性から解説

Webデザインでは、レイアウトを整えるために Grid と Flex をどのように使い分けるかがとても重要です。なんとなく使ってしまうと、後からレイアウトが崩れたり、柔軟な調整ができなくなったりします。本記事では、そ… CSSレイアウトの基本：GridとFlexの正しい使い分け大全

WEBデザインにおいて、写真はレイアウトと同じくらい印象を左右します。しかし「なんとなく合わない」「良い写真がわからない」と苦手意識を持つ人も少なくありません。そこで本記事では、ミニマルで洗練されたデザインを作るための… 写真選びでデザインの印象が激変するミニマル思考ガイド

静的サイトは、高速表示・安定性・シンプルな構造が魅力のサイト形式です。 WEBデザインにこだわりたい人にとても相性が良く、HTML・CSS・JavaScriptという基礎的な言語だけで、美しく・軽く・整ったサイトを作るこ… 初心者でも静的サイトを作る方法｜基礎から実装まで完全解説

「Webサイトがなんとなくダサく見える」「洗練されたデザインにならない」——そんな悩みの多くは配色が原因です。色には心理的なイメージがあり、適切な色を選ぶだけで世界観・視認性・信頼性が大幅に向上します。さらに… 失敗しないWebサイト配色術｜誰でも美しく見せる色選びのコツ

明朝体フォントは、その繊細な線と独特のコントラストによって、たった一行の文字だけでデザインを“上品”に変えてしまう力を持っています。特に最近は、無料で使えるフリーフォントの質も驚くほど高く、「おしゃれ」「品がある」「ま… おしゃれで品がある、明朝体の選び方

LP制作は「経験が必要」「難しそう」と思われがちですが、私は学習開始からたった2週間で、LPを0から4時間半で作れるレベルに到達しました。特別な技術があったわけではありません。ポイントは、工程を理解し、迷いを減らす仕組… 未経験でもLP自作！学習2週間で4時間半の制作工程

白は「何もない色」ではなく、最も繊細で、最も表現の幅が広い色です。純白の鋭さ、アイボリーの温かさ、グレー寄りの静けさ。たった数％の色味の違いで、Webデザインの印象は驚くほど変化します。白を使いこなすことは、余白を美… 白Webデザインを極める：印象を変える白の種類と使い分け

WEBデザインにおいて、枠線はデザインの骨格を決める重要な要素です。単に囲むだけでなく、情報整理・視線誘導・余白の質を高める役割を持ちます。本記事では、「CSSの枠線をおしゃれに魅せる方法」を体系的にまとめ、今日すぐ実… WEBデザインを格上げするおしゃれなCSS枠線の作り方