Web Design Trends

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

Category

デザイン

デザイナー必見!人気のフォントサブスクサービスまとめ【2021年版】

デザインにおいてフォントは欠かせない要素です。フォントの細かな違いによって、デザインのイメージが変化し、大きな影響を与えます。 しかし、デザインを始めたての方はPCにデフォルトで入っているフォントを使…

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

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

【2021年版】無料で使える!おすすめのフリーアイコン素材サイト18個【商用利用OK】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2020年版:おすすめの人気UIデザインツールを徹底比較!【Figma / XD / Sketch】

現在は、デザインツール戦国時代とも言われるように、様々なデザインツールが競争を繰り広げています。 UIデザインを作るための「UIデザインツール」もどんどん進化していて、個性的なツールが多数登場していま…

Framerにブラウザ版が登場!Figmaとの違いは?改めて特徴をまとめてみた

Framerは、人気のUIデザインツールの1つです。日本でのシェアはあまり高くないかもしれませんが、機能が豊富で非常に魅力的な点も多いです。 そんなFramerですが、先日ブラウザ上で動作するWeb版…

Adobe XD検定が登場!あなたはどこまで使い方を知ってる?

2020年5月19日、Adobeから「Adobe XD検定(ベータ版)」が公開されました。現在はベータ版ですが、XD検定を通して自分の理解度をチェックすることができます。 全部知っているつもりでも、意…

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

2019年も様々なデザインのWebサイトが公開され、Web制作者にたくさんの刺激を与えてくれました。 Webデザインを行う上で、トレンドに則ってデザインすることは必ずしも必要なことではありません。しか…

ニューモーフィズムとは?デザイン方法やルールのまとめ

2020年の初め頃から、新しいデザインのトレンド「ニューモーフィズム(Neumorphism)」が注目を集めています。 シンプルながらもデザイン性に富んでいて、今後色々なサービスでニューモーフィズムが…

Figmaのおすすめデザイン素材・UIキットまとめ

デザイン素材やUIキットを使うと、デザイン制作作業の時間を短縮できたり、デザインのインスピレーションを得ることができます。 また、UIキットはデザインツール自体の使い方を学ぶときにも大いに役立ちますね…

2020年最新!iPadでイラストが描けるおすすめアプリ3個

Webサイトに掲載するためのイラストや、趣味でお絵かきをしている人など様々な方がいると思いますが、まだまだPCを使って作業を行っている方が多いのではないでしょうか。 しかし、最近ではiPadとAppl…

Adobe XDに音声付きプロトタイプ、アンカーリンクなどが登場!

2020年3月、Adobe XDのアップデートがリリースされました。今回のアップデートにより、下記の機能が新しく登場しています。 プロトタイプにオーディオ組み込みが可能に プロトタイプにアンカーリンク…

Webデザインの基本。グリッドレイアウトの魅力と参考になるWebサイト

グリッドレイアウトは要素を格子状に並べることによって、美しく整えられた印象のWebサイトを作るためのデザイン手法です。 Webデザインの基本中の基本であり、グリッドレイアウトをしっかりと使いこなせるよ…

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

ロゴデザインは、グラフィックデザインの中でも主要で重要な分野の1つです。しかし、グラフィックデザインのトレンドと比べるとロゴデザインのトレンドはすぐに変化せず、毎年大きな違いが見いだせるわけではありま…

© 2021 Web Design Trends