Webデザイン基礎編
Web Design Basics
- Webデザイン・2023.01.05Webデザインの基礎。デザインシステムやSEO知識でさらにレベルアップ!
- Webデザイン・2023.01.05情報設計とは?効果的な情報設計のプロセスを具体例を交えて紹介
- Webデザイン・2023.01.05ワイヤーフレームの作り方を5つのステップに分けて解説
- Webデザイン・2023.01.05レスポンシブデザインの作り方と制作時の6つのポイント
最新の記事
Latest Articles
- Webデザイン・2023.02.06デザイナーも知っておくと安心!SEOに効果的な5つのWebデザインのポイントWebサイトにとって検索エンジンが重要なユーザー獲得経路であることはよく知られていると思います。しかし、WebサイトをデザインするデザイナーにはSEOに効果的なサイトの設計方法やデザインはあまり知られていないのではないでしょうか?デザイナーの中にも、「Webサイトをデザインする際にSEOに関する知識がなくて不安」という方は多いかと思います。今回は、そんなデザイナー向けに「デザイナーも知っておくと安心なSEOに効果的なWebデザインのポイント」を5つ紹介します。まず、大前提としてGoogleは「ユ
- Webデザイン・2023.01.05レスポンシブデザインの作り方と制作時の6つのポイントレスポンシブデザイン(レスポンシブWebデザインとも)とは、Webサイトを様々なサイズのデバイス環境に対応させるための技術です。WebサイトはHTMLで表示内容を記述し、CSSを使ってレイアウトや見た目を指定します。このCSSを画面サイズに合わせて変更させることで、同じWebサイトでありながら画面サイズに合わせた複数の見た目を表現することができるようになります。レスポンシブデザイン以外にWebサイトを様々なデバイス環境に対応させるための方法として、アダプティブデザインがあります。アダプティブデザ
- Webデザイン・2023.01.05ワイヤーフレームの作り方を5つのステップに分けて解説ワイヤーフレームとは、Webサイトやモバイルアプリの画面ごとの構成要素を定めた設計図です。プロダクトの情報設計の段階でのチーム内での合意形成や、デザイナーへの指示書としての役割を持つことが多いです。近年のITサービス開発の現場では、具体的なデザインを作成する前にモックアップでのユーザーテストを行うことが増えたことから、プロトタイプとしての役割を持つことも多くなっています。プロジェクトの内容やチーム構成 によっても異なりますが、ワイヤーフレームの役割には大きく、「仕様書・設計図」「合意形成ツール」「
- Webデザイン・2023.01.05情報設計とは?効果的な情報設計のプロセスを具体例を交えて紹介情報設計(Information Architecture / IA)とは、デザインが適切にユーザーに情報を伝えられるような情報表示と動線の設計のことです。ジャンルを問わず、デザインには常に目的が与えられており、単にわかりやすいだけではなく、その目的を果たす上で有効な設計を行うことが情報設計の重要なポイントとなります。IAと同じく情報表示や動線の設計を通して、ユーザーが目的を達成しやすいデザインを作るという意味合いで使われる言葉にUIデザインがあります。UIデザインとは、ユーザーがサービスをスム