Web Design Trends

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

デジタルプロダクトのためのデザインツール「Phase」はWebデザインの在り方を変えるかもしれない

すべてのデザイナーが求めていたデジタルプロダクトのためのデザイン・プロトタイピングツール「Phase」が発表されました。デザインツールはすでに様々なツールがリリースされていますが、Phaseは「デジタ...

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

2016年にモバイル端末でのインターネットの使用率が世界で初めてデスクトップを上回りました。 イギリスGoogleの調査によるとイギリスの成人の65%の人がインターネット利用におけるメイン端末としてス...

動画で学ぶ!Sketchのおすすめチュートリアルまとめ

Sketchといえば、IT業界ではもはやスタンダードとなっているUIデザインツールです。使い方がシンプルなので、初心者の方でもある程度のデザインを作成することはできますが、様々な機能やテクニックを使い...

企業におけるUXデザインを円滑に進めるための3つのポイント

デザイナー、開発者、プロダクトマネージャーが一丸となって取り組まなければ大規模なイノベーションを生み出すことはできません。私の経験では、IT業界における成功と失敗を分けるのは、他のどの競合よりも先にプ...

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

IllustratorはAdobeが提供しているデザインツールです。世の中には様々なデザインツールがありますが、Illustratorはその中でも使いこなせるようになるまでに覚えなければならないことが...

優れたUIデザインを行うための3つのステップ

私たちは、普段から様々なサービスに触れて生活しています。それらのサービスの中には、ユーザーインターフェイス(UI)がとてもシンプルなものから、とても複雑なものまで様々な種類がありますね。 そこで気にな...

2018年版:最近読んだおすすめのWebデザイン関連書籍

Webデザインを勉強したての頃は色々と本を読んで勉強していたけど、実際にWebデザイナーとして働き始めたらあまり本を読まなくなったという方も多いのではないでしょうか。 デザインのトレンドは常に変化して...

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

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

配色で作り上げる魅力的なイメージのWebデザイン

配色はWebデザインのイメージを大きく左右する要素の1つです。同じデザインのページでも配色を変えるだけでWebサイトのイメージが大きく変化します。 上級者であれば理論的に配色を決めることもできると思い...

2018年に知っておくべき18個の最新デザイントレンド

デザインは周りの変化に合わせて常に変わり続けていくものです。デザインを表示するデバイスの変化、テクノロジーの発展、デザインにおけるトレンドの推移など、あらゆるものに影響されます。 2018年になった今...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ブロークングリッドレイアウトの特徴と参考になるサイト

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

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

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

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

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

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

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

脱初心者!Sass記法の入門

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

12345...»

© 2018 Web Design Trends