Web Design Trends

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

Page 3 of 16

2021年版:ファビコン(favicon)の設定方法とおすすめの作成ツール

Webサイトにファビコン(favicon)を設定しておくことで、ブラウザのタブやGoogleの検索結果にアイコンが表示されるようになります。 今回は、2021年現在のファビコン(favicon)の設定…

これは使える!「動くWebデザインアイディア帳」でWebアニメーションの基本を身に付けよう

Webサイトにおいて、アニメーションはもはや切っても切り離せない存在です。ちょっとしたアニメーションによって、Webサイトの使いやすさや印象に大きく影響を与えます。 しかし、Webサイトのアニメーショ…

CSS filterの使い方:画像にフィルタを追加して表現の幅を広げよう

CSS filterを使えば、Webサイト上で画像のぼかしや色の調整、透明度などを変化させることができます。 アニメーションと組み合わせることで、ユーザーのアクションを元に画像を変化させることができ、…

2021年版:おすすめのWebアイコンフォントサービス10選

Webアイコンフォントを利用することで、数千種類のアイコン素材をWebサイト上で簡単に表示することができます。 Webサイト上で多くの画像ファイルを読み込むとページの表示速度に影響してしまいますが、W…

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

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

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

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

高クオリティで魅力的な有料写真素材・ストックフォトサービスまとめ

有料写真素材サイトとは、Webサイトや制作物で利用する写真素材を有料で手に入れることができるサービスです。 無料で素材を手に入れることができるフリー写真素材サービスも多く公開されていますが、有料素材の…

WordPressのセキュリティを強化するための10個のチェックポイント

WordPressはブラウザ上で簡単にWebサイトを管理することができ、多くのWebサイトがWordPressを使って公開されていますが、一方でアカウントが他の人に知られてしまうと誰でも簡単にアクセス…

2021年版:Flexboxの対応ブラウザとベンダープレフィックスまとめ

CSS FlexboxはCSSでレイアウトを組む時に使われる主要な手法の1つです。 しかし、比較的新しいレイアウト法なので、一部のバージョンが古いブラウザでは正しく表示されないという課題も抱えています…

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タグマネージ…

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】

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

フォントワークスの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デザインのトレンドの移り変わりはとても早く、数年でトレンドがガラッと変わることもしばしばあります。必ずしもトレンドに合わせたデザインを制作する必要はありませんが…

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

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

RECOMMENDED

© 2022 Web Design Trends