Web Design Trends

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

Page 5 of 16

Font Awesome 6がもうすぐ提供開始!新たなアイコンの種類やスタイルの登場も

Font Awesomeと言えば、Web上でアイコンを表示することができる人気サービスです。 そんなFont Awesomeから、新たに「Font Awesome 6」の登場が発表されました。 現在は…

2020年版:Webデザインの勉強におすすめの本・書籍10冊+α

Webデザインの学習を行う上で2020年最新のおすすめの本を下記の4つのステップに分けて、合計10冊を選びました。 デザイン基礎知識 Webデザインの基本知識 HTML/CSS(+ JavaScrip…

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

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

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

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

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

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

CSS Grid Layoutを使った便利なテクニックやツールなど

CSS Grid Layoutを使えば、他の方法と比べてシンプルにコードを記述することができたり、柔軟なレイアウトを作ることができます。 知っておくと役立つテクニックや、ジェネレーター、CSSフレーム…

2020年版:CSS Grid Layoutの対応ブラウザやベンダープレフィックスについて解説!

CSS Grid Layoutは、CSSで柔軟にレイアウトを作ることができる便利なレイアウト手法です。 しかし、Flexboxと比べてブラウザ対応が遅れているなど、推奨環境について気になる方も多いので…

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

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

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

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

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

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

一番分かりやすいCSS Grid Layoutの使い方ガイド

CSS Grid Layoutは、CSSによるレイアウト手法の1つです。様々なレイアウトをこれ1つで実装することができます。 ただ、覚えなければならないことも多く、初心者の方にとっては少し難しく感じる…

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

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

オリジナルのシェアボタンを作ろう!各種SNSのボタン設置用URLまとめ

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

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

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

WordPressがさらに便利に!おすすめのプラグイン13個まとめ

WordPressはプラグインを使うことによって、SEO対策から関連記事の表示、ページの表示速度改善など、様々な機能拡張を行うことができます。 ただし、プラグインの数が増えすぎると逆に処理が重くなって…

ユーザーテストが劇的に簡単に行えるサービス「Maze」とは

Mazeはユーザーテストのためのプラットフォームです。プロトタイピングツールと連携することができ、テストの作成から実施、結果の集計まで手間も時間もかけずに行うことができます。 ユーザーテストの在り方を…

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

2020年4月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 今回は、春を感じるような鮮やかな配色のサイトをたくさんピックアップしています。 サウンドトリップ 流体シェイプや…

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

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

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

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

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

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

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

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

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

2020年のグラフィックデザインはどんなスタイルがトレンドとなるのか気になっている方も多いのではないでしょうか。 様々な角度から調査を行い、人気が高まっているグラフィックデザインのスタイルをまとめまし…

2019年11月:デザインの参考にしたいWebサイト16選

2019年11月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 ポップなデザインからスタイリッシュなデザインまで、幅広く参考にすべきサイトをまとめているので、Webデザイン勉…

【初心者向け】UIデザインツールの選び方ガイド

Webデザイナーや、UIデザイナーを目指してUIデザインの勉強を始める人の数が増えてきているように感じますが、最近では色々なツールが登場していてどのツールを選べばいいのか分からないという悩みも増えてい…

RECOMMENDED

© 2022 Web Design Trends