Web Design Trends

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

Category

デザイン

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

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

ProtoPieが日本語に対応!インタラクティブなプロトタイプを作ってみよう

プロトタイピングツール「ProtoPie(プロトパイ)」が日本語に対応しました。ProtoPieは動きやアニメーションを伴うデジタルプロダクトを作るデザイナー向けのプロトタイピングツールです。 また、...

あえて崩す。ブロークングリッドレイアウトの魅力とは

2017年から2018年にかけてブロークングリッドレイアウト(Broken Grid Layout)を取り入れたデザインのWebサイトが増えてきました。 通常のグリッドレイアウトとは一味違った、遊びの...

「STUDIO」がついに正式版をリリース!作成したデザインをそのままWebサイトとして公開可能に

STUDIOとは、STUDIO株式会社が提供する国産デザインツールです。デザインツールといえば、SketchやAdobe XD、InVision Studioなどが人気のデザインツールですが、それらの...

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

Webデザインの参考になるギャラリーサイトをまとめました。優れたWebデザインを行うためには、色々なサイトを見てテクニックを身につけていく事がとても重要です。 今回おすすめのギャラリーサイトを選ぶにあ...

本当に使える?Timeline for Sketchの使い方と評価

先日リリースされたTimeline for Sketchとは、Sketch上でアニメーションを作成できるというプラグインです。Sketchでアニメーションが作成できるということで、リリース前からデザイ...

Sketchでスマホアプリが作れる!?Supernova Studioとは

またまた驚きのツールが登場しました。Supernova Studioは、Sketchで作成したデザインデータからスマートフォンのネイティブアプリ用のコードを出力することができるというツールです。 ただ...

Adobe XDにSketchとPhotoshopファイルのインポート機能が追加!

Adobeが提供するAdobe XDが2018年3月のアップデートでSketchファイルとPhotoshopファイルのインポート機能が追加されました。デザインツールを乗り換える時の一番の悩みがこれまで...

Sketch上でアニメーションがデザインできるプラグイン「Timeline for Sketch」

Timeline for Sketchは、Sketch上でアニメーションのデザインが作成できるプラグインです。Sketchと言えばUIデザインの代表的なツールですが、アニメーションのデザインは標準機能...

画面遷移図が簡単に!「Overflow」のリリースが待ちきれない

デザインを作成したら、フィードバックをもらい改善するサイクルを短期間で繰り返すというスタイルがアジャイル型のプロダクト開発ではとても重要です。 最近では、プロトタイプを使ってデザインのフィードバックを...

Sketchにプロトタイピング機能が登場!Sketch Cloudでのライブラリ共有も必見!

UIデザインツールのスタンダードになりつつあるSketchが、2月28日にプロトタイピング機能やSketch Cloudでのライブラリ共有などを含む大型アップデート「Sketch 49」を公開しました...

UIデザイナー必見!おすすめのiOS向けUIキット・デザイン素材36選

UIデザインの仕事をしている人や、UIデザイナーを目指している人のためにiOSデザインの優れたUIキットをまとめました。UIエレメントや画面、コンポーネント、デザインコンセプトなどがまとめられたUIキ...

ミニマリズムは衰退し、デザインはオリジナリティの時代に

ミニマリズムはWebデザインにおいてとても人気のデザイン手法ですが、近年のトレンドを見ていると、「オリジナリティ」がより重要な要素になりつつあるように感じられます。 オリジナリティの溢れるデザインとい...

デジタルプロダクトのためのデザインツール「Phase」はWebデザインの在り方を変えるかもしれない

すべてのデザイナーが求めていたデジタルプロダクトのためのデザイン・プロトタイピングツール「Phase」が発表されました。デザインツールはすでに様々なツールがリリースされていますが、Phaseは「デジタ...

スマホ向けサービスのUXデザインは「速度」が重要

2016年にモバイル端末でのインターネットの使用率が世界で初めてデスクトップを上回りました。 イギリスGoogleの調査によるとイギリスの成人の65%の人がインターネット利用におけるメイン端末としてス...

動画で学ぶ!Sketchのおすすめチュートリアルまとめ

Sketchといえば、IT業界ではもはやスタンダードとなっているUIデザインツールです。使い方がシンプルなので、初心者の方でもある程度のデザインを作成することはできますが、様々な機能やテクニックを使い...

初心者必見!Illustratorの使い方を学ぶ6つのステップとおすすめの勉強法・書籍

IllustratorはAdobeが提供しているデザインツールです。世の中には様々なデザインツールがありますが、Illustratorはその中でも使いこなせるようになるまでに覚えなければならないことが...

優れた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つが配色です。どんな色を使うかによってページの雰囲気やイメージが大きく変わります。芸大や美大でしっかりと勉強をしたような人は知識が叩き込まれ...

1234

© 2018 Web Design Trends