【2019年最新】WordPressの使い方を徹底解説！初心者向けのおすすめ設定も
WordPressは初心者でも簡単にWebサイトを作ることができる人気のソフトウェアです。 しかし、機能がやや複雑で初めてWordPressに挑戦する人には導入時のハードルがやや高く、どのように設定すればいいのか分からないという方も多...

2019年に流行するWebデザインの最新トレンド18個まとめ
そろそろ2018年も終わりを迎え、2019年がやって来ようとしています。この1年でWebデザインのトレンドにも様々な変化がありましたが、2019年はどのようなWebデザインの手法が流行するのでしょうか？ 最新のWebデザインのトレンド...

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

おしゃれな配色パターンが見つかる！配色見本サービスまとめ
配色はデザインにおいて重要な要素の1つですが、優れた配色を作る方法が分からないという方も多いのではないでしょうか。 そこで、今回は初心者の方でも優れた配色ができる配色パターン見本サービスをまとめました。下記のように、色の数ごとにおすす...

2019年版！おすすめのリセットCSSまとめ
リセットCSSとは、ブラウザによって異なるデフォルトのCSSを打ち消してブラウザ間の表示を揃えるためのCSSファイルのことを言います。 分かりやすい例だと、inputタグなどはSafariとChromeでは全く異なる表示になってしまい...

【2019年最新】Webデザインの参考に！おすすめギャラリーサイトまとめ
Webデザインの参考になるギャラリーサイトをまとめました。優れたWebデザインを行うためには、色々なサイトを見てテクニックを身につけていく事がとても重要です。 今回おすすめのギャラリーサイトを選ぶにあたって下記のポイントに注目しました...

初心者必見！Illustratorの使い方を学ぶ6つのステップとおすすめの勉強法・書籍
IllustratorはAdobeが提供しているデザインツールです。世の中には様々なデザインツールがありますが、Illustratorはその中でも使いこなせるようになるまでに覚えなければならないことが多く、ここで断念してしまう人も少なくあり...

【2019年版】Webサイトのファビコンや各種アイコンの正しい設定方法
ファビコン(favicon)や、iOSやAndroidでホーム画面に保存した時に表示される画像、Windows8や10でスタート画面にピン留めした時の画像など、Webサイトでは様々なアイコン画像に関する設定が必要です。 さらに、OSや...

厳選！軽量で使いやすいCSSフレームワーク10選【2018年最新】
Web制作におけるCSSフレームワークとは、デザインやレイアウトのベースを簡単に作ることができるライブラリです。 ページのベースとなる部分はCSSフレームワークに任せてしまうことができるので、作業時間を大幅に短縮することができます。 ...

2018年版：おすすめの人気UIデザインツール徹底比較
日々新たなデザインに関するニュースが飛び交っていますが、それはUIデザインツールに関しても同様です。 Adobe XDの正式リリース、Figma3.0のリリース、InVision Studioのベータ版公開など、2017年の終わりから...

【2019年版】おすすめのWebアイコンフォントと使い方まとめ
Webアイコンフォントを使うことによって、Webサイトに簡単にアイコン素材をデザインに取り入れることができ、デザインの幅が広がります。 一度使ってみるとその便利さに気づくのですが、初めて使う場合には使い方がよく分からないという方も多い...

【2019年版】Flexboxの対応ブラウザとベンダープレフィックスまとめ
FlexboxはCSSによるレイアウト作成の人気の方法です。 しかし、比較的新しいレイアウト法なので、一部のバージョンが古いブラウザでは正しく表示されないという課題も抱えています。 今回は、2019年最新のFlexboxのブラウ...

2019年に流行するグラフィックデザインの最新トレンド12個まとめ
2018年もまだ少し残っていますが、私たちは早くも2019年のグラフィックデザインのトレンドがどうなるのか気になって仕方がありません。 世界中のグラフィックデザインの動向をチェックしていると、2018年はグラフィック、Web、編集物、...

画面遷移図の作り方とおすすめのツール
Webサイトやサービス仕様の検討段階で必ず登場するのが画面遷移図です。画面遷移図はサービスの全体像を捉えたり、画面間の相互関係を示す時に使われます。 画面遷移図を正しく作ることで、チームメンバーでサービスの全体像を正しく共有することが...

無料で使える！商用利用可能なフリーイラスト素材サイト10選
イラスト素材は、Webデザインに限らず様々なデザインに活用することができる万能素材です。 しかし、イラストを自分で作るとなるとそれなりの技術が必要で、時間もかかってしまいます。 そこでおすすめなのが、フリーイラスト素材サイトです...

