2019年01月7日(月)

【レスポンシブ対応】余白を効果的に使おう！余白を活かしたWebデザイン例

• 0
• 0
• 0
• 3

余白は、あなたが思っている以上に重要なデザインツールです。多くのデザイナーは、見た目がよくなる様にページ構成を調整します。その多くが、余白のバランスを直感で決めています。

しかし、いい反応があるデザインにしたいなら、ちょっとしたコツがあります。余白は、見る人が見やすくする為に調整するものです。

ここでは、たくさんのコツを教えます。その中で、あなたが一番だと思うものを見つけてください。反応のいいサイトにする為に、問題のない様にすることが必要です。見る人が印象に残るようなサイトにするにはどのように余白を使うかという事が重要です。

目次の見直し

多くのデザイナーが、最初に目次をどうするか考えると思います。

もしサイトにリンクが多数ある場合、選択肢をたくさん作れません。
入力欄を作るか、三本線アイコンの隠しメニューを作ります。

author:

SeleQt（セレキュト）

http://www.seleqt.net/

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

10代のスマホでの動画視聴率は9割超、そのうち約6割が1日1時間以上スマホで視聴【MMD研究所調べ】

         

NEXT ›

               

様々なサービスのUIサウンドを集めた「UI Sounds」

関連記事

• Web制作の仕事をするうえでの心構え【初心者必見】
• 2024年用、日本語のフリーフォント699種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記
• 【2019年4月版】役立つ新しいスキルをマスターしよう。
• HTMLメルマガ配信の「Benchmark Email」ってどんなツール？機能・費用・特徴など
• CSS Nite Shift12フォローアップ（7）原　一浩さん（グレーティブ）、矢野 りんさん（バイドゥ）

Ads

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『【レスポンシブ対応】余白を効果的に使おう！余白を活かしたWebデザイン例』についてまとめています。

この記事は特にアイコン・フォント・スマートフォン・ロゴ・動�について書かれており、 Webデザインのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt（セレキュト）で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt（セレキュト）の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。