Web Design Trends

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

Category

デザイン

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サイトは...

モックアップを作ろう!おすすめのプロトタイピングツール5選

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

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

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

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

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

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

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

国産プロトタイプツール「Prott」の特徴やメリットなど

プロトタイプとは、作成した画面のデザインを、擬似的に動くように組み立てて、その表示のされ方や動きを確認するために作成するモックアップのようなものです。 今ではプロトタイピングツールはIT業界では欠かせ...

【2017年3月】Adobe XDが大幅アップデート!PhotoshopやIllustratorとの連携機能も

2017年3月のアップデートでAdobe XDとPhotoshop,Illustratorとの連携機能が追加されました。 その他にも様々な機能が追加され、UIデザインツールとしての使い勝手が大きく向上...

Adobeが発表!2017年のWebデザイントレンド予測

Adobeといえば数々のデザインツールを提供している、デザイナーであれば知らない人がいないであろう有名な企業です。 そんなAdobeがThe Future is Now: 10 Design Pred...

チームでの共同作業にぴったりのデザインツール「Figma」とは

Figma(フィグマ)とは、ブラウザ上で作業することができるデザインツールです。 競合にはSketchやAdobe XDなどがすでに人気を占めていますが、Figmaにしかない機能もたくさんあり、一部で...

SketchからAdobe XDに乗り換えた方がいい理由

Adobe XDは、SketchがUIデザインツールの主流となりつつある中で、2016年に突如登場したUIデザインツールです。 PhotoshopやIllustratorなどのメジャーなツールを提供し...

最近流行りの「枠線」を使ったページデザインの特徴

最近、ページの周りを枠線で囲ったようなデザインのWebサイトをよく見かけるようになりました。 ページに枠線を付けることで、ページ全体の印象が締まったものになり、少し違った印象のページを作ることができま...

12345

© 2018 Web Design Trends