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

【2017年】無料で使える！おすすめフリー写真素材サイト5選【商用利用OK】
著作権の表記不要で、商用利用も可能なフリー写真・画像素材提供サイトの中から、2017年おすすめの5サイトについてまとめました。 フリー写真素材提供サイトを紹介しているまとめはたくさんありますが、数が多すぎて使いやすいサービスを見つける...

2018年最新！SEOに強いWordPressテーマまとめ
WordPressを使ってWebサイトを作成する時、みなさん最初に悩むのがどのテーマにするかだと思います。どうせWebサイトを作るなら多くの人にアクセスしてもらうために、SEOに強いWebサイトを作りたいですよね。WordPressのテーマ...

2017年アツい！注目のUIデザインツール徹底比較
WebサイトやAndroid,iPhoneアプリなどを作る場合に欠かせない作業がUIデザインの作成です。Sketchの登場に続き、AdobeもXDをリリースしてUIデザインツールの戦国時代が始まりました。 色々なUIデザインが公開され...

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

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

フラットデザイン2.0は2018年のトレンドとなるか
フラットデザインはミニマリズムを追求したシンプルなデザインに仕上げるデザイン手法ですが、一方でユーザビリティの面での課題などがありました。その課題を解決するために登場したフラットデザイン2.0という考え方は、フラットデザインの流れを汲みなが...

2018年のWebデザインに影響する51個の注目トレンド by milo
2018年のWebデザインのトレンド記事に関する記事も様々なものが登場していますが、今回ご紹介するのはBehanceで話題となっている2018年のデザイントレンドに関する記事です。miloによって公開されたWebデザイントレンドに関する記事...

見ていて楽しい！スプリットスクリーンレイアウトの特徴と参考になるサイトまとめ
スプリットスクリーンレイアウトは画面を大きく分割するレイアウトで、使い方次第では非常に効果を発揮するデザイン手法です。分割スクリーンレイアウトや、分割式レイアウトなどとも呼ばれたりします。 一口にスプリットスクリーンといっても、サイト...

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

2017年を先取り！WEBデザインの最新トレンドまとめ
WEBデザインは時代とともに流行やトレンドが生まれ、変わっていくものです。近年では様々なデバイスや技術の登場により、変化のスピードも早まってきました。そのため少し時間が経っただけで時代遅れのサイトと見なされてしまう可能性もあり、かっこいいサ...

あえて崩す。ブロークングリッドレイアウトの魅力とは
2017年から2018年にかけてブロークングリッドレイアウト(Broken Grid Layout)を取り入れたデザインのWebサイトが増えてきました。 通常のグリッドレイアウトとは一味違った、遊びのあるWebデザインなのでサイトのオ...

コピペで簡単！ローディングアニメーションの参考になるサイトまとめ
読み込みに時間がかかってしまうページはローディングアニメーションを取り入れることによってユーザーの離脱率を抑えることができます。アニメーションとなると作るのに手間がかかってしまいそうなイメージがありますが、実はCSSだけで簡単に実装すること...

全部無料！おすすめのSketch用UIキットやデザイン素材50選
デザインを0から作るのもいいですが、時間がかかってしまったり、初心者の場合だと高いクオリティのデザインを作るのはなかなか難しかったりします。そんな時はUIキットやデザイン素材を上手く活用することで、効率よく優れたデザインを作成することができ...

2018年最新！おすすめのカラーパレットツール・サービスまとめ
Webデザインを行う際に気をつけなければいけないポイントの1つが配色です。どんな色を使うかによってページの雰囲気やイメージが大きく変わります。芸大や美大でしっかりと勉強をしたような人は知識が叩き込まれていると思いますが、色については本当に覚...

全部知ってる？主要なWebデザイン手法のまとめ
Webサイトのデザイン手法には様々なものがありますが、しっかりとした知識はお持ちですか？それぞれのデザイン手法をきちんと知っておくことで、より優れたデザインを作成できるようになります。 これからWebデザインを勉強する方はこの記事をぜ...

オリジナルのシェアボタンを作ろう！各種SNSのボタン設置用URLまとめ
Facebook、TwitterなどのSNSに記事をシェアしてもらうのに必要なのが「シェアボタン」です。サービスごとにURLやパラメータが異なるため、オリジナルでシェアボタンを作成する場合はそれぞれ設定しなければなりません。 今回は、...

2018年に知っておくべき18個の最新デザイントレンド
デザインは周りの変化に合わせて常に変わり続けていくものです。デザインを表示するデバイスの変化、テクノロジーの発展、デザインにおけるトレンドの推移など、あらゆるものに影響されます。 2018年になった今、どのようなことを意識してデザイン...

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

間違いなく最強のデザインツール「InVision Studio」が2018年1月にリリース！
世界的に有名なプロトタイピングツールを提供する「InVision」から、デザインツール「InVision Studio」が2018年1月にリリースされることが発表されました。なんといっても注目のポイントはその機能！ InVision...

いくつ当てはまる？優れたデザイナーとダメなデザイナーの違い
「優れたデザイナー」と「ダメなデザイナー」の違いについて、なんとなく分かっているつもりでもはっきりと説明できる人は少ないのではないでしょうか。今回は、優れたデザイナーとダメなデザイナーの違いについて、10個のポイントに分けてご説明してい...

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

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

コピペでデザイン！簡単マテリアルデザイン風コードまとめ
「マテリアルデザイン」はGoogleが発表したデザインのガイドラインです。Googleのサービスは現在ほぼすべてこのマテリアルデザインに則って作成されています。シンプルながらも機能性に優れたこのマテリアルデザインを駆使すれば、ウェブページが...

超便利！Sketchのおすすめプラグイン15選
Sketchといえば多くのIT企業で使われているUIデザインツールですが、プラグインはしっかり使いこなせていますか？プラグインを上手く活用することによって、できることの幅が広がったり、効率よくデザイン制作を行えることができるようになります。...

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

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

優れたWebデザインを行うためのアイデア発想法
デザインを作る時に、いいアイデアが浮かばなかったり、作っても納得いかなかったりしたことは誰もが経験したことがあると思います。 優れたデザインのアイデアというのは簡単に思いつくわけではありませんが、アイデアを発想しやすい状況を作っておく...

Web制作に役立つ！JavaScript厳選プラグインまとめ【グラフ編】
ブラウザ上でグラフを表示するならばJavaScriptやjQueryを使う方法が一般的です。 画像を貼り付けると拡大したら荒くなったり、細かい数値が確認できませんが、JavaScriptを使うとマウスオンした時にデータを表示できたり、...

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