デザイナー必見！2018年のWebデザイン最新トレンドまとめ
Webデザインは1年単位で流行が変わるため、常に最新のトレンドにキャッチアップし続けなければなりません。デザインの流行は技術やデバイスの進化や環境の変化が影響することも多く、ユーザビリティやUI/UXの観点からも最新のデザインを取り入れるこ...

2018年版：パララックスを簡単に実装できるおすすめプラグイン8選
パララックスは、様々なWebサイトで取り入れられているデザイン手法で、ユーザーを楽しませたりサイトを魅力的に見せたりなど様々な効果を発揮します。 Webサイトでパララックスを実装するためのプラグインやライブラリは様々なものが公開されて...

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

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

WordPressサイトを高速化するための9つのポイント
SEO対策において、ページの表示速度は注意すべき指標の1つです。 ページの読み込みに3秒以上かかると50％以上のユーザーが離脱してしまうと言われており、たった数秒の違いで与える影響の大きさは計り知れません。 特に、WordPre...

Webデザインの基本。グリッドレイアウトの魅力と参考になるWebサイト
グリッドレイアウトは要素を格子状に並べることによって、美しく整えられた印象のWebサイトを作るためのデザイン手法です。 Webデザインの基本中の基本であり、グリッドレイアウトをしっかりと使いこなせるようになることがWebデザイナーとし...

Font Awesome 5の使い方とカスタマイズ方法を徹底解説！
Font Awesomeとは、無料で利用可能なWebアイコンフォントで、アイコンの種類がとても豊富なのでWeb制作の様々な場面で活用することができます。 ただ、CDNを使ったり疑似要素（::beforeや::after）に記述したりな...

2019年4月：デザインの参考にしたいWebサイト14選
2019年4月に見つけたデザインの優れた魅力的なWebサイトを14個まとめました。 国内海外問わず、魅力的なWebサイトを厳選しているので、ぜひデザインの参考にしていただければと思います。 Art4web ファーストビ...

UIデザイナー必見！おすすめのiOS向けUIキット・デザイン素材36選
UIデザインの仕事をしている人や、UIデザイナーを目指している人のためにiOSデザインの優れたUIキットをまとめました。UIエレメントや画面、コンポーネント、デザインコンセプトなどがまとめられたUIキットはデザインを学ぶのにぴったりの方法で...

画面遷移図が簡単に作れる！「Overflow」とはどんなツール？
デザインを作成したら、フィードバックをもらい改善するサイクルを短期間で繰り返すというスタイルがアジャイル型のプロダクト開発ではとても重要です。 最近では、プロトタイプを使ってデザインのフィードバックをもらうような作業フローも増えてきま...

2018年：これだけ入れておけば間違いないWordPressおすすめプラグイン9選
WordPressはプラグインを使うことによって、SEO対策から関連記事の表示、ページの表示速度改善など、様々な機能拡張を行うことができます。 ただし、プラグインの数が増えすぎると逆に処理が重くなってしまって読み込み速度が遅くなってし...

かっこいいけど残念なデザインのWebサイトの特徴
普段からWebデザインのギャラリーサイトなどでデザインの参考になりそうなWebサイトを見たりしているのですが、一見おしゃれでかっこいいWebデザインであっても、実際に触ってみるととても残念なサイトだったということがよくあります。 いく...

UXデザインに欠かせない！おすすめのプロトタイピングツール7選【2019年最新】
プロトタイピングツールも最近は色々な進化を遂げ、単にプロトタイプを作成するだけに限らず、プロトタイプの画面上にコメントを残してフィードバックしたり、リモートで音声通話ができたり、画面遷移図だってプロトタイプから出力することができるようになっ...

UI/UXデザインの基本と初心者におすすめの勉強法
デザイン制作やサービス制作の現場でUI/UXという言葉を耳にする機会は多いと思います。それぞれなんとなくイメージを持っていると思いますが、正確に違いを説明できますか？ 今回は、UI/UXデザインの基本と初心者の方がUI/UXデザインを...

【2019年版】デザイナーなら知っておきたいフォントサービスまとめ
デザインにおいてフォントは欠かせない要素です。フォントの細かな違いによって、デザインのイメージが変化し、大きな影響を与えます。 しかし、デザインを始めたての方はPCにデフォルトで入っているフォントを使っているという方も多いのではないで...