Web Design Trends

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

Page 6 of 11

UI/UXデザインに欠かせない!ペルソナの正しい作り方とは

WebサイトやサービスのUI/UXデザインを行う時に、ブランディングを意識してデザインを行うのは当然ですが、それだけでなく、ターゲットユーザーにとって印象がよく、使いやすいものにしなければなりません。...

表示速度が検索順位に影響!Googleが発表したスピードアップデートへの対策方法

Googleより、モバイル版のランキング要素にページ読み込み速度を考慮する「スピードアップデート」に関する情報が公開されました。 しっかりとSEO対策を行っている場合はすでにページ読み込み速度について...

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

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

HTML5でアプリが作れる!?Web制作者におすすめのハイブリッドアプリとは

iOSやAndroid上で動作するモバイルアプリはSwiftやJavaを使って開発されるネイティブアプリが一般的ですが、実はHTML5やCSS、JavaScriptを使って開発するハイブリッドアプリと...

グラデーションのアイデア探しに!おすすめのツール・サービスまとめ

グラデーションはWebデザインにとって欠かせない要素の1つで、様々なWebサイトに取り入れられています。慣れると自分で思い通りに作れるようになりますが、初めはグラデーションの調整に苦戦する方も多いので...

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

Webデザインを行う際に気をつけなければいけないポイントの1つが配色です。どんな色を使うかによってページの雰囲気やイメージが大きく変わります。芸大や美大でしっかりと勉強をしたような人は知識が叩き込まれ...

初心者のためのWebサイトコンセプト設計方法

いざWebサイトを作ろうと思っても、立ち上げた経験の無い人にとっては分からないことだらけで、どこから手を付ければいいのか分からない場合が多いと思います。 Webサイトを0から作る場合には、まずサイトの...

node-sassを使ったSassの導入方法

GUIコンパイラでSassをコンパイルすることも可能ですが、仕様がツールに依存してしまうため、細かい設定を行うような場合にはコマンドラインを利用したコンパイルがおすすめです。 方法は色々とありますが、...

SassのGUIコンパイラは「Prepros」がおすすめ!使い方と機能のまとめ

Sassに挑戦しようと思ったけどコンパイルのための環境構築が難しそうでやめてしまった方も多いのではないでしょうか。Sassのコンパイルにはコマンドラインを利用する方法が主流ですが、実はGUIコンパイラ...

Framerのデザイン機能が大幅アップデート!

プロトタイピングツールのFramerが2017年12月に大幅なアップデートをリリースし、デザイン作成機能が大きく強化されました。 実際にどのような機能が追加されたのかご紹介していきたいと思います。 F...

脱初心者!Sass記法の入門

Sassというキーワードは知っていても、まだSassを使ってCSSを記述できていない方も多いのではないでしょうか。Sassは一昔前にブームが来て、今はあまりホットではないと思っている人が多いかもしれま...

インタラクションデザインのプロトタイプ作成には「ProtoPie」がおすすめ!

ProtoPieは、インタラクションデザインのプロトタイプを作成できるプロトタイピングツールです。複雑なアニメーションから、タップ、クリック時のマイクロインタラクションまで、様々な動きを伴うプロトタイ...

ロゴデザインの参考に!おすすめギャラリーサイトまとめ

ロゴデザインはシンプルなロゴの中に名前やメッセージ、イメージなど様々な要素を詰め込まないといけないのでとても難しいです。ただ、アイデアさえ湧いてしまえば作業量はそこまで多くないのでいかにアイデアを出す...

コードで動く?話題のデザイン・プロトタイピングツール「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...

2019年のトレンド

"いま"読まれている記事

«...45678...»

© 2019 Web Design Trends