web design trends

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

Page 3 of 6

2017年最新!おすすめのプロトタイピングツール5選

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

CASHがサービス再開!利用時の注意点をチェックしておこう

「CASH(キャッシュ)」は目の前のアイテムを一瞬でキャッシュ(現金)に変えられるアプリです。 自分が持っているアイテムの画像をアプリで撮影すると、買い取りの査定額がすぐに表示され、その金額でユーザー...

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

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

2017年リリース!注目の最新サービスまとめ

2016年はUberEATSがサービスを開始し、東京に住む人のフードデリバリーの概念を大きく変えることとなりました。2017年も同様に様々な新しいサービスが公開され、多くの話題を集めています。そんな注...

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

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

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

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

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

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

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

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

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

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

知らないとまずい!最近話題の「コンテンツマーケティング」とは

コンテンツマーケティングという言葉を聞いたことはありますか?古くから存在しているマーケティングの手法ですが、スマホ端末の普及やSNSの人気などが影響し、改めて最近その効果が注目されています。 今回は、...

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

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

必見!Web制作に役立つサービス・ツールまとめ

一口にWebデザインと言っても、ベースのデザインを作成する所からコーディングまで様々な工程があり、色々なサービスやツールを使って制作が行われています。 今回は、実際にデザイン制作の現場で役立つような、...

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

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

多様なサービスが開発可能な「Ruby on Rails」とは?

クックパッドやマネーフォワードなど、主要なWebサービスの開発にも使われているRuby on Railsですが、比較的新しいフレームワークだということもあり、プログラミング初心者には一体どのようなもの...

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

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

コピペで実装!すぐに使えるCSSサンプルコードまとめ

ボタンや見出しなど、Webデザインの核となるパーツに関するCSSサンプルコードが紹介されているページをまとめました。 想像以上に優れたデザインが多数紹介されていて、中には難しいコードも紹介されています...

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

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

収益アップ!ネイティブ広告の特徴とサービスまとめ

ネイティブ広告とは、関連コンテンツの中に表示されている広告です。関連記事広告や、関連コンテンツ広告と呼ばれたりもします。 最近ではネイティブ広告を掲載しているサイトも増えてきていて、今後の広告掲載のス...

IconJarを使ってアイコンの管理を完璧にする

Webデザインをしているとアイコン素材を使うことが多いと思いますが、アイコン素材の管理はきちんと行っていますか? おそらく多くの方が管理が行き届いていなかったり、管理できていたとしても手間だと思ってい...

人気のアイコンフォントとその使い方を紹介!

アイコンフォントはWebデザインやコーディングを行う上でお世話になることが多いですよね。 一度使ってみるとその便利さに気づくのですが、初めて使うときはよく分からないと思っている人も多いのではないでしょ...

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

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

コピペで実装!スプリットスクリーンレイアウトのサンプルコード

スプリットスクリーンレイアウトとは、画面を大きく分割して表示するデザイン手法です。 分割するため対比を表現したい場合に使われたり、画面の片側をメニューのようなガイド表示に使用する場合も多いですね。 今...

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

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

おすすめ!マテリアルデザインのフレームワークやUIキットまとめ

マテリアルデザインはGoogleによって発表されたデザインの考え方と手法です。 マテリアルデザインはユーザビリティを考えたデザインということが特徴で、シンプルかつ分かりやすいデザインを作成することが可...

12345...»

© 2017 web design trends