Web Design Trends

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

Page 12 of 17

ダークUX:ユーザーを欺くデザイン

UXデザインとは優れたユーザーエクスペリエンスを提供するために行うものですが、全てが優れたUXデザインというわけではありません。このユーザーフレンドリーな世界には、ダークサイドも存在しており、誤ったデ…

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

UIデザインの仕事をしている人や、UIデザイナーを目指している人のためにiOSデザインの優れたUIキットをまとめました。UIエレメントや画面、コンポーネント、デザインコンセプトなどがまとめられたUIキ…

ミニマリズムは衰退し、デザインはオリジナリティの時代に

ミニマリズムは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デザインに影響する51個の注目トレンド by milo

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

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

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

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

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

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

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

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

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

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

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

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

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

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

RECOMMENDED

© 2024 Web Design Trends