2017年02月20日(月)

【おしゃれ！分かりやすい！ロード時間も短い！】ミニマリズムを活用したWebデザインの基本

• 0
• 1
• 0
• 1

戦後のアートにその源流を持つミニマリズムは、現代的なウェブデザインの手法として大きく進歩を遂げました。正しく使えば、ミニマリズムによってデザイナーが思った通りの場所にユーザーの注意を集めることができます。またロード時間の短縮や多様なスクリーンサイズへの適応力向上にも貢献してくれます。ここでは、ウェブデザインにおけるミニマリズムを実際にどのように実装すべきか解説していきます。

・画面1つあたり焦点は1つ

「1ページあたり1つのコンセプト」のルールを守り、1画面あたりの焦点は1つになるようにしましょう。

・大きなインパクトを与えるものを一番上に

優先度の高い、大きなインパクトを与えたいコンテンツを最上部に配置しましょう。空白をうまく利用することでより内容が際立ちます。最上部はそのコンテンツだけに集中し、下に進むにつれてコンテンツ密度が徐々に高まるように作りましょう。

author:

SeleQt（セレキュト）

http://www.seleqt.net/

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

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

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

         

‹ PREV

               

C++にXcode時短開発に人生戦略、今週発売のプログラミング関連書籍3選

         

NEXT ›

               

【2017年最新版】すべて無料の美しい手書き風フォント10選

関連記事

• Web制作者は要チェック！ Chrome 122で新しく追加された3つのCSSの機能
• 2023年、Web制作・デザインに役立つ記事の総まとめ
• CSSでの実装が今までとは大きく変わる！ スクロールをトリガーにしたアニメーションを実装する方法
• 優れた8つの事例から学ぶ動画コンテンツの活用アイデア
• Web制作者は知っておくと便利！ ブラウザのサポートが完了しているCSSの新機能を使ったテクニックのまとめ

Ads

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『【おしゃれ！分かりやすい！ロード時間も短い！】ミニマリズムを活用したWebデザインの基本』についてまとめています。

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