Web Design Trends

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

Category

デザイン

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

2018年もまだ少し残っていますが、私たちは早くも2019年のグラフィックデザインのトレンドがどうなるのか気になって仕方がありません。 世界中のグラフィックデザインの動向をチェックしていると、2018...

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

最近見つけたWebデザインの参考になるサイトをまとめました。 今月は、イラストを活用したデザインが多く選ばれたかなと思います。イラストを活用したデザインは2019年のトレンドになると見られており、今後...

2019年のテーマカラーは「Living Coral」:パントンが発表

毎年12月に翌年のテーマカラーを発表しているパントン(PANTONE)が2019年のカラーオブザイヤーを発表しました。 2019年のテーマカラーは「Living Coral」と呼ばれる鮮やかなピンク色...

脱初心者!「デザインの4つの基本原則」を押さえて基礎を固めよう

色々なデザインのベースになっている「デザインの4つの基本原則」を知っていますか? 「近接」「整列」「強弱」「反復」の4つの原則は、優れたデザインを作るためにはどれも欠かせない要素です。 また、デザイン...

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

そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか...

Appleが目指す「Fluid Interface」とは

Appleが主催するWWDC2018の中で「Designing Fluid Interfaces」というセッションが発表されました。 Fluid Interface(フルイドインターフェース)をそのま...

マイクロインタラクションとは?注意すべきポイントや事例を徹底解説!

マイクロインタラクションとは、ユーザーのアクションに対するフィードバックやステータスの変化を正しく伝えるための細かなデザインのことです。 なんとなくマイクロインタラクションという言葉の意味は分かってい...

イラストを効果的に活用したWebデザインのポイントと事例まとめ

近年、イラストを活用したWebデザインがトレンドになっていて、多くのWebサイトで見かけるようになりました。 イラストをデザインに取り入れることによって、オリジナリティが溢れる印象的なWebサイトを作...

「背景動画」を活用した魅力的で印象に残るWebデザイン

トップページのファーストビューで画面いっぱいに背景動画を使用したデザインのWebサイトをよく見かけます。 動画を使ったデザインは、現在では一般的なデザイン手法となっていて、うまくデザインすることができ...

太字でくっきりとしたタイポグラフィのWebデザイン

タイポグラフィとは、簡単に言うと「テキストのデザイン」のことです。 下記のような様々な要素の組み合わせで成り立っており、それによってテキストの与えるイメージが大きく左右されます。 フォント サイズ 太...

初心者がPhotoshopの使い方を学ぶおすすめの勉強法・書籍

Photoshopは、Adobeが提供するデザインツールです。写真の加工やグラフィックデザインなど、デザイン制作の現場では欠かせないツールですが、高機能がゆえに使い方を覚えるのが大変で、使いこなせるよ...

Sketchを使いこなすための小技・テクニックのTipsまとめ

SketchはWebデザインやアプリのUIデザインで使われているUIデザインツールです。 比較的使い方が簡単だと言われているSketchですが、しっかりと使いこなすための設定や小技、テクニックがたくさ...

Sketch52のアップデート情報!ダークモードやリデザインなど!

Sketch52のアップデート情報!ダークモードやリデザインなど! 2018年10月2日にSketchの最新バージョンであるSketch 52が公開されました。 以前から話題になっていましたが、mac...

Google Fontsで日本語フォントが正式サポート開始!使い方やダウンロード方法など

Google Fontsでは、長らくベータ版として日本語フォントが提供されていましたが、2018年9月から正式にサポートされるようになりました。 Webフォントとしての使ったり、ダウンロードして制作物...

現役デザイナーがおすすめする独学でWebデザインを勉強する最短の方法

Webデザインを勉強したい!と思う人は多いかもしれませんが、学校で習う勉強と違って正解が1つではないため、決まった勉強法が無く独学で勉強することが比較的難しいです。 しかし、その難しいと言われる理由は...

Adobe XDの2018年9月アップデート情報:レスポンシブリサイズやタイマートランジションなどが登場!

Adobe XDの2018年9月のアップデートが公開されました。 今回のアップデートでは、レスポンシブデザインの制作を効率化する機能や、プロトタイプの遷移のトリガーにタイマーが追加されるなど、XDでで...

Webデザインの勉強におすすめのオンラインスクール・学習サービスまとめ

Webデザインを独学で勉強しているけど、なかなか成果が感じられないという方も多いのではないでしょうか。 少しでもプログラミングをかじったことのある人であれば、HTMLやCSSは比較的スムーズに習得でき...

実践型デザイン学習サービス「Cocoda!」が正式リリース!

デザインの勉強をしたい!と思っても、どうやって勉強すれば分からないという方も多いのではないでしょうか。 確かに、デザインというのは資格の勉強などと違い、何かを覚えたからといって、直接スキルアップにつな...

「#できるぞAdobeXD」開催中!8月のXDアップデートも!

アドビが「#できるぞAdobeXD」と第してソーシャルキャンペーンを開催中。タグを付けて投稿すれば、抽選でプレゼントゲットのチャンス! そして、8月のAdobe XDアップデートについてもチェックして...

Webデザイン学習法の種類とメリット・デメリット

Webデザインは、基本的な知識を身に付けることは簡単ですが、実際に現場で使えるような知識を身に付けるためにはそれなりの努力が必要になります。 Webデザインの学習法も色々な種類がありますが、自身の特性...

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

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

2018年版:おすすめの人気UIデザインツール徹底比較

日々新たなデザインに関するニュースが飛び交っていますが、それはUIデザインツールに関しても同様です。 Adobe XDの正式リリース、Figma3.0のリリース、InVision Studioのベータ...

Framer Xのベータ版がついに提供開始!その全貌が明らかになってきた

Framer Xのベータ版提供がいよいよ開始されたみたいです。海外のWebサイトでは、Framer Xのベータ版を使ってみた感想や、様々な情報が公開されてきています。 Framer Xとは一体どんなU...

2018年上半期のWebデザインを振り返ってみる

2018年も折り返し地点を超え、気づいたら8月になってしまいました。ここで2018年のWebデザインのトレンドとデザインツールについて振り返ってみようと思います。 2018年上半期のWebデザインのト...

12345

© 2018 Web Design Trends