Web Design Trends

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

Category

デザイン

2019年版:Adobe XDのおすすめUIキット14選

UIキットとは、画面デザインやレイアウト、さらにパーツごとのデザインなどが集まったデザイン集のようなものです。 UIキットを参考にすることで、優れたデザインのアイデアを見つけることができたり、フリーの...

2019年最新:Adobe XDのおすすめプラグイン10選

WebやアプリのUIデザイン制作に使われる機会の多いAdobe XDですが、「プラグイン」を活用することによってもっと便利に使うことができます。 現在では様々なプラグインが登場していて、どのプラグイン...

ボタンをデザインする時のポイントや定番テクニックまとめ

Webサイトやアプリケーションにおいて「ボタン」は欠かせない存在です。 慣れてくるとボタンデザインのパターンが見えてくるようになりますが、デザインを勉強したての頃はボタンデザインに苦戦することも多いの...

もうUIデザインのバージョン管理をサボるのはやめよう

UIデザインツールで作ったファイルのバージョン管理をきちんと行っていますか?バージョン管理を行うことによって、作業の内容が明確になり、チームでのデザイン制作が効率的になるというメリットがあります。 ツ...

本格的なイラストが描ける「Adobe Fresco」とはどんなアプリ?

2019年9月25日、iPadOSの登場に合わせてAdobeから「Adobe Fresco」というiPad向けのデジタルペインティング&描画アプリが登場しました。 iPad上でイラストを描くことができ...

おすすめのCSSグラデーションジェネレーター13個まとめ

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

最高のデザインツール「Drama」が登場!SketchやXDより良いかも。

海外のPixelCutというソフトウェア会社から、新たなデザインツール「Drama」のベータ版がリリースされました。これまでも様々なデザインツールをご紹介してきましたが、Dramaはレベルが違うかもし...

Paaatterns:SketchやXD、Figmaで使えるおしゃれな22種類の背景パターン集

幾何学模様や流線型、流体シェイプなど様々な背景パターンが1つにまとまった「Paaatterns」という背景パターン集が公開されました。 無料でダウンロードすることができ、クレジット表記なしで商用利用も...

GUIのWebコーディングツール「Relate」とは

海外から、GUIでHTML/CSSのコーディングが行えるツール「Relate」が登場しました。 従来のテキストエディタとブラウザを行き来してWebサイトを制作するスタイルが、Relateを使えば1つの...

SketchやFigmaで作ったデザインでアニメーションを作れるツール「AEUX」とは

SketchやFigmaは非常に使い勝手に優れたUIデザインツールで、普段の業務で使っている人も多いのではないでしょうか。 しかし、SketchもFigmaもアニメーションデザインは得意としていないの...

Figmaにプラグイン機能が登場!UIデザインツールのシェアはどうなる?

ブラウザ上で高性能なデザインツールが利用できるFigmaですが、2019年6月にプラグイン機能が発表されました。 プラグインと言えば、SketchやAdobe XDではすでに導入されており、プラグイン...

【2019年版】デザイナーなら知っておきたいフォントサービスまとめ

デザインにおいてフォントは欠かせない要素です。フォントの細かな違いによって、デザインのイメージが変化し、大きな影響を与えます。 しかし、デザインを始めたての方はPCにデフォルトで入っているフォントを使...

STUDIOがTypeSquareに対応!500種類以上のフォントが無料で使えるように

コードを書かずにオリジナルデザインのWebサイトを公開することができる「STUDIO」がモリサワが提供する「TypeSquare」を正式導入し、500種類以上のフォントがなんと無料で利用できるようにな...

【Adobe XD】2019年3月アップデート内容まとめ

Adobeが提供するデザイン・プロトタイピングツールの「Adobe XD」の2019年3月のアップデート内容をまとめました。 今月のアップデートに含まれる注目の変更内容は、下記の通りです。 Illus...

デザインシステムを正しく理解しよう。作り方・参考事例のまとめ

大規模なデジタルプロダクトをデザインする時や、チームでデザイン制作を行う場合にデザインシステムを活用してデザイン制作を行うことがよくあります。 しかし、デザインシステムという言葉は知っていても、デザイ...

アイソメトリックのイラストを使った魅力的な雰囲気のWebデザイン

アイソメトリックのイラストとは、斜め上からの視点で描かれたイラストのことを指します。(正しい定義は後ほど) 建造物など立体的な物体のイラストを描く時にアイソメトリックが使われる機会が多く、Webデザイ...

デザインシステム管理ツール「Specify」のリリースが待ちきれない

大きなサービスやプロダクトになってくると、複数人がデザインに携わるためデザインシステムを構築してチームによるデザイン制作を効率化するのが一般的です。 しかし、デザインシステムの管理は思いのほか手がかか...

【2019年最新】Webデザインの参考に!おすすめギャラリーサイトまとめ

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

色の持つ効果とは?人に与える影響とデザインへの活用法

普段生活する上で、色が持っている効果や影響を考える機会はほとんど無いかもしれませんが、実は色が人間に与える影響は大きく、無意識のうちに人間の心理に働きかけるような効果を持っています。 これは心理学にお...

画面遷移図の作り方とおすすめのツール

Webサイトやサービス仕様の検討段階で必ず登場するのが画面遷移図です。画面遷移図はサービスの全体像を捉えたり、画面間の相互関係を示す時に使われます。 画面遷移図を正しく作ることで、チームメンバーでサー...

STUDIOの新バージョン「STUDIO2.0」が正式リリース!

完全オリジナルのWebサイトをコーディングなしで作成できる、次世代のデザインツール「STUDIO」が新バージョンの「STUDIO2.0」をリリースしました。 これまでも驚きの機能をリリースし続けている...

コーポレートサイトデザインで気をつけるポイントと人気のトレンド

コーポレートサイトというのは、Web上に公開されている企業の「顔」となる存在であり、様々な人が様々な目的を持ってアクセスします。 この大事なコーポレートサイトのデザインがダメダメだと、せっかく問い合わ...

Webデザインの基本。グリッドレイアウトの魅力と参考になるWebサイト

グリッドレイアウトは要素を格子状に並べることによって、美しく整えられた印象のWebサイトを作るためのデザイン手法です。 Webデザインの基本中の基本であり、グリッドレイアウトをしっかりと使いこなせるよ...

UXデザインに欠かせない!おすすめのプロトタイピングツール7選【2019年最新】

プロトタイピングツールも最近は色々な進化を遂げ、単にプロトタイプを作成するだけに限らず、プロトタイプの画面上にコメントを残してフィードバックしたり、リモートで音声通話ができたり、画面遷移図だってプロト...

12345...»

© 2019 Web Design Trends