1. 【2018年】無料で使える!おすすめフリー写真素材サイト6選【商用利用OK】

    【2018年】無料で使える!おすすめフリー写真素材サイト6選【商用利用OK】
    著作権の表記不要で、商用利用も可能なフリー写真・画像素材を提供するストックフォトサービスの中から、本当に使える6つのサイトに厳選しました。 無料で利用できるフリー写真素材は、Webデザインで気軽に写真素材を利用することができるので、利...

  2. 2019年に流行するWebデザインの最新トレンド18個まとめ

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

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

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

  4. デザイナー必見!2018年のWebデザイン最新トレンドまとめ

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

  5. 2019年最新!SEOに強いおすすめWordPressテーマまとめ

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

  6. 初心者必見!Illustratorの使い方を学ぶ6つのステップとおすすめの勉強法・書籍

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

  7. 2019年に流行するグラフィックデザインの最新トレンド12個まとめ

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

  8. 2018年版:おすすめの人気UIデザインツール徹底比較

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

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

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

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

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

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

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

  12. Webデザインの基本。グリッドレイアウトの魅力と参考になるWebサイト

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

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

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

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

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

  15. 2018年最新!おすすめのカラーパレットツール・サービスまとめ

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

  16. 2019年のテーマカラーは「Living Coral」:パントンが発表

    2019年のテーマカラーは「Living Coral」:パントンが発表
    毎年12月に翌年のテーマカラーを発表しているパントン(PANTONE)が2019年のカラーオブザイヤーを発表しました。 2019年のテーマカラーは「Living Coral」と呼ばれる鮮やかなピンク色です。今回は、Living Cor...

  17. 2018年版:Webデザインのおすすめギャラリーサイトまとめ

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

  18. 2018年最新!人気のアイコンフォントと使い方まとめ

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

  19. UI/UXデザインの基本と初心者におすすめの勉強法

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

  20. あえて崩す。ブロークングリッドレイアウトの魅力とは

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

  21. コピペで簡単!ローディングアニメーションの参考になるサイトまとめ

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

  22. コピペで実装!すぐに使えるCSSサンプルコードまとめ

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

  23. 2019年流行するロゴデザインの最新トレンド9個まとめ

    2019年流行するロゴデザインの最新トレンド9個まとめ
    2019年のロゴデザインのトレンドを予測する上では、グラフィックデザインのトレンドがとても参考になります。 しかし、デザインのトレンドが毎年変化する中、ブランドのロゴのデザインは一般的に毎年更新されるものではありません。そのため、長期...

  24. UXデザインに欠かせない!おすすめのプロトタイピングツール7選【2019年最新】

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

  25. 画面遷移図が簡単に!「Overflow」のリリースが待ちきれない

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

  26. フラットデザイン2.0は2018年のトレンドとなるか

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

  27. UIデザイナー必見!おすすめのiOS向けUIキット・デザイン素材36選

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

  28. ブーム到来か。ノングリッドデザインの魅力と参考になるWebサイト

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

  29. 「ハンバーガーメニューはもう古い」は間違っている

    「ハンバーガーメニューはもう古い」は間違っている
    「ハンバーガーメニューはもう古い」という言葉を最近よく耳にするようになりましたが、本当にそうでしょうか?最新のWebデザインを色々と見ていると、非常に多くのサイトがハンバーガーメニューを採用しています。 今回は、改めてハンバーガーメニ...

  30. かっこいいけど残念なデザインのWebサイトの特徴

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