Web Design Trends

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

Category

デザイン

優れたUIデザインを行うための3つのステップ

私たちは、普段から様々なサービスに触れて生活しています。それらのサービスの中には、ユーザーインターフェイス(UI)がとてもシンプルなものから、とても複雑なものまで様々な種類がありますね。 そこで気にな...

2018年のWebデザインに影響する51個の注目トレンド by milo

2018年のWebデザインのトレンド記事に関する記事も様々なものが登場していますが、今回ご紹介するのはBehanceで話題となっている2018年のデザイントレンドに関する記事です。miloによって公開...

配色で作り上げる魅力的なイメージのWebデザイン

配色はWebデザインのイメージを大きく左右する要素の1つです。同じデザインのページでも配色を変えるだけでWebサイトのイメージが大きく変化します。 上級者であれば理論的に配色を決めることもできると思い...

2018年に知っておくべき18個の最新デザイントレンド

デザインは周りの変化に合わせて常に変わり続けていくものです。デザインを表示するデバイスの変化、テクノロジーの発展、デザインにおけるトレンドの推移など、あらゆるものに影響されます。 2018年になった今...

フラットデザイン2.0は2018年のトレンドとなるか

フラットデザインはミニマリズムを追求したシンプルなデザインに仕上げるデザイン手法ですが、一方でユーザビリティの面での課題などがありました。その課題を解決するために登場したフラットデザイン2.0という考...

グラデーションのアイデア探しに!おすすめのツール・サービスまとめ

グラデーションはWebデザインにとって欠かせない要素の1つで、様々なWebサイトに取り入れられています。慣れると自分で思い通りに作れるようになりますが、初めはグラデーションの調整に苦戦する方も多いので...

2018年最新!おすすめのカラーパレットツール・サービスまとめ

Webデザインを行う際に気をつけなければいけないポイントの1つが配色です。どんな色を使うかによってページの雰囲気やイメージが大きく変わります。芸大や美大でしっかりと勉強をしたような人は知識が叩き込まれ...

Framerのデザイン機能が大幅アップデート!

プロトタイピングツールのFramerが2017年12月に大幅なアップデートをリリースし、デザイン作成機能が大きく強化されました。 実際にどのような機能が追加されたのかご紹介していきたいと思います。 F...

インタラクションデザインのプロトタイプ作成には「ProtoPie」がおすすめ!

ProtoPieは、インタラクションデザインのプロトタイプを作成できるプロトタイピングツールです。複雑なアニメーションから、タップ、クリック時のマイクロインタラクションまで、様々な動きを伴うプロトタイ...

ロゴデザインの参考に!おすすめギャラリーサイトまとめ

ロゴデザインはシンプルなロゴの中に名前やメッセージ、イメージなど様々な要素を詰め込まないといけないのでとても難しいです。ただ、アイデアさえ湧いてしまえば作業量はそこまで多くないのでいかにアイデアを出す...

コードで動く?話題のデザイン・プロトタイピングツール「Framer」とは

Framerは元々コードベースで動作するプロトタイピングツールでしたが、最近のアップデートによってデザイン作成機能も追加されました。デザインツールとしての使い心地はもちろん、作成したデザインからあっと...

【2018年1月】おすすめのIllustrator最新チュートリアルまとめ

初心者向けの簡単なものから、上級者向けのハイレベルなものまで、Illustratorのチュートリアルをまとめました。 グラフィックツールの中でもIllustratorは特に習得に時間がかかってしまうツ...

デザイナー必見!2018年のデザインツールのトレンド予想

2017年はデザインツール・プロトタイピングツールで様々なリリースが行われました。これまでできなかったような事が次々とデザインツールでできるようになり、ワークフローにも様々な変化をもたらしました。 2...

パステルカラーやマカロンカラー、微妙な色味の違いを覚えておこう!

シャーベットカラー・シャーベットトーン シャーベットカラーとは、その名の通りシャーベットのような明るくて清涼感のある淡い色味のことを指します。2012年の春夏とトレンドカラーとなり、ファッション業界な...

Web Design Trendsの2017年と2018年

新年あけましておめでとうございます。2017年は本サイトにとって大きく成長の年となりました。今回は、2018年のWebデザインのトレンドをおさえるためにチェックしておきたい記事と、2017年に人気だっ...

SketchとInVisionを使って爆速でプロトタイプを作成する方法

Sketchを使ってデザインの制作を行った場合、プロトタイプを作成したければ他のツールを使わなければなりません。様々なプロトタイピングツールが公開されていますが、できるだけ時間をかけずにプロトタイプを...

プロトタイピングツール「InVision」はここまで進化した

プロトタイピングツールは、実際にウェブ制作を行う前にモックを作成し、完成形をイメージしやすくするためには欠かせないツールです。 今回は、プロトタイピングツールとして世界で大きなシェアを誇る「InVis...

必見!デザインのインスピレーションが得られる魅力的なサービスまとめ

優れたデザインを制作するためには、「インスピレーション」が欠かせませんが、なかなかいいアイデアが思いつかずに、苦悩しているという方も多いのではないでしょうか。 今回は、優れたアイデアを思いつくために必...

コピペで簡単!ローディングアニメーションの参考になるサイトまとめ

読み込みに時間がかかってしまうページはローディングアニメーションを取り入れることによってユーザーの離脱率を抑えることができます。アニメーションとなると作るのに手間がかかってしまいそうなイメージがありま...

間違いなく最強のデザインツール「InVision Studio」が2018年1月にリリース!

世界的に有名なプロトタイピングツールを提供する「InVision」から、デザインツール「InVision Studio」が2018年1月にリリースされることが発表されました。なんといっても注目のポイン...

ついにAdobe XDが正式リリース!気になる料金は?

2016年3月にベータ版がリリースされ、様々なアップデートを重ねてきたAdobe XDが、2017年10月ついに正式リリースとなりました。正式版となったため、これまで無料でベータ版を利用していた方も有...

UI/UXデザインの基本と初心者におすすめの勉強法

デザイン制作やサービス制作の現場でUI/UXという言葉を耳にする機会は多いと思います。それぞれなんとなくイメージを持っていると思いますが、正確に違いを説明できますか? 今回は、UI/UXデザインの基本...

人工知能でカラーパレットが作れるサービス「Khroma」とは

デザインにおける配色は、全体のイメージやバランスを左右する重要な要素です。 カラーパレットを生成できるツールやサービスは色々と公開していますが、遂に人工知能(AI)で配色を提案してくれる「Khroma...

これは期待!デザインツール「STUDIO」が新たに資金調達を実施

以前から当サイトで注目しているデザインツール「STUDIO」を開発・運営するSTUDIO株式会社が新たに資金調達を行いました。 そこで今回実施した資金調達の詳細と、改めてSTUDIOとはどんなデザイン...

12345

© 2018 Web Design Trends