Web Design Trends

Webに関わるすべての人のためのメディア

Page 12 of 16

コードで動く?話題のデザイン・プロトタイピングツール「Framer」とは

Framerは元々コードベースで動作するプロトタイピングツールでしたが、最近のアップデートによってデザイン作成機能も追加されました。デザインツールとしての使い心地はもちろん、作成したデザインからあっと…

【2018年1月】おすすめのIllustrator最新チュートリアルまとめ

初心者向けの簡単なものから、上級者向けのハイレベルなものまで、Illustratorのチュートリアルをまとめました。 グラフィックツールの中でもIllustratorは特に習得に時間がかかってしまうツ…

デザイナー必見!2018年のデザインツールのトレンド予想

2017年はデザインツール・プロトタイピングツールで様々なリリースが行われました。これまでできなかったような事が次々とデザインツールでできるようになり、ワークフローにも様々な変化をもたらしました。 2…

パステルカラーやマカロンカラー、微妙な色味の違いを覚えておこう!

シャーベットカラー・シャーベットトーン シャーベットカラーとは、その名の通りシャーベットのような明るくて清涼感のある淡い色味のことを指します。2012年の春夏とトレンドカラーとなり、ファッション業界な…

Web Design Trendsの2017年と2018年

新年あけましておめでとうございます。2017年は本サイトにとって大きく成長の年となりました。今回は、2018年のWebデザインのトレンドをおさえるためにチェックしておきたい記事と、2017年に人気だっ…

中上級者のためのHTML+CSSのおすすめ書籍

HTMLとCSSの学習書で有名なものは初心者向けのものが多く、ある程度知識を身に付けて後は独学で進めてきたというWebデザイナー、エンジニアの方が多いのではないでしょうか。確かにWeb上に様々な情報が…

SketchとInVisionを使って爆速でプロトタイプを作成する方法

Sketchを使ってデザインの制作を行った場合、プロトタイプを作成したければ他のツールを使わなければなりません。様々なプロトタイピングツールが公開されていますが、できるだけ時間をかけずにプロトタイプを…

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

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

必見!デザインのインスピレーションが得られる魅力的なサービスまとめ

優れたデザインを制作するためには、「インスピレーション」が欠かせませんが、なかなかいいアイデアが思いつかずに、苦悩しているという方も多いのではないでしょうか。 今回は、優れたアイデアを思いつくために必…

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

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

ハッカー向けノートアプリ「Inkdrop」は最高に使いやすいメモ帳ツールだった

メモ帳・ノートアプリは様々なツールがありますが、機能や使いやすさで不満がある方も多いのではないでしょうか。そんな方におすすめのメモ帳・ノートアプリが「Inkdrop(インクドロップ)」です。Inkdr…

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

読み込みに時間がかかってしまうページはローディングアニメーションを取り入れることによってユーザーの離脱率を抑えることができます。アニメーションとなると作るのに手間がかかってしまいそうなイメージがありま…

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

WordPressのWebサイトを制作する上で欠かせないのがローカル環境の構築です。サーバー上にWordPressをインストールして開発を行う場合、サイト公開前からサーバーを用意しないといけなかったり…

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

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

ついにAdobe XDが正式リリース!気になる料金は?

2016年3月にベータ版がリリースされ、様々なアップデートを重ねてきたAdobe XDが、2017年10月ついに正式リリースとなりました。正式版となったため、これまで無料でベータ版を利用していた方も有…

ブロックを組み合わせてサイトが作れる「Froala Design Blocks」

仕事や趣味で簡単なWebページが必要になることがあったりしますよね。自分で0から作るには大変で、WordPressを使うと負担が大きくなってしまうなど、簡単なWebサイトであっても作るのは意外に大変で…

初心者必見!WordPressテーマ選びのポイント

WordPressでWebサイトを作ろう!と思った時に、まず悩むのがテーマだと思います。WordPressは様々なテーマが公開されていて、色々なデザインの中から選ぶことができますが、数が多すぎてテーマ…

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

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

有名サービスからUXを学べる「User Onboarding」

UI/UXはデザイン制作を行う上で必ず考えなければならない要素の1つです。ちょっとした違いがKPIに大きく影響するため、サービスの命運を左右する可能性も有りえます。 今回は、有名サービスの初回アクセス…

人工知能でカラーパレットが作れるサービス「Khroma」とは

デザインにおける配色は、全体のイメージやバランスを左右する重要な要素です。 カラーパレットを生成できるツールやサービスは色々と公開していますが、遂に人工知能(AI)で配色を提案してくれる「Khroma…

これは期待!デザインツール「STUDIO」が新たに資金調達を実施

以前から当サイトで注目しているデザインツール「STUDIO」を開発・運営するSTUDIO株式会社が新たに資金調達を行いました。 そこで今回実施した資金調達の詳細と、改めてSTUDIOとはどんなデザイン…

Sketchの新機能「ライブラリ」とは!特徴や使い方など

つい先日ベータ版が公開されたSketch 47で「ライブラリ」機能が追加されました。色々なツールやサービスでライブラリという言葉は使われていますが、Sketchにおけるライブラリとは一体どういった機能…

Dropboxのブランドデザインが刷新!大胆でエネルギッシュなイメージに

Dropboxといえば、ファイル同期ツールとしてとても有名なサービスです。そのDropboxが新しいブランドデザインを発表し、大胆なデザインの刷新が世界中で話題になっています。 今回は、Dropbox…

シネマグラフの作成ツール・アプリと素材サイトまとめ

シネマグラフとは、一部分だけ動く写真のことです。シネマグラフは近年Webデザインに取り入れるサイトが増えてきており、注目されているテクニックの1つです。 シネマグラフをWebデザインに使いたい場合、自…

RECOMMENDED

© 2022 Web Design Trends