web design trends

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

Page 3 of 6

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

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

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

SEO対策に欠かせないオンラインツールまとめ

SEO対策については色々な書籍やページで紹介されていますが、SEO対策に必要なツールについては実はあまり知られていない場合が多いです。 SEO対策を行う上でツールやサービスの活用は欠かせません。 今回...

パララックスを使い倒す!おすすめのjQueryプラグインまとめ

パララックス(視差効果)を実装することのできるプラグインは様々あり、用途によって最適なプラグインも異なります。 今回は、パララックスを実装するためのjQueryプラグインについて、おすすめのものに厳選...

Web制作におすすめ!人気のCSSフレームワークまとめ

Web制作におけるCSSフレームワークとは、デザインやレイアウトのカタログのようなものです。 ページのベースとなる部分はCSSフレームワークに任せてしまうことができるので、作業時間を大幅に短縮すること...

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

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

プログラミング学習が捗る!優れた有料サービスまとめ

プログラミングは独学で学ぶとなるとなかなか大変です。 書籍を使って勉強してみても、本に書かれているものは作れるけど、いざ自分で作りたいものを作ろうと思ったらエラーばかりになってしまったり、手が動かなか...

脱WordPress!静的サイトの特徴やメリットなどのまとめ

WordPressのようにアクセスされる度にページを生成するのではなく、予め生成しておいたページを表示する静的サイトが再び注目を集めています。 静的サイトの特徴やメリットとデメリット、人気の静的サイト...

WebデザインがSEO対策に与える影響とは

多くのWebサイトでSEO対策が行われていますが、意外とWebデザインが与える影響については知られていません。しかし、SEOに強いサイトを作るためにはWebデザインからしっかりと対策を行っておくことが...

徹底比較!誰でも簡単にホームページが作成できるサービス

個人で経営している飲食店やショップではホームページ制作というのが結構頭を悩ませるものです。 自分でコーディングするスキルは無いけれど、依頼するとお金がかかってしまうと悩んでいる方は、テンプレートを利用...

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

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

簡単!可変グリッドレイアウトが作れるプラグインまとめ

可変グリッドレイアウトとは、画面の幅を変更することでグリッドが最適な配置に整列するようなグリッドレイアウトのことを言います。 レスポンシブデザインとの相性がいいのはもちろん、PCでの表示でもデバイスに...

12345...»

© 2017 web design trends