Web Design Trends

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

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

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

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

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

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

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

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

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

2020年版:Adobe XDのおすすめUIキット18選

UIキットとは、画面デザインやレイアウト、さらにパーツごとのデザインなどが集まったデザイン集のようなものです。 UIキットを参考にすることで、優れたデザインのアイデアを見つけることができたり、フリーの...

2020年版:XDがもっと便利に!おすすめのプラグインまとめ

WebやアプリのUIデザイン制作に使われる機会の多いAdobe XDですが、「プラグイン」を活用することによってもっと便利に使うことができます。 現在では様々なプラグインが登場していて、どのプラグイン...

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

2020年8月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 今月は、シンプルながらもデザイン性の高いWebサイトを中心にピックアップしています。ぜひご自身のデザイン制作に役...

WordPressサイトを高速化するための9つの方法

SEO対策において、ページの表示速度は注意すべき指標の1つです。 ページの読み込みに3秒以上かかると50%以上のユーザーが離脱してしまうと言われており、たった数秒の違いで与える影響の大きさは計り知れま...

2020年版:誰でもプロ並みの配色が作れる!便利な配色パターン見本サービスまとめ

配色はデザインにおいて重要な要素の1つですが、優れた配色を作る方法が分からないという方も多いのではないでしょうか。 そこで、今回は初心者の方でも優れた配色ができる配色パターン見本サービスをまとめました...

簡単!WordPressサイトにSNSシェアボタンを追加する方法

WebサイトはSEO対策も重要ですが、SNSを活用したマーケティングも非常に重要です。 特にメディアやブログなどは、投稿にSNSシェアボタンを設置することにより、SNSからのアクセスアップを増やすこと...

2020年版:オンラインでWebデザインが学べるおすすめサービスまとめ

最近では色々なサービスが登場して、オンラインでWebデザインを学ぶためのサービスも数多く登場してきました。 今回は、オンラインでWebデザイン・Web制作が学べるおすすめのサービスをご紹介していきたい...

初心者が独学でWebデザインを勉強するための学習ガイド

Webデザイナーは、様々な表現を使ってWebサイトを作り上げるという多くの人が憧れる職業の1つです。 しかし、一言にWebデザインと言っても学ばなければならないことがたくさんあり、勉強しようと思っても...

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

2020年7月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 優れたデザインのWebサイトからインスピレーションを得て、自身のデザイン制作に役立ててみてください。 MAISO...

2020年版:ほんとに無料?高クオリティなフリーイラスト素材サイト20個まとめ【商用利用も】

Webサイトにイラストを取り入れる機会は多いと思いますが、オリジナルイラストを制作すると手間がかかったり、費用がかかってしまいます。 今回は、2020年最新の無料で利用できるおすすめフリーイラスト素材...

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

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

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

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

2020年版!おすすめのWebアイコンフォントサービス7選

Webアイコンフォントは、気軽にWebサイト上でアイコンを表示するための便利なサービスです。 画像をたくさん表示してしまうと、ページ読み込み速度に影響してしまいますが、Webアイコンフォントであればフ...

2020年版!WordPressのおすすめブランクテーマ・スターターテーマまとめ

WordPressの自作テーマを作る場合、0から自分で作る方法でも作ることはできますが、WordPress独自のコードを記述する量が多くなってしまい、かなりの手間がかかってしまいます。 そんな時に使え...

もう迷わない!CSS Flexboxの使い方を徹底解説

CSS Flexboxは、CSSによるレイアウト作成でよく使われるCSSのレイアウト手法です。 レイアウトを作成する方法は他にもCSS Grid Layoutや、inline-blockを使用する方法...

2020年版!業務効率化に役立つおすすめサービスまとめ【リモートワークにも】

リモートワークへの切り替えによって働き方が大きく変わった方も多いかもしれませんが、そうなってくるとより重要となるのが、業務効率化です。 これからは「働いた時間」ではなく、「アウトプットの質と量」によっ...

Adobe XDの6月アップデートが登場!スクロールグループやスタックなど

Adobe XDの2020年6月アップデートが公開されました。このアップデートには、これまで要望も多かった画面の一部分だけスクロールできる機能なども含まれています。 今回は、2020年6月のAdobe...

デザインしながらコードが書ける「Relate」のプレビュー版を使ってみた感想

Relateは、デザインしながらコードが書けるWeb制作のためのツールです。 以前からサービス自体は発表されていましたが、ついに先日プレビュー版が公開されました。正式リリースは2020年夏頃を予定して...

CSSだけで画像をトリミングできる「object-fit」の使い方

Webサイトで画像を表示する場合に、用意された画像のサイズと表示したいサイズが異なることはよくあります。 もちろん、自分でトリミングした方が最適なサイズでアップロードできるというメリットもありますが、...

おしゃれなポートフォリオが作れるWordPressテーマ10選

WordPressを使えば、あまりWebに詳しくない方でも簡単にポートフォリオサイトを作ることができて、管理画面から簡単にコンテンツを更新することができます。 今回は、ポートフォリオサイトにおすすめの...

おすすめ

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

12345...»

© 2020 Web Design Trends