web design trends

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

Category

デザイン

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

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

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

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

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

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

洗練されたミニマルデザインへ。パララックスやアニメーションを活用する方法

ミニマルデザインは、デザインから余分なものを取り除くことで、シンプルでおしゃれなWebサイトに仕上げることができるデザイン手法です。 見た目もシンプルで、簡単に作れるのではと思ってしまいがちですが、た… Continue Reading →

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

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

プロトタイピングツール「inVision」はここまで進化した

プロトタイピングツールは、実際にウェブ制作を行う前にモックを作成し、完成形をイメージしやすくするためには欠かせないツールです。 今回は、プロトタイピングツールとして世界で大きなシェアを誇る「inVis… Continue Reading →

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

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

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

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

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

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

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

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

デザインの参考にしたいWebサイトまとめ【2017年2月】

2017年2月に見つけた、デザインの参考になるWebサイトをまとめました。 どのサイトもしっかりと作り込まれていて、細部の細かい演出まで参考になるので、ぜひご自身でもチェックしてみてください。 RID… Continue Reading →

簡単きれい!Webデザインの「配色」に役立つサービス

Webデザインを行う際に気をつけなければいけないポイントの1つが配色です。どんな色を使うかによってページの雰囲気やイメージが大きく変わります。 芸大や美大でしっかりと勉強をしたような人は知識が叩き込ま… Continue Reading →

パララックスの特徴とデザインの参考になるサイトまとめ

パララックス(Parallax)は視差効果とも呼ばれ、スクロール時の動きに演出を加えるようなデザイン手法です。 Webサイト制作の現場でよく使われる手法であり、デザインに動きが加わるため見ていて楽しい… Continue Reading →

デザインの参考にしたいWebサイトまとめ【2017年1月編】

2017年1月に見つけた、デザインの優れたWebサイトをまとめました。 今回はミニマルデザインをうまく活用したWebサイトと、アニメーションや動画を活かしたWebサイトをご紹介していきます。 EPOC… Continue Reading →

とにかくおしゃれ!ミニマルデザインの特徴と参考になるサイトまとめ

ミニマルデザインは、ページを構成する要素を最小限に絞ったシンプルなページを作るためのデザイン手法です。 シンプルながらもおしゃれなページを作ることができるミニマルデザインは、Appleなどの大企業もサ… Continue Reading →

売れるECサイトを作る7つのポイントと最新のデザイントレンド

実店舗で商品を販売する場合は実際に商品を目にして、触れてお客さんが実物を確認することができます。 一方、ECサイトでは商品の魅力を伝えられるものは画面上の写真やテキストだけなので、そのデザインによって… Continue Reading →

2017年、改めてマテリアルデザイン公式ページから目が離せない!

マテリアルデザインはGoogleによって発表されたデザインの考え方と手法であり、ユーザーの使いやすさを第一に考えられていて、分かりやすいUIが特徴的です。 GoogleのサービスやAndroidデバイ… Continue Reading →

Google製のプロトタイピングツール「Gallery」の機能を大予想!

Googleが公開しているマテリアルデザインのページで「Gallery」というデザイン・プロトタイピングツールについての情報が公開されています。 デザイン・プロトタイピングツールに関しては、様々なツー… Continue Reading →

見ていて楽しい!スプリットスクリーンレイアウトの特徴と参考になるサイトまとめ

スプリットスクリーンレイアウトは画面を大きく分割するレイアウトで、使い方次第では非常に効果を発揮するデザイン手法です。分割スクリーンレイアウトや、分割式レイアウトなどとも呼ばれたりします。 一口にスプ… Continue Reading →

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

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

UIデザインツール「STUDIO」はSketchやAdobe XDを脅かす存在となるか。機能や特徴の注目ポイントまとめ

2017年1月12日、株式会社オハコが新たなUIデザインツール「STUDIO(スタジオ)」の情報解禁と、先行事前登録の受付を開始しました。 2014年4月に「Sketch」がバージョン3.0をリリース… Continue Reading →

2017年アツい!注目のUIデザインツール徹底比較

WebサイトやAndroid,iPhoneアプリなどを作る場合に欠かせない作業がUIデザインの作成です。Sketchの登場に続き、AdobeもXDをリリースしてUIデザインツールの戦国時代が始まりまし… Continue Reading →

グリッドレイアウトの基本とデザインの参考になるサイトまとめ

グリッドレイアウトは数々のWebサイトで採用されており、人気の高いデザイン手法です。 とてもシンプルなデザインの方法ですが、それぞれの要素のデザインやマージン(余白)の取り方などで与えられる印象がガラ… Continue Reading →

2017年を先取り!WEBデザインの最新トレンドまとめ

WEBデザインは時代とともに流行やトレンドが生まれ、変わっていくものです。近年では様々なデバイスや技術の登場により、変化のスピードも早まってきました。そのため少し時間が経っただけで時代遅れのサイトと見… Continue Reading →

© 2017 web design trends