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

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

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

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

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

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

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

2018年上半期のWebデザインを振り返ってみる
2018年も折り返し地点を超え、気づいたら8月になってしまいました。ここで2018年のWebデザインのトレンドとデザインツールについて振り返ってみようと思います。 2018年上半期のWebデザインのトレンド 2018年は、従来の...

ハッカー向けノートアプリ「Inkdrop」は最高に使いやすいメモ帳ツールだった
メモ帳・ノートアプリは様々なツールがありますが、機能や使いやすさで不満がある方も多いのではないでしょうか。そんな方におすすめのメモ帳・ノートアプリが「Inkdrop(インクドロップ)」です。Inkdropはデザイナー、エンジニアのために作ら...

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

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

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

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

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

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

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

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

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

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

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

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

ブーム到来か。ノングリッドデザインの魅力と参考になるWebサイト
既存の枠に囚われず、自由に画像やテキストをレイアウトする「ノングリッドデザイン」のWebサイトがここ最近で多く見られるようになってきました。 近年オリジナリティがWebデザインに強く求められるようになってきていて、従来のルールに従わず...

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

2018年7月：Webデザインの参考にしたいサイト10選
2018年7月に見つけた、デザインの優れたWebサイトをまとめました。難しい技術を使ったテクニカルなWebサイトから、見た目の美しさやユーザビリティの高さなども評価して10サイトに厳選しています。 Webデザイナーの方も、これからWe...

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

2018年8月：最近読んだおすすめのWebデザイン関連書籍
Webデザインを勉強したての頃は色々と本を読んで勉強していたけど、実際にWebデザイナーとして働き始めたらあまり本を読まなくなったという方も多いのではないでしょうか。 デザインのトレンドは常に変化していくため、できるだけ多くの情報を集...

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

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

パステルカラーやマカロンカラー、微妙な色味の違いを覚えておこう！
シャーベットカラー・シャーベットトーン シャーベットカラーとは、その名の通りシャーベットのような明るくて清涼感のある淡い色味のことを指します。2012年の春夏とトレンドカラーとなり、ファッション業界などで大きく取り扱われました。...

シネマグラフの作成ツール・アプリと素材サイトまとめ
シネマグラフとは、一部分だけ動く写真のことです。シネマグラフは近年Webデザインに取り入れるサイトが増えてきており、注目されているテクニックの1つです。 シネマグラフをWebデザインに使いたい場合、自分で作成するか素材サイトで購入する...