Web Design Trends

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

Category

デザイン

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...

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によって公開...

1234

© 2018 Web Design Trends