Web Design Trends

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

無料で使える!商用利用可能なフリーイラスト素材サイト10選

イラスト素材は、Webデザインに限らず様々なデザインに活用することができる万能素材です。 しかし、イラストを自分で作るとなるとそれなりの技術が必要で、時間もかかってしまいます。 そこでおすすめなのが、...

「背景動画」を活用した魅力的で印象に残るWebデザイン

トップページのファーストビューで画面いっぱいに背景動画を使用したデザインのWebサイトをよく見かけます。 動画を使ったデザインは、現在では一般的なデザイン手法となっていて、うまくデザインすることができ...

モバイルファーストで「デザイン」する時に注意すべきポイントまとめ【2018年最新】

2018年からGoogleでもモバイルファーストインデックスが正式にスタートし、モバイルファーストという言葉の存在感がさらに高まりました。 モバイルファーストにおける正しいデザインとは、どのようなデザ...

太字でくっきりとしたタイポグラフィのWebデザイン

タイポグラフィとは、簡単に言うと「テキストのデザイン」のことです。 下記のような様々な要素の組み合わせで成り立っており、それによってテキストの与えるイメージが大きく左右されます。 フォント サイズ 太...

2018年10月:最近読んだおすすめのWebデザイン関連書籍

Webデザインを勉強したての頃は色々と本を読んで勉強していたけど、実際にWebデザイナーとして働き始めたらあまり本を読まなくなったという方も多いのではないでしょうか。 デザインのトレンドは常に変化して...

2018年10月:デザインの参考にしたいWebサイト16選

2018年10月に見つけたWebデザインの参考にしたいWebサイトを集めました。 今月は様々な雰囲気のWebサイトをピックアップしました。いずれも、Webサイトの取り扱うコンテンツの特徴がWebデザイ...

初心者がPhotoshopの使い方を学ぶおすすめの勉強法・書籍

Photoshopは、Adobeが提供するデザインツールです。写真の加工やグラフィックデザインなど、デザイン制作の現場では欠かせないツールですが、高機能がゆえに使い方を覚えるのが大変で、使いこなせるよ...

高クオリティで魅力的な有料写真素材・ストックフォトサービスまとめ

有料写真素材サイトとは、Webサイトや制作物で利用する写真素材を有料で手に入れることができるサービスです。 無料で素材を手に入れることができるフリー写真素材サービスも多く公開されていますが、有料素材の...

初心者でもできる!WordPressを使ったWebサイトの作り方

Webサイト制作と言えばWordPressと言われるほど、WordPressはWebサイトを作るための人気ツールです。 一見難しく見えるかもしれませんが、大変なのは初期設定が大半で、一度サイトを作って...

【2018年版】Webサイトのファビコンや各種アイコンの正しい設定方法

ファビコン(favicon)や、iOSやAndroidでホーム画面に保存した時に表示される画像、Windows8や10でスタート画面にピン留めした時の画像など、Webサイトでは様々なアイコン画像に関す...

metaタグとは?重要なタグ一覧とSEO対策のための書き方

metaタグ(メタタグ)とは、検索エンジンに向けてページの情報を伝えたり、ブラウザに対してページの表示方法を指示したり、SNSでシェアされた時の表示方法をコントロールするなど、とても重要な情報です。 ...

Sketchを使いこなすための小技・テクニックのTipsまとめ

SketchはWebデザインやアプリのUIデザインで使われているUIデザインツールです。 比較的使い方が簡単だと言われているSketchですが、しっかりと使いこなすための設定や小技、テクニックがたくさ...

Sketch52のアップデート情報!ダークモードやリデザインなど!

Sketch52のアップデート情報!ダークモードやリデザインなど! 2018年10月2日にSketchの最新バージョンであるSketch 52が公開されました。 以前から話題になっていましたが、mac...

2018年版:パララックスを簡単に実装できるおすすめプラグイン8選

パララックスは、様々なWebサイトで取り入れられているデザイン手法で、ユーザーを楽しませたりサイトを魅力的に見せたりなど様々な効果を発揮します。 Webサイトでパララックスを実装するためのプラグインや...

Google Fontsで日本語フォントが正式サポート開始!使い方やダウンロード方法など

Google Fontsでは、長らくベータ版として日本語フォントが提供されていましたが、2018年9月から正式にサポートされるようになりました。 Webフォントとしての使ったり、ダウンロードして制作物...

2018年9月:Webデザインの参考にしたいサイト20選

2018年9月に見つけた参考になるデザインのWebサイトを集めました。 今月は、イラストやアニメーションをうまく活用した可愛らしい親近感の湧くデザインのWebサイトをいくつかピックアップしてみました。...

現役デザイナーがおすすめする独学でWebデザインを勉強する最短の方法

Webデザインを勉強したい!と思う人は多いかもしれませんが、学校で習う勉強と違って正解が1つではないため、決まった勉強法が無く独学で勉強することが比較的難しいです。 しかし、その難しいと言われる理由は...

厳選!軽量で使いやすいCSSフレームワーク10選【2018年最新】

Web制作におけるCSSフレームワークとは、デザインやレイアウトのベースを簡単に作ることができるライブラリです。 ページのベースとなる部分はCSSフレームワークに任せてしまうことができるので、作業時間...

Adobe XDの2018年9月アップデート情報:レスポンシブリサイズやタイマートランジションなどが登場!

Adobe XDの2018年9月のアップデートが公開されました。 今回のアップデートでは、レスポンシブデザインの制作を効率化する機能や、プロトタイプの遷移のトリガーにタイマーが追加されるなど、XDでで...

デザイナーに読んでほしいnoteのおすすめ記事13選

noteはクリエイターが情報発信を行うためのサービスです。多くのデザイナーやクリエイターの方で優れた記事を公開しています。 ブログとして定期的に記事を公開している方も、何かあった時に情報発信の場として...

iPhone XS公式サイトのWebデザインから学べること

2018年9月12日、新たなiPhoneのラインナップとしてiPhone XS、iPhone XS Max、iPhone XRが発表されました。 新機能や性能に注目が集まっていますが、ここではWebサ...

Webデザインの勉強におすすめのオンラインスクール・学習サービスまとめ

Webデザインを独学で勉強しているけど、なかなか成果が感じられないという方も多いのではないでしょうか。 少しでもプログラミングをかじったことのある人であれば、HTMLやCSSは比較的スムーズに習得でき...

実践型デザイン学習サービス「Cocoda!」が正式リリース!

デザインの勉強をしたい!と思っても、どうやって勉強すれば分からないという方も多いのではないでしょうか。 確かに、デザインというのは資格の勉強などと違い、何かを覚えたからといって、直接スキルアップにつな...

WordPressのSEO対策で重要な10個のポイント

WordPressでWebサイトを作っている方も多いと思いますが、SEO対策はしっかり行えていますか? せっかくコンテンツを増やしていっても、SEO対策がぼろぼろだとアクセス数を伸ばすことはできません...

2018年のトレンド

"いま"読まれている記事

12345...10...»

© 2018 Web Design Trends