Web Design Trends

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

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

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

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

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

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

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

【初心者向け】HTMLとCSSの勉強におすすめの入門書まとめ

HTMLとCSSはWeb制作を行うための基本中の基本です。どんなWebサイトを作るにしても、HTMLとCSSを使わずに作ることはできません。 今回は、初めてHTMLとCSSを勉強する人におすすめの入門...

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

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

デザイナーがエンジニアに絶対言ってはいけないNGワード

Webサイトやサービス作りには、デザイナーとエンジニアのどちらもも欠かせません。 Webサイトであれば、デザインからコーディングまで一人で済ませてしまう場合もあるかもしれませんが、大規模なサービスにな...

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

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

UI/UXデザインの基本:優れたユーザビリティをデザインする方法

ユーザービリティはサービスの成功を左右する非常に重要な要素です。いくら機能が優れていても、それが使いづらければユーザーがそのサービスを利用し続けてくれません。 では、どうすればユーザビリティの優れたサ...

初心者でも簡単に!おすすめのホームページ作成サービス10選

ホームページを自分で作る場合は、HTMLやCSSを使ってコーディングを行わなければなりません。Web制作に慣れている人であれば、比較的短期間でWebサイトを作れてしまうかもしれませんが、初心者の方がい...

Appleが目指す「Fluid Interface」とは

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

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

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

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

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

無料で使える!商用利用可能なフリーイラスト素材サイト10選

イラスト素材は、Webデザインに限らず様々なデザインに活用することができる万能素材です。 しかし、イラストを自分で作るとなるとそれなりの技術が必要で、時間もかかってしまいます。 そこでおすすめなのが、...

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

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

モバイルファーストで「デザイン」する時に注意すべきポイントまとめ【2018年最新】

2018年からGoogleでもモバイルファーストインデックスが正式にスタートし、モバイルファーストという言葉の存在感がさらに高まりました。 モバイルファーストにおける正しいデザインとは、どのようなデザ...

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

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

2018年10月:最近読んだおすすめのWebデザイン関連書籍

Webデザインを勉強したての頃は色々と本を読んで勉強していたけど、実際にWebデザイナーとして働き始めたらあまり本を読まなくなったという方も多いのではないでしょうか。 デザインのトレンドは常に変化して...

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

2018年10月に見つけたWebデザインの参考にしたいWebサイトを集めました。 今月は様々な雰囲気のWebサイトをピックアップしました。いずれも、Webサイトの取り扱うコンテンツの特徴がWebデザイ...

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

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

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

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

初心者でもできる!WordPressを使ったWebサイトの作り方

Webサイト制作と言えばWordPressと言われるほど、WordPressはWebサイトを作るための人気ツールです。 一見難しく見えるかもしれませんが、大変なのは初期設定が大半で、一度サイトを作って...

【2018年版】Webサイトのファビコンや各種アイコンの正しい設定方法

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

metaタグとは?重要なタグ一覧とSEO対策のための書き方

metaタグ(メタタグ)とは、検索エンジンに向けてページの情報を伝えたり、ブラウザに対してページの表示方法を指示したり、SNSでシェアされた時の表示方法をコントロールするなど、とても重要な情報です。 ...

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

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

2018年のトレンド

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

12345...10...»

© 2018 Web Design Trends