Web Design Trends

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

Category

デザイン

「背景動画」を活用した魅力的で印象に残る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デザインのト...

流体シェイプを使ったWebデザインの魅力と参考になるサイト

波面のような滑らかな曲線をデザインに取り入れた流体シェイプは、最近多くのWebデザインで見られるようになってきました。 柔らかくて優しい印象を生み出す流体シェイプを使ったWebデザインは、サービスや商...

ブーム到来か。ノングリッドデザインの魅力と参考になるWebサイト

既存の枠に囚われず、自由に画像やテキストをレイアウトする「ノングリッドデザイン」のWebサイトがここ最近で多く見られるようになってきました。 近年オリジナリティがWebデザインに強く求められるようにな...

Sketch51がリリース!ついに固定表示がプロトタイピングで利用可能に!

Sketchの新バージョンとなる「Sketch 51」が7月10日にリリースされました。今回のアップデートでは、下記のような注目機能が新たに追加されました。 プロトタイピングでスクロール時に要素の固定...

Figma3.0がリリース!プロトタイピングやスタイル機能が大幅にアップデート

6月22日にFigma3.0のリリースが公開されました。Figmaといえば、ブラウザで動作するデザインツールであり、機能もSketchやAdobe XDと肩を並べるほど高いレベルを誇っています。 そん...

デザインできるコードエディタ「Hadron」がプレビュー版をリリース!

コーディングを行いながらデザイン制作まで行うことができるツール「Hadron」がプレビュー版をリリースしました。多くの注目を集めるツールですが、実際の機能はどのようなものなのでしょうか。 実際の画面を...

Sketchとも連携!Googleが提供する「Gallery」とは

当サイトで以前から何度かご紹介していたGoogle製のサービス「Gallery」が、2018年5月ついに公開されました。 Googleはこれまでも様々なツールをリリースしてきていますが、デザイン関連の...

コードを書きながらデザイン制作も。注目のコードエディタ「Hadron」とは

デザイン制作とコーディングを同時に行ってしまうという、従来のツールとは一味違ったデザイン制作・コーディングツール「Hadron」に関する情報が公開されました。 従来のデザイン制作とコーディングは別々の...

デザイナー必見!2018年のWebデザイン最新トレンドまとめ

Webデザインは1年単位で流行が変わるため、常に最新のトレンドにキャッチアップし続けなければなりません。デザインの流行は技術やデバイスの進化や環境の変化が影響することも多く、ユーザビリティやUI/UX...

12345

© 2018 Web Design Trends