Web Design Trends

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

Category

デザイン

プロトタイピングツール「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とはどんなデザイン…

Sketchの新機能「ライブラリ」とは!特徴や使い方など

つい先日ベータ版が公開されたSketch 47で「ライブラリ」機能が追加されました。色々なツールやサービスでライブラリという言葉は使われていますが、Sketchにおけるライブラリとは一体どういった機能…

シネマグラフの作成ツール・アプリと素材サイトまとめ

シネマグラフとは、一部分だけ動く写真のことです。シネマグラフは近年Webデザインに取り入れるサイトが増えてきており、注目されているテクニックの1つです。 シネマグラフをWebデザインに使いたい場合、自…

動く写真「シネマグラフ」の特徴とデザインの参考になるサイト

一部分にだけ動きが付けられている写真のことを「シネマグラフ」と呼びます。シネマグラフは独特の雰囲気が特徴的で、見ているとスノードームをゆっくりと眺めているような気分になります。 Webデザインにも少し…

Sketchの使い方を効率よく勉強するために

SketchというUIデザインツールはご存知ですか?SketchはUI特化型のデザインツールとして、多くのプロダクト開発の現場で使われています。 Sketchは誰でも簡単に使いこなせるようになるという…

全部無料!おすすめのSketch用UIキットやデザイン素材50選

デザインを0から作るのもいいですが、時間がかかってしまったり、初心者の場合だと高いクオリティのデザインを作るのはなかなか難しかったりします。そんな時はUIキットやデザイン素材を上手く活用することで、効…

「ハンバーガーメニューはもう古い」は間違っている

「ハンバーガーメニューはもう古い」という言葉を最近よく耳にするようになりましたが、本当にそうでしょうか?最新のWebデザインを色々と見ていると、非常に多くのサイトがハンバーガーメニューを採用しています…

iOS 11やiPhone XのSketch用デザイン素材まとめ

2017年9月20日、ついにiOS 11へのアップデートが一般ユーザー向けにリリースされました。iOS 10からUIで大きく変わった点も多く、何より新しい端末である「iPhone X」の発売も控えてい…

超便利!Sketchのおすすめプラグイン15選

Sketchといえば多くのIT企業で使われているUIデザインツールですが、プラグインはしっかり使いこなせていますか?プラグインを上手く活用することによって、できることの幅が広がったり、効率よくデザイン…

Sketchのプラグイン管理は「Sketchpacks」がおすすめ!

Sketchのプラグイン管理ツールといえばいくつかツールが公開されていますが、動作の安定性や機能の豊富さから「Sketchpacks」が最もおすすめのSketchプラグイン管理ツールです。 今回はSk…

全部知ってる?主要なWebデザイン手法のまとめ

Webサイトのデザイン手法には様々なものがありますが、しっかりとした知識はお持ちですか?それぞれのデザイン手法をきちんと知っておくことで、より優れたデザインを作成できるようになります。 これからWeb…

タイポグラフィの特徴とデザインの参考になるWebサイト

タイポグラフィは「文字のデザイン」のことです。Webサイトに使われている様々なテキストのそれぞれに適切なデザインを施すことにより、ユーザーに興味を持ってもらえたり、テキストが読みやすくなったりします。…

ヒーローヘッダーの特徴とデザインの参考にしたいサイト

ヒーローヘッダーはたくさんのWebサイトで採用されている人気のデザイン手法です。大きな写真や動画によるデザインは、多くの人を惹きつけ、同時に強烈なインパクトを与えることができます。 今回は、改めてヒー…

「デコボコ」なデザインを効果的に取り入れたWebサイト

グリットレイアウトのように要素を丁寧に並べ、マージンなども絶妙に調整してバランスの取れた美しいWebサイトがたくさん存在する中で、あえてバランスを崩した「デコボコ」なデザインを取り入れたWebサイトは…

デザインツールSTUDIOが2017年8月大幅アップデートをリリース!

オハコプロダクツが提供するデザインツール「STUDIO(スタジオ)」の大幅アップデートが8月1日に公開されました。 使ってみると分かりますが、STUDIOは「レイヤー」の概念を持たず、実際にWebサイ…

「源ノ明朝」とは?AdobeがGoogleと共同開発したオープンソースフォントを使ってみよう

2017年4月3日にAdobeから、「源ノ明朝」と呼ばれるオープンソースフォントが公開されました。オープンソースフォントなので誰でも無料でダウンロード、商用利用することが可能です。 意外と明朝フォント…

ついにデザインツール「STUDIO」のβ版がリリース!注目機能をまとめて紹介!

株式会社オハコからUIデザインツール「STUDIO」のβ版が公開されました。STUDIOはSketchやAdobe XDのように、WebページやアプリのUIデザイン作成のためのツールです。 2017年…

© 2024 Web Design Trends