Web Design Trends

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

Page 2 of 14

2020年版:おすすめのWebデザインギャラリーサイト10個まとめ

Webデザインの参考になるギャラリーサイトをまとめました。優れたWebデザインを行うためには、色々なサイトを見て自分の中の引き出しを増やしていくことが大切です。 今回おすすめのギャラリーサイトを選ぶに...

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

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

【2020年版】Webサイトのファビコンや各種アイコンの作り方・設定方法

ファビコン(favicon)や、iOSやAndroidでホーム画面に保存した時に表示される画像、Windows8や10でスタート画面にピン留めした時の画像など、Webサイトでは様々なアイコン画像に関す...

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

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

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

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

2020年最新!おすすめの無料(フリー)画像・写真素材サイト7選【商用利用OK】

デザインの中に写真を使うことによって、視覚的に情報を伝えることができ、イメージも作り上げやすくなります。 フリー写真素材提供サイト・ストックフォトサービスを紹介しているまとめはたくさんありますが、数が...

Emmetの使い方を覚えてHTML/CSSの高速コーディングを身に付けよう

Emmetとは、HTMLやCSSのコード入力を補完してくれるプラグインです。Emmetを使うことによってコーディング作業を効率化することができ、使わない場合と比べるとコーディング速度にかなりの差が出ま...

2020年版:WordPressのおすすめプラグインまとめ

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

WordPressに一番おすすめのレンタルサーバーとは?

WordPressでWebサイトを作ろう!と思った時、最初に悩むのが「レンタルサーバー」です。 色々なサービスがあって、さらに難しい説明も多いため、どれを選べばいいのか分からないという方も多いのではな...

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

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

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

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

【2020年最新】Flexboxの対応ブラウザとベンダープレフィックスまとめ

CSS FlexboxはCSSでレイアウトを組む時に使われる主要な手法の1つです。 しかし、比較的新しいレイアウト法なので、一部のバージョンが古いブラウザでは正しく表示されないという課題も抱えています...

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

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

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

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

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

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

高クオリティで魅力的な有料写真素材・ストックフォトサービスまとめ

有料写真素材サイトとは、Webサイトや制作物で利用する写真素材を有料で手に入れることができるサービスです。 無料で素材を手に入れることができるフリー写真素材サービスも多く公開されていますが、有料素材の...

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

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

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

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

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

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

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

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

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

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

Web上でアニメーションを表示するなら「Lottie」がおすすめ!特徴や使い方など

Web上でアニメーションを表示するなら「Lottie」がおすすめ!特徴と使い方など Webサイト上でアニメーションを実装する場合、簡易なアニメーションはCSSやJavaScriptで手軽に作ることがで...

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

2019年10月に見つけた「デザインの参考にしたい魅力的なWebサイト」をまとめました。 今週は、カラフルな色使いでポップな楽しいWebサイトを多くご紹介していきたいと思います! eDesign イラ...

2019年版:Adobe XDのおすすめUIキット14選

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

2020年のトレンド

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

12345...»

© 2020 Web Design Trends