yuna - yunaと余白

レスポンシブデザインの基本：スマホ時代に必須の設計術

Webサイトは、スマホ・タブレット・PCなど、多様なデバイスで見られる時代です。その中で「レスポンシブデザイン」を理解しておくことは、どんなWeb制作者にとっても必須のスキルです。本記事では、スマホファーストの考え方か… レスポンシブデザインの基本：スマホ時代に必須の設計術

『アメリカン・ビューティー』は単なるドラマ映画ではなく、色彩設計・構図・光・プロダクションデザイン・象徴モチーフが緻密に組み込まれた美術作品のような映画です。本記事では、デザイナー目線で作品を深く掘り下げ、映画が描く「… 映画『アメリカン・ビューティー』はなぜ美しい？デザインで読み解く視覚の物語

コーディングとWEBデザインを学び始めて2週間。さらにブログを書き始めて5日で25記事を一気に積み上げたことで、自分の成長スピードと「夢中」で走り抜ける力をあらためて実感しています。本記事では、今の現状でできること、見… 成長ログ＃1｜2週間の学びで見えた現在地とこれから

ある日、WEBデザインやコーディング、ブログ執筆、LP制作など、複数の作業を進めていたところ、気づけば14時間も休憩なしで作業を続けていたことに驚きました。疲れよりも「楽しい」「もっとやりたい」という気持ちが勝ち、止ま… 集中が深まった日に気づいた大切な習慣術

「かっこいい Webサイト作り方」で検索する多くの方が知りたいのは、どうすればプロのように“世界観が強いサイト”を作れるのかという点です。 Webデザインの印象は最初の30秒で決まると言われ、視覚的なレイアウトや情報設… かっこいいWebサイトを作る方法｜世界観と30秒の魅せ方で差がつくデザイン術

WEBデザイン初心者がつまずきやすい「ダサく見えるポイント」を10項目にまとめて徹底解説します。本記事では、配色・余白・フォント・写真選び・情報整理など、サイトの印象を大きく左右する基礎を分かりやすく紹介。今日すぐ実践… 初心者がやりがちなダサいWEBデザイン10選｜今日から脱・素人感！

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

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

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

気づけば、デザインがどんどん好きになっていました。最初はコーディングのほうが性に合っていて、デザインはふわっとしていて掴みにくい存在。特に人気のWEBデザインを見ると、アニメーションで魅せるタイプが多く、正直しっくり来… デザインが好きになってきた理由を丁寧に言語化してみた