Web Design Trends

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

2023年4月:デザインの参考にしたい魅力的なWebサイト12選

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

チャットで質問!「ChatWP」ならWordPressのコードをAIが教えてくれる

ChatGPTを中心に様々なAI関連サービスが注目を集めています。Webデザイン、Web制作においても同様に様々なサービスが登場しています。 今回は、WordPressの公式ドキュメントを学習データと…

【2023】無料で使えるフリーアイコン素材サイト25個まとめ【商用利用OK】

アイコン素材はWebデザインのあらゆる場所で活用することができます。ボタンやリストの見出し、ラベルなどにアイコン素材を取り入れれば、より使いやすくデザインも優れたWebサイトを作ることができますね。 …

【2023】無料で商用利用可能!フリー画像・写真素材サイトのおすすめ12選

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

2023年3月:デザインの参考にしたい魅力的なWebサイト10選

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

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

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

【2023年】SEOに強いおすすめWordPressテーマまとめ

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

知っておくべきAI関連の新サービス情報!最近発表されたものをピックアップ

この数週間、数日の中でAI関連のニュースが目まぐるしく発表されています。様々なAIが登場し、日常の業務の中に浸透してくると、AIを活用するスキルが求められるようになるでしょう。 そのスキルを磨くために…

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

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

AIで加速するUIデザインの世界!必見の最新サービスとは?

昨今のAIを活用した最新サービスの進化はすさまじく、それはUIデザインにおいても同様に勢いを見せてきています。 おそらく今後様々な新サービスが登場し、現在では当たり前となっているワークフローが大きく変…

2022年12月:デザインの参考にしたい魅力的なWebサイト10選

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

FLOCSSとは?CSS設計手法を活用して保守性の高いコードを書こう

FLOCSS(フロックス)は、人気の高いCSS設計手法の1つです。 CSSは複数人で作業したり、大規模なWebサイトになるとコード量が増えてしまい、途中で整合性が取れなくなったり、破綻してしまう場合が…

ヘッドレスCMSって何?メリット・デメリットや人気のサービスまとめ

これまではコーポレートサイト、メディアなど動的なコンテンツを伴うWebサイトの制作にはWordPress、もしくは独自のCMSを使うというケースがほとんどでした。 最近では、ヘッドレスCMSが注目を集…

2023年のトレンドカラーは「ビバ マゼンタ」。鮮やかで力強い華やかなレッドに

Pantoneから発表された2023年のカラーオブザイヤーは「ビバ マゼンタ(Viva Magenta 18-1750)」と発表されました。 鮮やかで活力に満ちていて、勇敢で大胆不敵なイメージを持ち、…

2022年11月:デザインの参考にしたい魅力的なWebサイト14選

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

各種SNSのシェアボタン設置用URLまとめ!サンプルコードも

Facebook、TwitterなどのSNSに記事をシェアしてもらうのに必要なのが「シェアボタン」です。サービスごとにURLやパラメータが異なるため、オリジナルでシェアボタンを作成する場合はそれぞれ設…

2022年9月:デザインの参考にしたい魅力的なWebサイト12選

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

【GA4】簡単!外部リンクのクリック数を計測する方法

GoogleアナリティクスでWebサイトのデータを分析する際に、外部リンクのクリック数をKPIとして追っていたり、アクティビティの参考として確認したいケースはよくあります。 従来のGAはGoogleタ…

コピペで使える!CSSグラデーションジェネレーター20個まとめ

グラデーションはWebデザインに魅力的な雰囲気を生み出してくれる重要な要素の1つです。慣れてくると自分で思い通りに作れるようになりますが、最初はグラデーションの色使いに苦戦する人も多いのではないでしょ…

2022年版:OGPの正しい設定方法まとめ。確認方法や画像サイズも

OGPは、WebサイトのSNSからの流入を増やすためには欠かせない存在ですが、意外とWebサイト公開時に忘れがちになってしまいます。 ただしくOGPが設定されていないと、せっかくSNSでURLがシェア…

コピペでOK!CSSで作る背景パターンのサンプルコードまとめ

Webサイト上の要素に背景を表示したい場合、シンプルに画像で表示する形が一般的ですが、CSSを使って背景パターンを表示するという方法もあります。 ドット柄やチェック模様、ストライプなど色々な種類の背景…

2022年8月:デザインの参考にしたい魅力的なWebサイト11選

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

Webデザインのおすすめギャラリーサイト23個まとめ【2022年最新】

様々なインスピレーションを与えてくれるデザインの優れたWebサイトをチェックするには、国内、海外の最新Webサイトの情報が日々更新されているWebデザインのギャラリーサイトがおすすめです。 ギャラリー…

【2022年版】おすすめのリセットCSSまとめ!基本知識と使い方を解説

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

RECOMMENDED

© 2023 Web Design Trends