Web Design Trends

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

Page 4 of 16

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

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

フォントワークスの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サイト」をまとめました。 ポップなデザインからスタイリッシュなデザインまで幅広くピックアップしているので、ぜひご自身のデザイン制作に役立…

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

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

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

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

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%以上のユーザーが離脱してしまうと言われており、たった数秒の違いで与える影響の大きさは計り知れま…

簡単!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…

もう迷わない!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に詳しくない方でも簡単にポートフォリオサイトを作ることができて、管理画面から簡単にコンテンツを更新することができます。 今回は、ポートフォリオサイトにおすすめの…

【WordPress】カスタム投稿タイプの基本と使い方を徹底解説!パーマリンクのカスタマイズ方法も

WordPressの便利な機能の1つが、カスタム投稿タイプです。これによって、1つのサイトの中で複数のタイプの投稿を管理することができます。 ただ、設定項目が少し多く、パーマリンクの設定なども少し複雑…

RECOMMENDED

© 2022 Web Design Trends