Web Design Trends

Webに関わるすべての人のためのメディア

2021年版!おすすめのCSSフレームワーク総まとめ。特徴や比較も!

CSSのコード記述量を減らして、効率的にスピード感を持ってWeb制作を行う助けとなるのがCSSフレームワークです。 現在公開されているCSSフレームワークの種類は非常に多く、それぞれの特徴や目的なども...

2021年7月:デザインの参考にしたいWebサイト12選

2021年7月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたWebデザインに触れることによって、トレンドのデザインを知ることができたり、デザインのヒントを見つかったり...

Googleによる新たなデザインシステム「Material You」が発表!アクセシビリティを重視したデザインに注目。

2021年5月18日に開催されたGoogle I/Oにて、Android 12の発表に合わせてGoogleによる新たなデザインシステム「Material You」が発表されました。 現時点で公開されて...

【2021年版】おすすめのリセットCSSまとめ!基本と使い方の解説も

リセットCSSとは、ブラウザによって異なるデフォルトのCSSを打ち消してブラウザ間の表示を揃えるためのCSSファイルのことを言います。 分かりやすい例だと、inputタグなどはSafariとChrom...

2021年5月:デザインの参考にしたいWebサイト12選

2021年5月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 様々なWebサイトの中から、デザインが魅力的でたくさんの方の参考になるものを選んでいるので、ぜひご自身のデザイン...

【GA4対応】WordPressサイトへのGoogleタグマネージャー導入方法【GTM】

Googleタグマネージャーを使えば、Webサイトに埋め込むタグの管理が簡単に行えるようになり、Webサイト運用が効率化されます。 WordPressで作られたサイトも同様に、Googleタグマネージ...

2021年最新!SEOに強いおすすめWordPressテーマまとめ

WordPressを使ってWebサイトを作成する時、みなさん最初に悩むのがテーマ選びだと思います。 今回は、SEO対策を意識して作られた、SEOに強いおすすめのWordPressテーマをご紹介したいと...

Googleアナリティクス4(GA4)を使ってみよう!導入方法やメリット/デメリットまとめ

2020年登場したGoogleアナリティクス4(GA4)ですが、まだまだ従来のユニバーサルアナリティクスが主流となっている印象で、導入を済ませていない方も多いのではないでしょうか。 ユニバーサルアナリ...

2021年4月:デザインの参考にしたいWebサイト10選

2021年4月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 様々なWebサイトの中から、デザインが魅力的でたくさんの方の参考になるものを選んでいるので、ぜひご自身のデザイン...

2021年3月:デザインの参考にしたいWebサイト12選

2021年3月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 様々なテイストのWebサイトの中から幅広くピックアップしているので、ぜひご自身のデザイン制作に役立ててみてくださ...

【2021年版】おしゃれな配色パターンが見つかる!カラーパレット人気ツール20個まとめ

配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色...

【2021年版】ほんとに無料?フリーイラスト素材サイト24個まとめ【商用利用OK】

デザイン制作や資料作成など、イラストを取り入れることで印象がガラッと変わったり、より分かりやすく華やかな印象に仕上げることができます。 イラスト素材は画像素材よりもイメージ通りのものを見つけるのが難し...

【2021年版】無料で商用利用可能!フリー画像・素材サイトのおすすめ10選

デザイン制作や記事の制作、資料作成など画像素材を利用するシーンは様々ですが、そんな時に役立つのがフリー画像・素材サイトです。 フリー画像やフリー写真を配布しているサイトはたくさんありますが、数が多くて...

フォントワークスの8書体がGoogle Fontsにて無料で利用可能に!

筑紫書体やロダンなどの有名フォントを提供する「フォントワークス」が2021年1月にGoogle Fontsで8つの書体の提供を開始しました。 これにより、Google Fontsで利用できる日本語フォ...

2021年に流行するロゴデザインの最新トレンド11個まとめ

2021年のロゴデザインは、他のデザイン分野のトレンドを上手く取り入れるというのがポイントです。 ロゴというものはブランディングの重要な要素であり、デザインはあなたが誰であるかを示すだけでなく、どのよ...

2021年のトレンドカラーは2色の組み合わせ!カラーパレットのサンプルも

毎年12月ごろにPantoneから発表されているカラーオブザイヤーですが、2021年は、イエローとグレーの2種類がトレンドカラーとして選ばれました。 今回は、それぞれの色に関する情報や、トレンドカラー...

2021年に流行するグラフィックデザインの最新トレンド12個まとめ

2020年はコロナウイルスの影響で、これまでに経験したことの無い1年になりました。その一方で、オンラインの世界ではその影響で急速に様々な変化が生まれています。オンライン教育、オンラインショッピング、リ...

2021年に流行するWebデザインの最新トレンド12個まとめ

ついに2021年がやってきました。Webデザインのトレンドの移り変わりはとても早く、数年でトレンドがガラッと変わることもしばしばあります。必ずしもトレンドに合わせたデザインを制作する必要はありませんが...

【2021年最新】WordPressの使い方を徹底解説!初心者向けのおすすめ設定も

WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定す...

2020年12月:デザインの参考にしたいWebサイト12選

2020年12月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 ポップなデザインからスタイリッシュなデザインまで幅広くピックアップしているので、ぜひご自身のデザイン制作に役立...

2020年版:デザイナー必見!おすすめのChrome拡張機能20個まとめ

Webデザインや、Web制作を行う時に、Chromeの拡張機能を活用することによって作業効率がアップしたり、デザインの参考になる情報を表示することができたりするなど、メリットがたくさんあります。 今回...

2020年9月:デザインの参考にしたいWebサイト10選

2020年9月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 今月は、シンプルなものから賑やかなWebサイトまで、幅広くピックアップしてみました。ぜひご自身のデザイン制作に役...

初心者におすすめ!WordPressサイトの簡単な作り方と公開までの手順まとめ

WordPressはブログやコーポレートサイトなど、様々なサイトに使われている人気のソフトウェアです。 しかし、レンタルサーバーの用意やドメインの取得など、初心者がWordPressサイトを公開する場...

CSSだけで作れる!背景パターンや模様のサンプルコードまとめ

Web上の要素に背景をスタイリングする場合、画像を表示するのが一般的ですが、実はCSSだけで色々な種類の背景パターンや模様を表示することができます。 ドット柄やチェック模様、ストライプなど色々な種類の...

おすすめ

"いま"読まれている記事

12345...»

© 2021 Web Design Trends