すべてのカテゴリ

ご覧いただきありがとうございます。初心者にも親切丁寧なWEBデザイナーmore design officeの樹下です。デザインについてお話を伺う際、よくお客様から「私、センスがないからどう依頼していいか分からなくて……」という不安のお声をいただきます。ですが、どうか安心してください。実は、WEBデザインにおいて最も大切なのは、生まれ持ったセンスではなく、誰にでも習得できる「ルール」なんです。プロがデザインを作る時、いきなりお洒落な色を塗ったり飾りをつけたりすることはありません。まずは、ある大切なルールに沿って「情報の整理整頓」から始めます。その中でも、特に見た目の印象を左右するのが「整列」です。「整列」が信頼感を作る理由想像してみてください。棚の商品の向きがバラバラで、値札もあちこちに散らばっているお店。そこで「一生懸命作ったこだわりの商品です」と言われても、「管理が疎かそうだけど、本当に大丈夫かな？」と少し不安になりませんか？WEBサイトもこれと同じです。・文章の行頭がビシッと揃っているか・写真の大きさが統一されているか・ボタンの配置に一貫性があるかこれらを整えるだけで、読み手は無意識のうちに「しっかりとしたサービスだな」「誠実そうな人だな」という安心感を抱くようになります。どれだけ華やかな装飾をしても、この「整列」ができていないと、一気に「手作り感（素人感）」が出てしまい、信頼を損ねる原因にもなりかねません。デザインは「整理整頓」からデザインをする際、大切なことは「どう並べたら一番わかりやすいか？」を考えることです。1.一番伝えたいことを一番目立たせる2.関係のある情報同士

商用OKの3Dイラストを配布します。 ブログや広告など自由にお使いいただけます。 出品サービスにて色や質感の変更を承っております。 お気軽にご連絡ください。array1array2array3※商用利用の場合はクレジットの表記をお願い致します。 ※著作権は放棄していません。著作権の侵害にあたる利用はやめて下さい。

前回までは、色の使い方やコントラストの考え方を学びました。今日は、レイアウトを整えるための基本ルールとして、近接・整列・反復・余白を学びます。これらのルールは、見た人に「情報が整理されている」と感じてもらうための基本です。関係のある情報を近くに置いたり、要素を揃えたり、同じルールを繰り返したりすることで、レイアウトが整って見えます。近接とは近接とは、関係のあるものを近くに置くことです。なぜ重要かというと、見た人が「この情報は一緒に見てほしい」と感じやすくなるからです。たとえば、イベント名と日時を近くに置くと、見た人は「何の案内か」と「いつ行くか」をセットで理解しやすくなります。整列とは整列とは、要素を揃えて並べることです。左揃えや中央揃えなど、どこに揃えるかを決めると、全体が安定して見えます。反復とは反復とは、同じ見え方を繰り返すことです。見出しの大きさやボタンの形、余白の取り方など、同じルールを繰り返すと、情報のまとまりが分かりやすくなります。余白とは余白とは、要素の間に空ける空きのことです。余白があると、情報が詰め込みすぎず、見た人は読みやすくなります。今日の課題紙でもCanvaでも構いません。次の4つの要素を使って、レイアウトを作ってみましょう。・タイトル・説明文・日時・主要行事３つ・参加方法近接・整列・反復・余白を意識して、情報のまとまりが分かるように配置してください。今日の確認ポイント1. 関係のある情報が近くに置かれているか2. 要素が揃っていて、安定して見えるか3. 余白が適切で、見やすいか近接・整列・反復・余白は、レイアウトを整えるための基本ルールです。次回は、