1. 2018年はこれで決まり!Webデザインの最新トレンドまとめ

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

  2. 2017年アツい!注目のUIデザインツール徹底比較

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

  3. 2018年最新!SEOに強いWordPressテーマまとめ

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

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

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

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

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

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

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

  7. 2017年を先取り!WEBデザインの最新トレンドまとめ

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

  8. 見ていて楽しい!スプリットスクリーンレイアウトの特徴と参考になるサイトまとめ

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

  9. 会話もできる!高性能チャットボットが作れるサービスまとめ

    会話もできる!高性能チャットボットが作れるサービスまとめ
    チャットボット作成サービスは色々な企業が提供していますが、チャットボットと言っておきながらマガジン形式の一方通行のコミュニケーションで会話には対応していないものがまだまだ多いです。 しっかり会話してコミュニケーションが取れるチャットボ...

  10. 間違いなく最強のデザインツール「InVision Studio」が2018年1月にリリース!

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

  11. 2017年最新!おすすめのプロトタイピングツール5選

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

  12. 2018年のWebデザインに影響する51個の注目トレンド by milo

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

  13. プロトタイピングツール「InVision」はここまで進化した

    プロトタイピングツール「InVision」はここまで進化した
    プロトタイピングツールは、実際にウェブ制作を行う前にモックを作成し、完成形をイメージしやすくするためには欠かせないツールです。 今回は、プロトタイピングツールとして世界で大きなシェアを誇る「InVision」についてご紹介します。 ...

  14. デジタルプロダクトのためのデザインツール「Phase」はWebデザインの在り方を変えるかもしれない
    すべてのデザイナーが求めていたデジタルプロダクトのためのデザイン・プロトタイピングツール「Phase」が発表されました。デザインツールはすでに様々なツールがリリースされていますが、Phaseは「デジタルにおけるデザイン」という所に重きを置い...

  15. グリッドレイアウトの基本とデザインの参考になるサイトまとめ

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

  16. 超便利!Sketchのおすすめプラグイン15選

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

  17. 脱WordPress!静的サイトの特徴やメリットなどのまとめ

    脱WordPress!静的サイトの特徴やメリットなどのまとめ
    WordPressのようにアクセスされる度にページを生成するのではなく、予め生成しておいたページを表示する静的サイトが再び注目を集めています。 静的サイトの特徴やメリットとデメリット、人気の静的サイトジェネレータについてまとめました。...

  18. 2017年もSEOに強いWebサイトを作るために押さえておきたい21の基本

    2017年もSEOに強いWebサイトを作るために押さえておきたい21の基本
    「Webページを作ったのに、全然上位に表示されない…。」というのは、Webページを作ったことのある方なら誰もが経験したことがあると思います。 頑張って作ったWebサイトであれば、検索結果の上位に表示されたいですよね。そこで登場するのが...

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

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

  20. スマホ向けサービスのUXデザインは「速度」が重要

    スマホ向けサービスのUXデザインは「速度」が重要
    2016年にモバイル端末でのインターネットの使用率が世界で初めてデスクトップを上回りました。 イギリスGoogleの調査によるとイギリスの成人の65%の人がインターネット利用におけるメイン端末としてスマートフォンを利用していると伝えら...

  21. パララックスの特徴とデザインの参考になるサイトまとめ

    パララックスの特徴とデザインの参考になるサイトまとめ
    パララックス(Parallax)は視差効果とも呼ばれ、スクロール時の動きに演出を加えるようなデザイン手法です。 Webサイト制作の現場でよく使われる手法であり、デザインに動きが加わるため見ていて楽しいWebページに仕上げることができま...

  22. 全部知ってる?主要なWebデザイン手法のまとめ

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

  23. Sketchのプラグイン管理は「Sketchpacks」がおすすめ!

    Sketchのプラグイン管理は「Sketchpacks」がおすすめ!
    Sketchのプラグイン管理ツールといえばいくつかツールが公開されていますが、動作の安定性や機能の豊富さから「Sketchpacks」が最もおすすめのSketchプラグイン管理ツールです。 今回はSketchpacksのどんな所が優れ...

  24. 【2018年最新】SEO対策のトレンド・ポイント

    【2018年最新】SEO対策のトレンド・ポイント
    2018年最新のSEO対策のトレンドやポイントについてまとめました。モバイルファーストインデックスや音声検索、AMP対応などの最新の動きに加え、タイトルや見出しの付け方、ユーザビリティの高いページを作るなどSEO対策の基本の中でも特に重要な...

  25. iOS 11やiPhone XのSketch用デザイン素材まとめ

    iOS 11やiPhone XのSketch用デザイン素材まとめ
    2017年9月20日、ついにiOS 11へのアップデートが一般ユーザー向けにリリースされました。iOS 10からUIで大きく変わった点も多く、何より新しい端末である「iPhone X」の発売も控えています。 そこで、今回はiOS11や...

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

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

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

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

  28. 全部無料!おすすめのSketch用UIキットやデザイン素材50選

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

  29. コピペで実装!スプリットスクリーンレイアウトのサンプルコード

    コピペで実装!スプリットスクリーンレイアウトのサンプルコード
    スプリットスクリーンレイアウトとは、画面を大きく分割して表示するデザイン手法です。 分割するため対比を表現したい場合に使われたり、画面の片側をメニューのようなガイド表示に使用する場合も多いですね。 今回は、スプリットスクリーンを...

  30. WordPressのローカル環境構築ならLocalがおすすめ!

    WordPressのローカル環境構築ならLocalがおすすめ!
    WordPressのWebサイトを制作する上で欠かせないのがローカル環境の構築です。サーバー上にWordPressをインストールして開発を行う場合、サイト公開前からサーバーを用意しないといけなかったり、ファイルを編集する度にアップロードする...